如何在 nativescript 中将 RGB 颜色代码转换为 HTML 代码

Question

我有一个任务组件，我正在尝试使用 nativescript 中的颜色选择器插件获取颜色。问题是它以 int 格式显示结果，例如 -899123 或 -989。

我创建了一个方法并调用它得到了这个结果，请参见下面的代码：

import { ColorPicker } from 'nativescript-color-picker';

let picker = new ColorPicker();
export class MyComponent extends Observable {
public Background:ColorPicker;
@Output() MessageEvent = new EventEmitter<string>();
constructor(private page: Page) {
    this.Background = picker;
}
ShowColor() {
    this.Background
  .show('#fff000', 'RGB')
  .then(result => {
      console.log('color int: '+result);
    this.input.Background = result;

  })
  .catch(err => {
    console.log(err);
  });
}
}

有什么帮助吗？

Answer 1

如文档中所述，使用 Color 模块将颜色值从整数转换为十六进制或 rgba。

import { Color } from 'tns-core-modules/Color';

....
const color = new Color(result);
console.log(color.hex); // will return hex code
....

Answer 2

太棒了，我刚刚尝试了这段代码，它对我有用。

this.input.background = result; 
const color = new Color(this.input.background); 
this.input.background = color.hex; 
console.log(this.input.background);

我在 this.input.background 中使用了结果值，因为当我尝试使用 const color = new Color(result); 时它显示错误。所以它适用于上述方法。非常感谢

如何在 nativescript 中将 RGB 颜色代码转换为 HTML 代码

How to Convert RGB color code to HTML code in nativescript

nativescript

angular2-nativescript