「App:Library:LVGL:docs:Overview:Colors」の版間の差分
(→API) |
(→API) |
||
227行目: | 227行目: | ||
<span style="background-color:#e7f2fa;color:#2980b9;">enum [anonymous] </span> | <span style="background-color:#e7f2fa;color:#2980b9;">enum [anonymous] </span> | ||
− | : Opacity percentages. ''Values:'' | + | : Opacity percentages. '''''Values''':'' |
: <span style="background-color: #eeeeee;">enumerator LV_OPA_TRANSP </span> | : <span style="background-color: #eeeeee;">enumerator LV_OPA_TRANSP </span> | ||
:: | :: | ||
475行目: | 475行目: | ||
:: | :: | ||
: <span style="background-color: #eeeeee;">void *user_data</span> | : <span style="background-color: #eeeeee;">void *user_data</span> | ||
− | | | + | |'''Typedefs''' |
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">typedef lv_color_t (*lv_color_filter_cb_t)(const struct _lv_color_filter_dsc_t*, lv_color_t, lv_opa_t) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">typedef struct _lv_color_filter_dsc_t lv_color_filter_dsc_t </span> | ||
+ | : | ||
+ | |||
+ | '''Enums''' | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">enum [anonymous] </span> | ||
+ | : 不透明度のパーセンテージ。 '''''Values''':'' | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_OPA_TRANSP </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_OPA_0 </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_OPA_10 </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_OPA_20 </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_OPA_30 </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_OPA_40 </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_OPA_50 </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_OPA_60 </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_OPA_70 </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_OPA_80 </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_OPA_90 </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_OPA_100 </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_OPA_COVER </span> | ||
+ | :: | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">enum lv_palette_t </span> | ||
+ | :'''''Values''':'' | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_RED </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_PINK </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_PURPLE </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_DEEP_PURPLE </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_INDIGO </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_BLUE </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_LIGHT_BLUE </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_CYAN </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_TEAL </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_GREEN </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_LIGHT_GREEN </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_LIME </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_YELLOW </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_AMBER </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_ORANGE </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_DEEP_ORANGE </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_BROWN </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_BLUE_GREY </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_GREY </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator _LV_PALETTE_LAST </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">enumerator LV_PALETTE_NONE </span> | ||
+ | :: | ||
+ | |||
+ | '''Functions''' | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">LV_EXPORT_CONST_INT(LV_COLOR_DEPTH) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">LV_EXPORT_CONST_INT(LV_COLOR_16_SWAP) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">typedef LV_CONCAT3 (uint, LV_COLOR_SIZE, _t) lv_color_int_t</span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">typedef LV_CONCAT3 (lv_color, LV_COLOR_DEPTH, _t) lv_color_t</span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">static inline uint8_t lv_color_to1(lv_color_t color) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">static inline uint8_t lv_color_to8(lv_color_t color) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">static inline uint16_t lv_color_to16(lv_color_t color) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">static inline uint32_t lv_color_to32(lv_color_t color) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">static inline uint8_t lv_color_brightness(lv_color_t color) </span> | ||
+ | : 色の明るさを取得します | ||
+ | :'''Parameters''' | ||
+ | ::'''color''' -- 色 | ||
+ | :'''Returns''' | ||
+ | :: 明るさ [0..255] | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_make(uint8_t r, uint8_t g, uint8_t b) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_hex(uint32_t c) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_hex3(uint32_t c) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">static inline void lv_color_filter_dsc_init(lv_color_filter_dsc_t *dsc, lv_color_filter_cb_t cb) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_color_lighten(lv_color_t c, lv_opa_t lvl) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_color_darken(lv_color_t c, lv_opa_t lvl) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_color_change_lightness(lv_color_t c, lv_opa_t lvl) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_color_hsv_to_rgb(uint16_t h, uint8_t s, uint8_t v) </span> | ||
+ | : HSV色をRGBに変換する | ||
+ | :'''Parameters''' | ||
+ | ::*'''h''' -- 色相[0..359] | ||
+ | ::*'''s''' -- 飽和 [0..100] | ||
+ | ::*'''v''' -- 値[0..100] | ||
+ | :'''Returns''' | ||
+ | :: RGBで指定されたRGBカラー(LV_COLOR_DEPTH深度を使用) | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">lv_color_hsv_t lv_color_rgb_to_hsv(uint8_t r8, uint8_t g8, uint8_t b8) </span> | ||
+ | : 32ビットRGBカラーをHSVに変換します | ||
+ | :'''Parameters''' | ||
+ | ::*'''r8''' -- 8-bit red | ||
+ | ::*'''g8''' -- 8-bit green | ||
+ | ::*'''b8''' -- 8-bit blue | ||
+ | :'''Returns''' | ||
+ | :: HSVで指定されたRGBカラー | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">lv_color_hsv_t lv_color_to_hsv(lv_color_t color) </span> | ||
+ | : 色をHSVに変換する | ||
+ | :'''Parameters''' | ||
+ | ::'''color''' -- 色 | ||
+ | :'''Returns''' | ||
+ | :: HSVで指定された色 | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_chroma_key(void) </span> | ||
+ | : 関数を使用する方が便利な場合があるため、LV_COLOR_CHROMA_KEYのラッパーにすぎない場合があります。 | ||
+ | :'''Returns''' | ||
+ | :: LV_COLOR_CHROMA_KEY | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_palette_main(lv_palette_t p) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_white(void) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">static inline lv_color_t lv_color_black(void) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_palette_lighten(lv_palette_t p, uint8_t lvl) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">lv_color_t lv_palette_darken(lv_palette_t p, uint8_t lvl) </span> | ||
+ | : | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">union lv_color1_t </span> | ||
+ | :'''Public Members''' | ||
+ | :<span style="background-color: #eeeeee;">uint8_t full </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">uint8_t blue </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">uint8_t green </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">uint8_t red </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">u<nowiki>nion lv_color1_t::[anonymous] ch</nowiki> </span> | ||
+ | :: | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">union lv_color8_t </span> | ||
+ | |||
+ | :'''Public Members''' | ||
+ | :<span style="background-color: #eeeeee;">uint8_t blue </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">uint8_t green </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">uint8_t red </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">s<nowiki>truct lv_color8_t::[anonymous] ch</nowiki> </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">uint8_t full </span> | ||
+ | :: | ||
+ | |||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">union lv_color16_t </span> | ||
+ | :'''Public Members''' | ||
+ | :<span style="background-color: #eeeeee;">uint16_t blue </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">uint16_t green </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">uint16_t red </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">uint16_t green_h </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">uint16_t green_l </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">struct<nowiki> lv_color16_t::[anonymous] ch</nowiki> </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">uint16_t full </span> | ||
+ | :: | ||
+ | |||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">union lv_color32_t </span> | ||
+ | :'''Public Members''' | ||
+ | :<span style="background-color: #eeeeee;">uint8_t blue </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">uint8_t green </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">uint8_t red </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">uint8_t alpha </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">str<nowiki>uct lv_color32_t::[anonymous] ch</nowiki> </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">uint32_t full </span> | ||
+ | :: | ||
+ | |||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">struct lv_color_hsv_t </span> | ||
+ | :'''Public Members''' | ||
+ | :<span style="background-color: #eeeeee;">uint16_t h </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">uint8_t s </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">uint8_t v </span> | ||
+ | :: | ||
+ | |||
+ | <span style="background-color:#e7f2fa;color:#2980b9;">struct _lv_color_filter_dsc_t </span> | ||
+ | :'''Public Members''' | ||
+ | :<span style="background-color: #eeeeee;">lv_color_filter_cb_t filter_cb </span> | ||
+ | :: | ||
+ | :<span style="background-color: #eeeeee;">void *user_data</span> | ||
|} | |} | ||
2022年7月1日 (金) 13:34時点における版
https://docs.lvgl.io/8.2/overview/color.html
Colors
英文 | 自動翻訳 |
---|---|
The color module handles all color-related functions like changing color depth, creating colors from hex code, converting between color depths, mixing colors, etc. The type You may set |
Creating colors
RGB
英文 | 自動翻訳 |
---|---|
Create colors from Red, Green and Blue channel values: //All channels are 0-255 lv_color_t c = lv_color_make(red, green, blue); //From hex code 0x000000..0xFFFFFF interpreted as RED + GREEN + BLUE lv_color_t c = lv_color_hex(0x123456); //From 3 digits. Same as lv_color_hex(0x112233) lv_color_t c = lv_color_hex3(0x123); |
HSV
英文 | 自動翻訳 |
---|---|
Create colors from Hue, Saturation and Value values: //h = 0..359, s = 0..100, v = 0..100 lv_color_t c = lv_color_hsv_to_rgb(h, s, v); //All channels are 0-255 lv_color_hsv_t c_hsv = lv_color_rgb_to_hsv(r, g, b); //From lv_color_t variable lv_color_hsv_t c_hsv = lv_color_to_hsv(color); |
Palette
英文 | 自動翻訳 |
---|---|
LVGL includes Material Design's palette of colors. In this system all named colors have a nominal main color as well as four darker and five lighter variants. The names of the colors are as follows:
To get the main color use For the lighter variants of a palette color use |
Modify and mix colors
英文 | 自動翻訳 |
---|---|
The following functions can modify a color: // Lighten a color. 0: no change, 255: white lv_color_t c = lv_color_lighten(c, lvl); // Darken a color. 0: no change, 255: black lv_color_t c = lv_color_darken(lv_color_t c, lv_opa_t lvl); // Lighten or darken a color. 0: black, 128: no change 255: white lv_color_t c = lv_color_change_lightness(lv_color_t c, lv_opa_t lvl); // Mix two colors with a given ratio 0: full c2, 255: full c1, 128: half c1 and half c2 lv_color_t c = lv_color_mix(c1, c2, ratio); |
Built-in colors
英文 | 自動翻訳 |
---|---|
|
Opacity
英文 | 自動翻訳 |
---|---|
To describe opacity the
You can also use the |
Color types
英文 | 自動翻訳 |
---|---|
The following variable types are defined by the color module:
The
You can set the current color depth in lv_conf.h, by setting the |
Convert color
英文 | 自動翻訳 |
---|---|
You can convert a color from the current color depth to another. The converter functions return with a number, so you have to use the lv_color_t c; c.red = 0x38; c.green = 0x70; c.blue = 0xCC; lv_color1_t c1; c1.full = lv_color_to1(c); /*Return 1 for light colors, 0 for dark colors*/ lv_color8_t c8; c8.full = lv_color_to8(c); /*Give a 8 bit number with the converted color*/ lv_color16_t c16; c16.full = lv_color_to16(c); /*Give a 16 bit number with the converted color*/ lv_color32_t c24; c32.full = lv_color_to32(c); /*Give a 32 bit number with the converted color*/ |
API
英文 | 自動翻訳 |
---|---|
Typedefs typedef lv_color_t (*lv_color_filter_cb_t)(const struct _lv_color_filter_dsc_t*, lv_color_t, lv_opa_t) typedef struct _lv_color_filter_dsc_t lv_color_filter_dsc_t Enums enum [anonymous]
enum lv_palette_t
Functions LV_EXPORT_CONST_INT(LV_COLOR_DEPTH) LV_EXPORT_CONST_INT(LV_COLOR_16_SWAP) typedef LV_CONCAT3 (uint, LV_COLOR_SIZE, _t) lv_color_int_t typedef LV_CONCAT3 (lv_color, LV_COLOR_DEPTH, _t) lv_color_t static inline uint8_t lv_color_to1(lv_color_t color) static inline uint8_t lv_color_to8(lv_color_t color) static inline uint16_t lv_color_to16(lv_color_t color) static inline uint32_t lv_color_to32(lv_color_t color) static inline uint8_t lv_color_brightness(lv_color_t color)
static inline lv_color_t lv_color_make(uint8_t r, uint8_t g, uint8_t b) static inline lv_color_t lv_color_hex(uint32_t c) static inline lv_color_t lv_color_hex3(uint32_t c) static inline void lv_color_filter_dsc_init(lv_color_filter_dsc_t *dsc, lv_color_filter_cb_t cb) lv_color_t lv_color_lighten(lv_color_t c, lv_opa_t lvl) lv_color_t lv_color_darken(lv_color_t c, lv_opa_t lvl) lv_color_t lv_color_change_lightness(lv_color_t c, lv_opa_t lvl) lv_color_t lv_color_hsv_to_rgb(uint16_t h, uint8_t s, uint8_t v)
lv_color_hsv_t lv_color_rgb_to_hsv(uint8_t r8, uint8_t g8, uint8_t b8)
lv_color_hsv_t lv_color_to_hsv(lv_color_t color)
static inline lv_color_t lv_color_chroma_key(void)
lv_color_t lv_palette_main(lv_palette_t p) static inline lv_color_t lv_color_white(void) static inline lv_color_t lv_color_black(void) lv_color_t lv_palette_lighten(lv_palette_t p, uint8_t lvl) lv_color_t lv_palette_darken(lv_palette_t p, uint8_t lvl) union lv_color1_t
union lv_color8_t
struct _lv_color_filter_dsc_t
|
Typedefs
typedef lv_color_t (*lv_color_filter_cb_t)(const struct _lv_color_filter_dsc_t*, lv_color_t, lv_opa_t) typedef struct _lv_color_filter_dsc_t lv_color_filter_dsc_t Enums enum [anonymous]
enum lv_palette_t
Functions LV_EXPORT_CONST_INT(LV_COLOR_DEPTH) LV_EXPORT_CONST_INT(LV_COLOR_16_SWAP) typedef LV_CONCAT3 (uint, LV_COLOR_SIZE, _t) lv_color_int_t typedef LV_CONCAT3 (lv_color, LV_COLOR_DEPTH, _t) lv_color_t static inline uint8_t lv_color_to1(lv_color_t color) static inline uint8_t lv_color_to8(lv_color_t color) static inline uint16_t lv_color_to16(lv_color_t color) static inline uint32_t lv_color_to32(lv_color_t color) static inline uint8_t lv_color_brightness(lv_color_t color)
static inline lv_color_t lv_color_make(uint8_t r, uint8_t g, uint8_t b) static inline lv_color_t lv_color_hex(uint32_t c) static inline lv_color_t lv_color_hex3(uint32_t c) static inline void lv_color_filter_dsc_init(lv_color_filter_dsc_t *dsc, lv_color_filter_cb_t cb) lv_color_t lv_color_lighten(lv_color_t c, lv_opa_t lvl) lv_color_t lv_color_darken(lv_color_t c, lv_opa_t lvl) lv_color_t lv_color_change_lightness(lv_color_t c, lv_opa_t lvl) lv_color_t lv_color_hsv_to_rgb(uint16_t h, uint8_t s, uint8_t v)
lv_color_hsv_t lv_color_rgb_to_hsv(uint8_t r8, uint8_t g8, uint8_t b8)
lv_color_hsv_t lv_color_to_hsv(lv_color_t color)
static inline lv_color_t lv_color_chroma_key(void)
lv_color_t lv_palette_main(lv_palette_t p) static inline lv_color_t lv_color_white(void) static inline lv_color_t lv_color_black(void) lv_color_t lv_palette_lighten(lv_palette_t p, uint8_t lvl) lv_color_t lv_palette_darken(lv_palette_t p, uint8_t lvl) union lv_color1_t
union lv_color8_t
struct _lv_color_filter_dsc_t
|