AccentColor QML Type

管理和生成不同亮度的强调色调（Accent Color）。. More...

Import Statement: import FluentUI.Controls 1.0

List of all members, including inherited members

Properties

normal : var

Methods

var dark([var val])
var darker([var val])
var darkest([var val])
var defaultBrushFor()
var light([var val])
var lighter([var val])
var lightest([var val])
var secondaryBrushFor()
var tertiaryBrushFor()

Detailed Description

AccentColor 组件提供了管理和生成一系列颜色亮度的功能，适用于不同的主题环境（如深色模式和浅色模式）。通过 `darkest`、`darker`、`dark`、`light`、`lighter` 和 `lightest` 函数，可以根据 `normal` 基础颜色生成一系列的颜色，供其他组件使用。

示例用法：

 AccentColor {
     normal: "#0078D4"
     onCompleted: {
         console.log("Lightest color:", lightest())
         console.log("Default brush for theme:", defaultBrushFor())
     }
 }

Property Documentation

normal : var [required]

常规颜色（通常是强调色的基础颜色）。

Method Documentation

var dark([var val])

获取或设置深色。如果提供 `val` 参数，则设置 `dark` 的值；否则，返回当前的 `dark` 颜色。如果未设置 `dark`，则基于 `normal` 颜色生成一个具有 90% 不透明度的颜色。

var darker([var val])

获取或设置较深的颜色。如果提供 `val` 参数，则设置 `darker` 的值；否则，返回当前的 `darker` 颜色。如果未设置 `darker`，则基于 `normal` 颜色生成一个具有 80% 不透明度的颜色。

var darkest([var val])

获取或设置最深的颜色。如果提供 `val` 参数，则设置 `darkest` 的值；否则，返回当前的 `darkest` 颜色。如果未设置 `darkest`，则基于 `normal` 颜色生成一个具有 70% 不透明度的颜色。

var defaultBrushFor()

根据当前主题（深色或浅色）返回合适的默认颜色。对于深色主题，返回 `lighter()`；对于浅色主题，返回 `dark()`。

var light([var val])

获取或设置浅色。如果提供 `val` 参数，则设置 `light` 的值；否则，返回当前的 `light` 颜色。如果未设置 `light`，则基于 `normal` 颜色生成一个具有 90% 不透明度的颜色。

var lighter([var val])

获取或设置较浅的颜色。如果提供 `val` 参数，则设置 `lighter` 的值；否则，返回当前的 `lighter` 颜色。如果未设置 `lighter`，则基于 `normal` 颜色生成一个具有 80% 不透明度的颜色。

var lightest([var val])

获取或设置最浅的颜色。如果提供 `val` 参数，则设置 `lightest` 的值；否则，返回当前的 `lightest` 颜色。如果未设置 `lightest`，则基于 `normal` 颜色生成一个具有 70% 不透明度的颜色。

var secondaryBrushFor()

返回一个透明度为 90% 的默认颜色，通常用于次要元素的背景或边框颜色。

var tertiaryBrushFor()

返回一个透明度为 80% 的默认颜色，通常用于三级元素的背景或边框颜色。