import { SpinBox, VerticalBox } from "std-widgets.slint";export component Example inherits Window {    width: 200px;    height: 50px;
    VerticalBox {        alignment: center;
        SpinBox {            value: 42;        }    }}

属性

enabled

bool default: true

如果 enabled 为 false，则无法与 spinbox 交互。

has-focus

bool (out) default: false

当该 spinbox 当前拥有焦点时设置为 true。

value

int (in-out) default: 0

该值。默认为最小值。

SpinBox {    value: 50;}

minimum

int default: 0

最小值。

SpinBox {    minimum: 10;    value: 11;}

maximum

int default: 100

最大值。

SpinBox {    maximum: 10;    value: 9;}

read-only

bool default: false

如果为 true，则用户无法修改该值。

step-size

int default: 1

value 递增或递减时使用的大小。

horizontal-alignment

enum TextHorizontalAlignment default: left

文本的水平对齐方式。

TextHorizontalAlignment

此枚举描述 Text 或 StyledText 元素沿水平轴的对齐方式。

• start：文本将与包含盒的起始边对齐。根据文本方向，可能是左对齐或右对齐。
• end：文本将与包含盒的结束边对齐。根据文本方向，可能是左对齐或右对齐。
• left：文本将与包含盒的左边缘对齐。
• center：文本将在包含盒内水平居中。
• right：文本将与包含盒的右边缘对齐。

回调

edited(int)

当用户修改值导致值发生变化时触发

SpinBox {    edited(value) => {        debug("New value: ", value);    }}