import { Button, VerticalBox } from "std-widgets.slint";export component Example inherits Window {    width: 200px;    height: 100px;    VerticalBox {        label := Text {            text: "Button not clicked";        }        Button {            text: "Click Me";            clicked => {                label.text = " Button clicked";            }        }    }}

一个简单的按钮。也可以使用 StandardButton 创建常见类型的按钮。

属性

checkable

bool default: false

指示按钮是否可以被选中。这使得 checked 属性有可能变为 true。

Button {    text: "Checkable Button";    checkable: true;}

checked

bool (in-out) default: false

指示按钮是否处于选中状态。需要将 checkable 设置为 true 才能生效。

enabled

bool default: true

默认为 true。当为 false 时，按钮无法被按下。

has-focus

bool (out) default: false

当按钮具有键盘焦点时设置为 true

icon

image default: the empty image

按钮中显示的图像。请注意，并非所有样式都支持绘制图标。

icon-size

length default: 0px

按钮中显示的图标的大小。默认值取决于样式。如有需要，按钮会增大以适应较大的图标尺寸。

pressed

bool (out) default: false

当按钮被按下时设置为 true。

text

string default: ""

按钮上显示的文本。

Button {    text: "Button with text";}

primary

bool default: false

如果设置为 true，则按钮以主要强调色显示。

colorize-icon

bool default: false

如果设置为 true，图标将被着色为与按钮的文本颜色相同的颜色。

回调

clicked()

在单击时调用：手指或鼠标左键按下，然后在此元素上释放。

Button {    text: "Click me";    clicked() => {        debug("Button clicked");    }}