Logo FluentUI

StandardButton QML Type

一个标准的按钮控件,具有内置的样式和交互状态。. More...

Import Statement: import FluentUI.Controls 1.0

Properties

Methods

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()

按钮点击事件处理函数。当按钮被点击时调用。