Colors QML Type
提供一组标准颜色和颜色计算函数，用于 UI 组件的样式设置。. More...
| Import Statement: | import FluentUI.Controls 1.0 |
Properties
- accentColors : var
- black : color
- blue : AccentColor
- errorPrimaryColor : color
- errorSecondaryColor : AccentColor
- grey10 : color
- grey20 : color
- grey30 : color
- grey40 : color
- grey50 : color
- grey60 : color
- grey70 : color
- grey80 : color
- grey90 : color
- grey100 : color
- grey110 : color
- grey120 : color
- grey130 : color
- grey140 : color
- grey150 : color
- grey160 : color
- grey170 : color
- grey180 : color
- grey190 : color
- grey200 : color
- grey210 : color
- grey220 : color
- green : AccentColor
- grey : color
- magenta : AccentColor
- orange : AccentColor
- purple : AccentColor
- red : AccentColor
- successPrimaryColor : color
- successSecondaryColor : AccentColor
- teal : AccentColor
- transparent : color
- warningPrimaryColor : color
- warningSecondaryColor : AccentColor
- white : color
- yellow : AccentColor
Methods
- color basedOnLuminance(color, darkColor, lightColor)
- float calculateLuminance(color)
- color withOpacity(color, opacity)
Detailed Description
Colors 组件定义了一系列预定义的颜色以及用于颜色计算的函数。这些颜色包括透明色、基本颜色、灰色等级以及各种高亮色。组件还提供了基于颜色亮度的色调选择函数和设置颜色透明度的功能。
Property Documentation
accentColors : var |
一个包含所有高亮颜色的数组。
black : color |
黑色，RGBA 为 (0, 0, 0, 255)。
blue : AccentColor |
蓝色的不同亮度值，包括普通色和各种亮度的颜色。
errorPrimaryColor : color |
错误主要颜色，RGBA 为 (255, 168, 0, 255)。
errorSecondaryColor : AccentColor |
错误次要颜色，包括不同亮度的颜色值。
grey10 : color |
轻微灰色，RGBA 为 (250, 249, 248, 255)。
grey20 : color |
稍深灰色，RGBA 为 (243, 242, 241, 255)。
grey30 : color |
中等灰色，RGBA 为 (237, 235, 233, 255)。
grey40 : color |
深灰色，RGBA 为 (225, 223, 221, 255)。
grey50 : color |
更深灰色，RGBA 为 (210, 208, 206, 255)。
grey60 : color |
深灰色，RGBA 为 (200, 198, 196, 255)。
grey70 : color |
更深灰色，RGBA 为 (190, 187, 184, 255)。
grey80 : color |
暗灰色，RGBA 为 (179, 176, 173, 255)。
grey90 : color |
非常暗灰色，RGBA 为 (161, 159, 157, 255)。
grey100 : color |
几乎黑色的灰色，RGBA 为 (151, 149, 147, 255)。
grey110 : color |
深灰色，RGBA 为 (138, 136, 134, 255)。
grey120 : color |
更深灰色，RGBA 为 (121, 119, 117, 255)。
grey130 : color |
接近黑色的灰色，RGBA 为 (96, 94, 92, 255)。
grey140 : color |
更接近黑色的灰色，RGBA 为 (72, 70, 68, 255)。
grey150 : color |
非常暗的灰色，RGBA 为 (59, 58, 57, 255)。
grey160 : color |
接近黑色的灰色，RGBA 为 (50, 49, 48, 255)。
grey170 : color |
几乎是黑色的灰色，RGBA 为 (41, 40, 39, 255)。
grey180 : color |
极暗灰色，RGBA 为 (37, 36, 35, 255)。
grey190 : color |
极暗灰色，RGBA 为 (32, 31, 30, 255)。
grey200 : color |
几乎是黑色的灰色，RGBA 为 (27, 26, 25, 255)。
grey210 : color |
极暗灰色，RGBA 为 (22, 21, 20, 255)。
grey220 : color |
非常接近黑色的灰色，RGBA 为 (17, 16, 15, 255)。
green : AccentColor |
绿色的不同亮度值，包括普通色和各种亮度的颜色。
grey : color |
基本灰色，RGBA 为 (50, 49, 48, 255)。
magenta : AccentColor |
品红色的不同亮度值，包括普通色和各种亮度的颜色。
orange : AccentColor |
橙色的不同亮度值，包括普通色和各种亮度的颜色。
purple : AccentColor |
紫色的不同亮度值，包括普通色和各种亮度的颜色。
red : AccentColor |
红色的不同亮度值，包括普通色和各种亮度的颜色。
successPrimaryColor : color |
成功主要颜色，RGBA 为 (16, 124, 16, 255)。
successSecondaryColor : AccentColor |
成功次要颜色，包括不同亮度的颜色值。
teal : AccentColor |
青色的不同亮度值，包括普通色和各种亮度的颜色。
transparent : color |
透明色，RGBA 为 (0, 0, 0, 0)。
warningPrimaryColor : color |
警告主要颜色，RGBA 为 (216, 59, 1, 255)。
warningSecondaryColor : AccentColor |
警告次要颜色，包括不同亮度的颜色值。
white : color |
白色，RGBA 为 (255, 255, 255, 255)。
yellow : AccentColor |
黄色的不同亮度值，包括普通色和各种亮度的颜色。
Method Documentation
color basedOnLuminance(color, darkColor, lightColor) |
color 需要计算亮度的颜色。 darkColor 如果颜色亮度高于0.5，返回的颜色。 lightColor 如果颜色亮度低于0.5，返回的颜色。 Returns 基于颜色亮度选择的颜色。 根据指定颜色的亮度值选择暗色或亮色。
float calculateLuminance(color) |
color 需要计算亮度的颜色。 Returns 颜色的亮度值。 计算指定颜色的亮度值。
color withOpacity(color, opacity) |
color 需要设置透明度的颜色。 opacity 透明度值（0.0 到 1.0 之间）。 Returns 带有指定透明度的颜色。 修改指定颜色的透明度。