StandardButton QML Type
一个标准的按钮控件,具有内置的样式和交互状态。. More...
Import Statement: | import FluentUI.Controls 1.0 |
Properties
- FluentUI.radius : int
- FluentUI.reverse : bool
- FluentUI.textColor : color
- bottomPadding : int
- contentItem : Item
- font : Font
- icon : icon
- leftPadding : int
- rightPadding : int
- text : string
- topPadding : int
Methods
- void onClicked()
Detailed Description
`StandardButton` 组件是一个自定义按钮,提供了多种状态(如正常、悬停、按下和禁用)的视觉反馈。它集成了图标和文本显示,支持主题化样式和自定义字体。
示例用法:
StandardButton { text: "Click Me" icon.source: "icons/clickme.svg" onClicked: { console.log("Button clicked") } }
Property Documentation
FluentUI.radius : int |
按钮的圆角半径。默认值为 4。
FluentUI.reverse : bool |
指定按钮的图标和文本是否反转显示。默认值为 `false`。
FluentUI.textColor : color |
按钮文本的颜色,根据按钮的状态(如悬停、按下、禁用)而有所不同。默认值依赖于当前主题的设置。
bottomPadding : int |
按钮内容的底部内边距。默认值为 6。
contentItem : Item |
按钮的内容项,包括文本和图标。由 `TextIcon` 组件定义,提供了图标和文本的布局。
font : Font |
按钮内容的字体设置。默认值为 `Typography.body`。
icon : icon |
按钮上的图标。可以通过设置 `icon.source` 来指定图标资源。默认值为空。
leftPadding : int |
按钮内容的左侧内边距。默认值为 11。
rightPadding : int |
按钮内容的右侧内边距。默认值为 11。
text : string |
按钮上显示的文本内容。默认值为空字符串。
topPadding : int |
按钮内容的顶部内边距。默认值为 6。
Method Documentation
void onClicked() |
按钮点击事件处理函数。当按钮被点击时调用。