IconButton QML Type
一个具有图标的按钮组件，支持文本和图标显示。. More...
| Import Statement: | import FluentUI.Controls 1.0 |
Properties
- FluentUI.reverse : bool
- backgroundColor : color
- bottomPadding : int
- display : string
- font : font
- icon : string
- iconDelegate : color
- leftPadding : int
- radius : int
- rightPadding : int
- text : string
- topPadding : int
Detailed Description
IconButton 组件是一个自定义按钮，设计用于显示图标和/或文本。它具有可配置的圆角半径、背景颜色和图标颜色，支持在不同状态下的背景色和文本色变化。
示例用法：
IconButton { text: "Click me" icon: "icon_name" // 例如 FontAwesome 图标名称 onClicked: { // 处理点击事件 } }
Property Documentation
FluentUI.reverse : bool |
是否反转图标和文本的显示顺序。
backgroundColor : color |
按钮的背景颜色。根据按钮的状态自动调整： - 如果按钮禁用，颜色由 `Theme.buttonColor(control)` 决定。 - 如果按钮高亮，颜色设置为 `Theme.primaryColor`。 - 否则，颜色设置为 `Theme.uncheckedInputColor(control, true)`。
bottomPadding : int |
按钮内容的下边距。默认为 6 像素。
display : string |
图标和文本的显示模式。通过 `TextIcon` 组件进行配置。
font : font |
按钮文本的字体。默认为 `Typography.body`。
icon : string |
按钮显示的图标名称，例如 FontAwesome 图标名称。
iconDelegate : color |
图标的颜色。根据按钮的启用状态调整为： - 启用时：`Theme.res.textFillColorPrimary` - 禁用时：`Theme.res.textFillColorDisabled`
leftPadding : int |
按钮内容的左边距。默认为 6 像素。
radius : int |
按钮的圆角半径。默认为 4。
rightPadding : int |
按钮内容的右边距。默认为 6 像素。
text : string |
按钮显示的文本内容。
topPadding : int |
按钮内容的上边距。默认为 6 像素。