slint 1.3.2 官方文档翻译04

发布时间：2024年01月17日

主要使用有道翻译。希望能够对初学者有所帮助?

翻译自：Builtin Enumerations - Slint 1.3.2 Reference

Builtin Enumerations 内置的枚举

`AccessibleRole?可访问角色`

This enum represents the different values for the?accessible-role?property, used to describe the role of an element in the context of assistive technology such as screen readers.

此枚举表示accessible-role属性的不同值，用于描述辅助技术(如屏幕阅读器)上下文中元素的角色。

none: The element isn’t accessible.? ? ? ? ? none:元素不可访问。
button: The element is a?Button?or behaves like one.? ? ? ? ? button:该元素是button或行为类似于button。
checkbox: The element is a?CheckBox?or behaves like one.? ? ? ? ?checkbox:该元素是一个checkbox或其行为类似于checkbox。
combobox: The element is a?ComboBox?or behaves like one.? ? ? ? ? combobox:该元素是一个组合框或其行为类似于一个组合框。
slider: The element is a?Slider?or behaves like one.? ? ? ? slider:该元素是一个slider或其行为类似于slider。
spinbox: The element is a?SpinBox?or behaves like one.? ? ? ? ? spinbox:该元素是一个spinbox或其行为类似于spinbox。
tab: The element is a?Tab?or behaves like one.? ? ? ? ? ?tab:元素是一个tab或其行为类似于一个tab。
text: The role for a?Text?element. It’s automatically applied.? ? ? ? ? text: text元素的角色。它是自动应用的。
progress-indicator: The element is a?ProgressIndicator?or behaves like one.? ? ? progress-indicator 进度指示器:元素是一个ProgressIndicator或其行为类似于ProgressIndicator。

`DialogButtonRole?对话框按钮角色`

This enum represents the value of the?dialog-button-role?property which can be added to any element within a?Dialog?to put that item in the button row, and its exact position depends on the role and the platform.

这个enum表示Dialog -button-role属性的值，可以将该属性添加到Dialog中的任何元素中，以将该项放在按钮行中，它的确切位置取决于角色和平台。

none: This isn’t a button meant to go into the bottom row? ? ? ? ? none:这个按钮不应该放在最下面一排
accept: This is the role of the main button to click to accept the dialog. e.g. “Ok” or “Yes”? ? ? ? ?accept:这是单击接受对话框的主按钮的角色。“Ok”或“Yes”
reject: This is the role of the main button to click to reject the dialog. e.g. “Cancel” or “No”? ? ? ? ? ?reject:这是单击以拒绝对话框的主按钮的角色。“取消”或“不”
apply: This is the role of the “Apply” button? ? ? ?apply:这是“apply”按钮的角色
reset: This is the role of the “Reset” button? ? ? ? reset:这是“reset”按钮的作用
help: This is the role of the “Help” button? ? ? ? ? ? help:这是“帮助”按钮的作用
action: This is the role of any other button that performs another action.? ? ? ? action:这是执行其他操作的任何其他按钮的角色。

`EventResult?事件结果`

This enum describes whether an event was rejected or accepted by an event handler.

此枚举描述事件处理程序是拒绝了事件还是接受了事件。

reject: The event is rejected by this event handler and may then be handled by the parent item? ? ? ?reject 拒绝:事件被此事件处理程序拒绝，然后可能由父项处理
accept: The event is accepted and won’t be processed further? ? ? ?accept 接受:事件被接受，不会被进一步处理

`FillRule?填充规则`

This enum describes the different ways of deciding what the inside of a shape described by a path shall be.

此枚举描述了决定路径所描述的形状内部的不同方式。。

nonzero: The?“nonzero” fill rule as defined in SVG.? ? ? nonzero:在SVG中定义的“非零”填充规则。
evenodd: The?“evenodd” fill rule as defined in SVG? ? ? ?evenodd:在SVG中定义的“偶奇”填充规则

`ImageFit 图像适配`

This enum defines how the source image shall fit into an?Image?element.

这个enum定义了源图像如何适应image元素。

fill: Scales and stretches the source image to fit the width and height of the?Image?element.? ? ? ? fill:缩放和拉伸源图像以适应image元素的宽度和高度。
contain: The source image is scaled to fit into the?Image?element’s dimension while preserving the aspect ratio.? ? ? ?contains:源图像被缩放以适应image元素的尺寸，同时保留宽高比。
cover: The source image is scaled to cover into the?Image?element’s dimension while preserving the aspect ratio. If the aspect ratio of the source image doesn’t match the element’s one, then the image will be clipped to fit.? ? ?cover:源图像被缩放到覆盖到image元素的尺寸，同时保持长宽比。如果源图像的宽高比与元素的宽高比不匹配，则图像将被剪切以适应。

`ImageRendering?图像渲染`

This enum specifies how the source image will be scaled.

此enum指定源图像将如何缩放。

smooth: The image is scaled with a linear interpolation algorithm.? ? ? ?平滑:使用线性插值算法缩放图像。
pixelated: The image is scaled with the nearest neighbor algorithm.? ? ? pixelated:使用最近邻算法缩放图像。

`InputType?输入类型`

This enum is used to define the type of the input field.

此枚举用于定义输入域的类型。

text: The default value. This will render all characters normally? ? ? ?text:默认值。这将正常渲染所有字符
password: This will render all characters with a character that defaults to “*”? ? ? ?password:这将显示所有默认为“*”的字符。
number: This will only accept and render number characters (0-9)? ? ? ? ? ?number:这将只接受和呈现数字字符(0-9)
decimal: This will accept and render characters if it’s valid part of a decimal? ? ? ?decimal:decimal：如果字符是十进制的有效部分，它将接受并呈现字符

`LayoutAlignment?布局对齐方式`

Enum representing the?alignment?property of a?HorizontalBox, a?VerticalBox, a?HorizontalLayout, or?VerticalLayout.

枚举，表示HorizontalBox、VerticalBox、HorizontalLayout或VerticalLayout的对齐属性。

stretch: Use the minimum size of all elements in a layout, distribute remaining space based on?*-stretch?among all elements.? ? ? ? ? stretch:使用布局中所有元素的最小尺寸，根据*-stretch在所有元素之间分配剩余空间。
center: Use the preferred size for all elements,? distribute remaining space evenly before the first and after the last element.? ? ? ? center:所有元素使用首选大小，剩余空间均匀分布在第一个元素之前和最后一个元素之后。
start: Use the preferred size for all elements, put remaining space after the last element.? ? ? ? ?start:对所有元素使用首选的大小，将剩余的空间放在最后一个元素之后。
end: Use the preferred size for all elements, put remaining space before the first element.? ? ? ? ? ?end:对所有元素使用首选大小，将剩余空间放在第一个元素之前。
space-between: Use the preferred size for all elements, distribute remaining space evenly between elements.? ? ? ?space-between:所有元素使用首选大小，元素之间均匀分配剩余空间。
space-around: Use the preferred size for all elements, distribute remaining space evenly before the first element, after the last element and between elements.? ? ? ? space-around:对所有元素使用首选大小，在第一个元素之前、最后一个元素之后和元素之间均匀分配剩余空间。

`MouseCursor?鼠标光标`

This enum represents different types of mouse cursors. It’s a subset of the mouse cursors available in CSS. For details and pictograms see the?MDN Documentation for cursor. Depending on the backend and used OS unidirectional resize cursors may be replaced with bidirectional ones.

此枚举表示不同类型的鼠标光标。它是CSS中可用的鼠标光标的子集。有关详细信息和象形图，请参阅光标的MDN文档。根据后端和使用的操作系统的不同，单向调整大小光标可能会被双向光标所取代。。

default: The systems default cursor.? ? ? default:系统默认光标。
none: No cursor is displayed.? ? ?none:不显示光标。
help: A cursor indicating help information.? ? ?help:表示帮助信息的光标。
pointer: A pointing hand indicating a link.? ? 指针:指示链接的指针。
progress: The program is busy but can still be interacted with.? ? ?progress:程序很忙，但仍然可以进行交互。
wait: The program is busy.? ? ? 等待:程序正忙。
crosshair: A crosshair.? ? ? 准星:准星。
text: A cursor indicating selectable text.? ? ? text:指示可选择文本的光标。
alias: An alias or shortcut is being created.? ? ? ?alias:正在创建别名或快捷方式。
copy: A copy is being created.? ? ? ?copy:正在创建副本。
move: Something is to be moved.? ? ? 移动:某物要被移动。
no-drop: Something can’t be dropped here. 这里不能拖入东西。
not-allowed: An action isn’t allowed? ? ? ? ? not-allowed:不允许的动作
grab: Something is grabbable.? ? ? ? ?抓取:某物是可抓取的。
grabbing: Something is being grabbed.? ? ?抓取中:某物正在被抓取。
col-resize: Indicating that a column is resizable horizontally.? ? ? ?color -resize:表示可以水平调整列的大小。
row-resize: Indicating that a row is resizable vertically.? ? ? row-resize:表示一行可以垂直调整大小。
n-resize: Unidirectional resize north.? ? ? ? n-resize:向北单向调整大小。
e-resize: Unidirectional resize east.? ? ? ? ? e-resize:单向向东调整大小。
s-resize: Unidirectional resize south.? ? ? ? s-resize:向南单向调整大小。
w-resize: Unidirectional resize west.? ? ? ? ? w-resize:向西单向调整大小。
ne-resize: Unidirectional resize north-east.? ? ? ?ne-resize:单向调整东北方向的大小。
nw-resize: Unidirectional resize north-west.? ? ? nw-resize:向西北方向调整大小。
se-resize: Unidirectional resize south-east.? ? ? se-resize:单向调整东南方向的大小。
sw-resize: Unidirectional resize south-west.? ? ? sw-resize:单向调整西南方向的大小。
ew-resize: Bidirectional resize east-west.? ? ? ? ? ew-resize:东西双向调整大小。
ns-resize: Bidirectional resize north-south.? ? ? ? ns-resize:南北双向调整大小。
nesw-resize: Bidirectional resize north-east-south-west.? ? ? new-resize:双向调整大小东北-西南。
nwse-resize: Bidirectional resize north-west-south-east.? ? ?nwse-resize:双向调整大小西北-东南。

`Orientation` 方向

Represents the orientation of an element or widget such as the?Slider.

表示元素或小部件(如Slider)的方向。

horizontal: Element is oriented horizontally.? ?水平:元素水平方向。
vertical: Element is oriented vertically.? ? ? ? ? ?垂直:元素垂直方向。

`PathEvent?路径事件`

PathEvent is a low-level data structure describing the composition of a path. Typically it is generated at compile time from a higher-level description, such as SVG commands.

PathEvent是一个描述路径组成的底层数据结构。通常，它是在编译时从更高级的描述(如SVG命令)生成的。

begin: The beginning of the path.? ? ?开始:路径的开始。
line: A straight line on the path.? ? ? 直线:路径上的一条直线。
quadratic: A quadratic bezier curve on the path.? 二次曲线:路径上的二次贝塞尔曲线。
cubic: A cubic bezier curve on the path.? ? ? cubic:路径上的三次贝塞尔曲线。
end-open: The end of the path that remains open.? ? ?end-open:路径的尽头仍然是开放的。
end-closed: The end of a path that is closed.? ? ? ? ? ? end-closed:道路的尽头是关闭的。

`PointerEventButton?指针事件按钮`

This enum describes the different types of buttons for a pointer event, typically on a mouse or a pencil.

此枚举描述指针事件(通常在鼠标或铅笔上)的不同类型的按钮。

other: A button that is none of left, right or middle. For example this is used for a fourth button on a mouse with many buttons.? ? ? ? 其他：不是左、右或中间的按钮。例如，这用于具有多个按钮的鼠标上的第四个按钮。。
left: The left button.? ? ? ?left:左键。
right: The right button.? ? right:右键。
middle: The center button.? ? middle:中间按钮。

`PointerEventKind?指针事件类型`

The enum reports what happened to the?PointerEventButton?in the event

枚举报告事件中PointerEventButton的情况

cancel: The action was cancelled.? ? cancel:操作被取消。
down: The button was pressed.? ? ? ? ? down:按钮按下了。
up: The button was released.? ? ? ? ? ? ?up:按钮被释放。

`SortOrder 排序方式`

This enum represents the different values of the?sort-order?property. It’s used to sort a?StandardTableView?by a column.

此枚举表示排序顺序属性的不同值。它用于按列排序StandardTableView 标准桌面视图。

unsorted: The column is unsorted.? ? ?unsorted:该列未排序。
ascending: The column is sorted in ascending order.? ? ?ascending:按升序排序。
descending: The column is sorted in descending order.? ? ? 降序:按降序排序。

`StandardButtonKind?标准按钮类型`

Use this enum to add standard buttons to a?Dialog. The look and positioning of these?StandardButtons depends on the environment (OS, UI environment, etc.) the application runs in.

使用此enum可向对话框添加标准按钮。这些StandardButtons的外观和定位取决于应用程序运行的环境(操作系统、UI环境等)。

ok: A “OK” button that accepts a?Dialog, closing it when clicked.? ? ?ok:一个接受对话框的“ok”按钮，点击后关闭对话框。
cancel: A “Cancel” button that rejects a?Dialog, closing it when clicked.? ? ? 取消:一个“取消”按钮，拒绝一个对话框，当点击时关闭它。
apply: A “Apply” button that should accept values from a?Dialog?without closing it.? ? ? ?apply:一个“apply”按钮，它应该从对话框中接受值而不关闭它。
close: A “Close” button, which should close a?Dialog?without looking at values.? ? ? ?close:一个“关闭”按钮，它应该关闭对话框而不查看值。
reset: A “Reset” button, which should reset the?Dialog?to its initial state.? ? ? ? reset:一个“reset”按钮，它将把对话框重置到初始状态。
help: A “Help” button, which should bring up context related documentation when clicked.? ? ? ? ? help:一个“帮助”按钮，当点击它时，会显示与上下文相关的文档。
yes: A “Yes” button, used to confirm an action.? ? ? yes:“是”按钮，用于确认操作。
no: A “No” button, used to deny an action.? ? ? ? ? ? ?no:“no”按钮，用于拒绝某个操作。
abort: A “Abort” button, used to abort an action.? ? ? abort:一个“中止”按钮，用于中止一个操作。
retry: A “Retry” button, used to retry a failed action.? ? ? ?重试:“重试”按钮，用于重试失败的操作。
ignore: A “Ignore” button, used to ignore a failed action.? ? ? ?ignore:“忽略”按钮，用于忽略失败的操作。

`TextHorizontalAlignment?文本水平对齐方式`

This enum describes the different types of alignment of text along the horizontal axis of a?Text?element.

此枚举描述文本沿着text元素的水平轴的不同对齐类型。

left: The text will be aligned with the left edge of the containing box.? ? ? 左:文本将与包含框的左边缘对齐。
center: The text will be horizontally centered within the containing box.? ? ?center:文本将在包含框内水平居中。
right: The text will be aligned to the right of the containing box.? ? ? ? 右:文本将在包含框的右侧对齐。

`TextOverflow?文本溢出`

This enum describes the how the text appear if it is too wide to fit in the?Text?width.

此枚举描述如果文本太宽而无法适应文本宽度时的显示方式。

clip: The text will simply be clipped.? ? ? clip:文本将被简单地剪切。
elide: The text will be elided with?….? ? ? elide:文本将用....省略

`TextVerticalAlignment?文本垂直对齐方式`

This enum describes the different types of alignment of text along the vertical axis of a?Text?element.

此枚举描述文本沿着text元素的垂直轴的不同对齐类型。

top: The text will be aligned to the top of the containing box.? ? ? ?top:文本将与包含框的顶部对齐。
center: The text will be vertically centered within the containing box.? ? ? ?center:文本将在包含框内垂直居中。
bottom: The text will be aligned to the bottom of the containing box.? ? ? bottom:文本将与包含框的底部对齐。

`TextWrap 文本换行`

This enum describes the how the text wrap if it is too wide to fit in the?Text?width.

此枚举描述如果文本太宽而无法适应文本宽度时如何换行。

no-wrap: The text won’t wrap, but instead will overflow.? ? ? ? no-wrap:文本不换行，但会溢出。
word-wrap: The text will be wrapped at word boundaries.? ? ? word-wrap:文本将在单词边界处换行。

Next 下一个

Builtin Functions 内装式功能

Builtin Functions - Slint 1.3.2 Reference

Builtin Functions 内置功能

`animation-tick()?->?duration?// 持续时间`

This function returns a monotonically increasing time, which can be used for animations. Calling this function from a binding will constantly re-evaluate the binding. It can be used like so:x:?1000px?+?sin(animation-tick()?/?1s?*?360deg)?*?100px;?

or?y:?20px?*?mod(animation-tick(),?2s)?/?2s

这个函数返回一个单调递增的时间，可以用于动画。从绑定中调用此函数将不断地重新计算绑定。它可以这样使用:x: 1000px + sin(animation-tick() / 1s * 360°)* 100px;或者y: 20px * mod(animation-tick()， 2s) / 2s

export component Example inherits Window {
    preferred-width: 100px;
    preferred-height: 100px;

    Rectangle {
        y:0;
        background: red;
        height: 50px;
        width: parent.width * mod(animation-tick(), 2s) / 2s;
    }

    Rectangle {
        background: blue;
        height: 50px;
        y: 50px;
        width: parent.width * abs(sin(360deg * animation-tick() / 3s));
    }
}

(其实是个动态图，看原网页吧)

`debug(...) 调试(…)`

The debug function can take one or multiple values as arguments, prints them, and returns nothing.

调试函数可以接受一个或多个值作为参数，打印它们，不返回任何值。

Next 下一个

Builtin Global Singletons 构建全局单例

Builtin Global Singletons - Slint 1.3.2 Reference

Builtin Global Singletons 构建全局单例

`TextInputInterface?文本输入接口`

The?TextInputInterface.text-input-focused?property can be used to find out if a?TextInput?element has the focus. If you’re implementing your own virtual keyboard, this property is an indicator whether the virtual keyboard should be shown or hidden. TextInputInterface。

?TextInputInterface.text-input-focused属性可用于查明TextInput元素是否具有焦点。如果要实现自己的虚拟键盘，则此属性是显示还是隐藏虚拟键盘的指示符。

Properties 属性

text-input-focused?(bool): True if an?TextInput?element has the focus; false otherwise.? ? ? ? ? ? text-input-focused (bool):如果TextInput元素具有焦点，则为True;否则false。

Example 例子

import { LineEdit } from "std-widgets.slint";

component VKB {
    Rectangle { background: yellow; }
}

export component Example inherits Window {
    width: 200px;
    height: 100px;
    VerticalLayout {
        LineEdit {}
        FocusScope {}
        if TextInputInterface.text-input-focused: VKB {}
    }
}

Next 下一个

Builtin Namespaces 内置命名空间

Builtin Namespaces - Slint 1.3.2 Reference

Builtin Namespaces 内置命名空间

The following namespaces provide access to common constants such as special keys or named colors.

下面的命名空间提供了对常用常量的访问，如特殊键或命名颜色。

`Colors 颜色`

Use the colors namespace to select colors by their name. For example you can use?Colors.aquamarine?or?Colors.bisque. The entire list of names is very long. You can find a complete list in the?CSS Specification.

使用colors名称空间按名称选择颜色。例如，你可以使用Colors.aquamarine?颜色.海蓝宝石或Colors.bisque。整个名单都很长。你可以在CSS规范中找到一个完整的列表。

These functions are available both in the global scope, and in the?Colors?namespace.

这些函数在全局作用域和Colors命名空间中都可用。

rgb(int,?int,?int)?->?color,? ? ? ?rgba(int,?int,?int,?float)?->?color?

Return the color as in CSS. Like in CSS, these two functions are actually aliases that can take three or four parameters.

返回CSS中的颜色。与CSS一样，这两个函数实际上是别名，可以接受三到四个参数。

The first 3 parameters can be either number between 0 and 255, or a percentage with a?%?unit. The fourth value, if present, is an alpha value between 0 and 1.

前3个参数可以是0到255之间的数字，也可以是一个以%为单位的百分比。第四个值(如果存在)是介于0和1之间的alpha值。

Unlike in CSS, the commas are mandatory.

与CSS不同，逗号是强制性的。

`Key 键`

Use the constants in the?Key?namespace to handle pressing of keys that don’t have a printable character. Check the value of?KeyEvent’s?text?property against the constants below.

使用Key名称空间中的常量来处理按下没有可打印字符的键。根据下面的常量检查KeyEvent的text属性的值。

Backspace 退格
Tab?
Return 返回
Escape?
Backtab
Delete 删除
Shift 上档
Control 控制
Alt
AltGr
CapsLock 大写锁定
ShiftR
ControlR
Meta 元
MetaR?
UpArrow 向上光标
DownArrow
LeftArrow
RightArrow
F1
F2
F3
F4
F5
F6
F7
F8
F9
F10
F11?
F12
F13
F14
F15
F16
F17
F18
F19
F20
F21
F22?
F23
F24
Insert 插入
Home 首页
End 结束
PageUp 上页
PageDown 下页
ScrollLock
Pause 暂停
SysReq
Stop 停止
Menu 菜单

`Math 数学`

These functions are available both in the global scope and in the?Math?namespace.

这些函数在全局作用域和Math名称空间中都可用。

`abs(float)?->?float`

Return the absolute value. 返回绝对值。

`acos(float)?->?angle`,? ? ?`asin(float)?->?angle`,?

`atan(float)?->?angle`,? ? ?`cos(angle)?->?float`,?

`sin(angle)?->?float`,? ? ? ?`tan(angle)?->?float`

The trigonometry function. Note that the should be typed with?deg?or?rad?unit (for example?cos(90deg)?or?sin(slider.value?*?1deg)).

三角函数。请注意，应使用deg或rad单位键入（例如cos（90deg）或sin（slider.value*1deg））。

`ceil(float)?->?int`? and??`floor(float)?->?int`

Return the ceiling or floor 返回最高值或最低值

`clamp(T,?T,?T)?->?T`

Takes a?value,?minimum?and?maximum?and returns?maximum?if?value?>?maximum,?minimum?if?value?<?minimum, or?value?in all other cases. 取一个值，最小值和最大值，如果值>最大值，则返回最大值，当值<最小值时返回最小值，或者在所有其他情况下返回值。

`log(float,?float)?->?float`

Return the log of the first value with a base of the second value

返回以第二个值为基数的第一个值的日志

`max(T,?T)?->?T`? and??`min(T,?T)?->?T`

Return the arguments with the minimum (or maximum) value. All arguments must be of the same numeric type? ? ?

返回具有最小(或最大值)值的参数。所有参数必须具有相同的数字类型

`mod(T,?T)?->?T`

Perform a modulo operation, where T is some numeric type.

执行取模操作，其中T是某种数字类型。

`round(float)?->?int`

Return the value rounded to the nearest integer

返回四舍五入到最接近的整数的值

`sqrt(float)?->?float`

Square root

平方根

`pow(float,?float)?->?float`

Return the value of the first value raised to the second

将第一个值的值返回到第二个值

Next 下一个

Builtin Structures 内置结构体

Builtin Structures - Slint 1.3.2 Reference

Builtin Structures 内置结构体

`KeyEvent?键盘事件`

This structure is generated and passed to the key press and release callbacks of the?FocusScope?element.

该结构被生成并传递给FocusScope元素的按键和释放回调函数。

Fields 字段

text?(string): The unicode representation of the key pressed.? ? ? ? text (string):按下的键的unicode表示。
modifiers?(KeyboardModifiers): The keyboard modifiers active at the time of the key press event.? ? ? ? ?修饰符（KeyboardModifiers）：在按键事件时激活的键盘修饰符。
repeat?(bool): This field is set to true for key press events that are repeated, i.e. the key is held down. It’s always false for key release events.? ? ? repeat (bool):对于重复的按键事件，即按下按键，此字段设置为true。对于键释放事件，它总是false。

`KeyboardModifiers?键盘修饰符`

KeyboardModifier provides booleans to indicate possible modifier keys on a keyboard, such as Shift, Control, etc. This structure is generated as part of?KeyEvent?On macOS, the command key is mapped to the meta modifier. On Windows, the windows key is mapped to the meta modifier.

KeyboardModifier提供布尔值来指示键盘上可能的修饰符，如Shift、Control等。这个结构是作为KeyEvent的一部分生成的。在macOS上，命令键被映射到元修饰符。在Windows上，Windows键映射到元修饰符。

Fields 字段

alt?(bool): Indicates the alt key on a keyboard.? ? ? alt (bool):表示键盘上的alt键。
control?(bool): Indicates the control key on a keyboard.? ? ? control (bool):键盘上的控制键。
shift?(bool): Indicates the shift key on a keyboard.? ? ? shift (bool):键盘上的shift键。
meta?(bool): Indicates the command key on macos.? ? ? meta (bool): macos上的命令键。

`Point 点`

This structure represents a point with x and y coordinate

这个结构表示一个有x和y坐标的点

Fields 字段

x?(length)? ? x(长度)
y?(length)? ? y(长度)

`PointerEvent?指针事件`

Represents a Pointer event sent by the windowing system. This structure is passed to the?pointer-event?callback of the?TouchArea?element.

表示窗口系统发送的指针事件。这个结构被传递给TouchArea元素的指针事件回调。

Fields 字段

button?(PointerEventButton): The button that was pressed or released? ? ? ? ? ? ? button (PointerEventButton):被按下或释放的按钮
kind?(PointerEventKind): The kind of the event? ? ? ? ? ?kind (PointerEventKind):事件的类型
modifiers?(KeyboardModifiers): The keyboard modifiers pressed during the event? ? ? ? modifiers (KeyboardModifiers):事件期间按下的键盘修饰符

`PointerScrollEvent?指针滚动事件`

Represents a Pointer scroll (or wheel) event sent by the windowing system. This structure is passed to the?scroll-event?callback of the?TouchArea?element.

表示窗口系统发送的指针滚动(或滚轮)事件。这个结构被传递给TouchArea元素的滚动事件回调。

Fields 字段

delta_x?(length): The amount of pixel in the horizontal direction? ? ? ? ? ?delta_x (length):水平方向上的像素量
delta_y?(length): The amount of pixel in the vertical direction? ? ? ? ? ? ? ?delta_y (length):垂直方向上的像素量
modifiers?(KeyboardModifiers): The keyboard modifiers pressed during the event? ? ? ? ? ? ? ? ? modifiers (KeyboardModifiers):事件期间按下的键盘修饰符

`StandardListViewItem 标准列表视图项目`

Represents an item in a StandardListView and a StandardTableView.

代表一个在StandardListView和StandardTableView中的项。

Fields 字段

text?(string): The text content of the item? ? ? ? ? text (string):项目的文本内容

`TableColumn?表格列`

This is used to define the column and the column header of a TableView

这是用来定义一个TableView的列和列头

Fields 字段

title?(string): The title of the column header? ? ? ? title(字符串):列头部的标题
min_width?(length): The minimum column width (logical length)? ? ? ? ? ? ? min_width (length):最小列宽度(逻辑长度)
horizontal_stretch?(float): The horizontal column stretch? ? ? ? ? ? horizontal_stretch (float):水平列拉伸
sort_order?(SortOrder): Sorts the column? ? ? ? ? ? ? ? sort_order (SortOrder):对列排序
width?(length): the actual width of the column (logical length)? ? ? ? ? ?宽度(长度):列的实际宽度(逻辑长度)

Next 下一个

Widgets 小部件

Widgets - Slint 1.3.2 Reference

Widgets 小部件

Slint provides a series of built-in widgets that can be imported from?"std-widgets.slint".

Slint提供了一系列可以从“std-widgets.slint”导入的内置小部件。

The widget appearance depends on the selected style. See?Selecting a Widget Style?for details how to select the style. If no style is selected,?native?is the default. If?native?isn’t available,?fluent?is the default.

小部件的外观取决于所选的样式。有关如何选择小部件样式的详细信息，请参见选择小部件样式。如果没有选择样式，则默认为native。如果native不可用，那么fluent是默认的。

All widgets support all?properties common to builtin elements.

所有小部件都支持内置元素的所有通用属性。

AboutSlint

AboutSlint - Slint 1.3.2 Reference

`AboutSlint`

This element displays a “Made with Slint” badge.?

此元素显示“Made with Slint”徽章。

import { AboutSlint } from "std-widgets.slint";
export component Example inherits Window {
    height: 175px;
    AboutSlint {
    }
}

Next 下一个

Button 按钮

Button - Slint 1.3.2 Reference

`Button 按钮`

A simple button. Common types of buttons can also be created with?StandardButton.

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

Properties 属性

checkable?(in?bool): Shows whether the button can be checked or not. This enables the?checked?property to possibly become true.? ? ? ? ? checkable (in bool):显示按钮是否可以被选中。这使得选中的属性可能变为true。
checked?(inout?bool): Shows whether the button is checked or not. Needs?checkable?to be true to work.? ? ?checked (inout bool):显示按钮是否被选中。需要checkable是true才能工作。
enabled: (in?bool): Defaults to true. When false, the button cannot be pressed? ? ? ? ? ? ? ? ? ? ? ? ? ?enabled:(in bool):默认为true。当为false时，按钮无法按下
has-focus: (out?bool): Set to true when the button has keyboard focus.? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?has-focus:(out bool):当按钮有键盘焦点时设置为true。
icon?(in?image): The image to show in the button. Note that not all styles support drawing icons.? ? ? ? ? ?icon (in image):要在按钮中显示的图像。注意，并非所有样式都支持绘制图标。
pressed: (out?bool): Set to true when the button is pressed.? ? ? ? ? ?pressed:(out bool):按钮被按下时设置为true。
text?(in?string): The text written in the button.? ? ? ? ?text (in string):按钮上写的文本。
primary?(in?bool): If set to true the button is displayed with the primary accent color (default: false).? ? ? ? primary (in bool):如果设置为true，按钮将以主色调显示(默认:false)。

Callbacks 回调

clicked()? ? 点击，选中

Example 例子

import { Button, VerticalBox } from "std-widgets.slint";
export component Example inherits Window {
    VerticalBox {
        Button {
            text: "Click Me";
            clicked => { self.text = "Clicked"; }
        }
    }
}

CheckBox 复选框

CheckBox - Slint 1.3.2 Reference

`CheckBox 复选框`

Use a?CheckBox?to let the user select or deselect values, for example in a list with multiple options. Consider using a?Switch?element instead if the action resembles more something that’s turned on or off.

使用CheckBox让用户选择或取消选择值，例如在具有多个选项的列表中。如果动作更像是打开或关闭的东西，可以考虑使用Switch元素。

Properties 属性

checked: (inout?bool): Whether the checkbox is checked or not (default: false).? ? ? ? ? ?checked:(inout bool):复选框是否被选中(默认:false)。
enabled: (in?bool): Defaults to true. When false, the checkbox can’t be pressed (default: true)? ? ? ? ?enabled:(in bool):默认为true。当为false时，复选框不能被选中(默认值:true)
has-focus: (out?bool): Set to true when the checkbox has keyboard focus (default: false).? ? ? ? ? ? has-focus:(out bool):当复选框具有键盘焦点时设置为true(默认:false)。
text?(in?string): The text written next to the checkbox.? ? ? text (in string):复选框旁边的文本。

Callbacks 回调

toggled(): The checkbox value changed? ? ? ? ?toggle():复选框的值被改变

Example 例子

import { CheckBox } from "std-widgets.slint";
export component Example inherits Window {
    width: 200px;
    height: 25px;
    CheckBox {
        width: parent.width;
        height: parent.height;
        text: "Hello World";
    }
}

ComboBox 组合框

ComboBox - Slint 1.3.2 Reference

`ComboBox 组合框`

A button that, when clicked, opens a popup to select a value.

当单击该按钮时，将打开一个弹出窗口以选择一个值。

Properties 属性

current-index: (in-out?int): The index of the selected value (-1 if no value is selected)? ? ? ? ? ? ? ? ?current-index:(in-out int):所选值的索引(未选则为-1)
current-value: (in-out?string): The currently selected text? ? ? ? ? ?current-value:(in-out string):当前选择的文本
enabled: (in?bool): Defaults to true. When false, the combobox can’t be interacted with? ? ? ? ? ? ? enabled:(in bool):默认为true。当为false时，无法与组合框进行交互
has-focus: (out?bool): Set to true when the combobox has keyboard focus.? ? ? ? ? ?has-focus:(out bool):当组合框具有键盘焦点时设置为true。
model?(in?[string]): The list of possible values? ? ? ? ? ?model (in [string]):可能值的列表

Callbacks 回调

selected(string): A value was selected from the combo box. The argument is the currently selected value.? ? ? ? ? ? selected(string):从组合框中选择了一个值。参数是当前选定的值。

Example 例子

import { ComboBox } from "std-widgets.slint";
export component Example inherits Window {
    width: 200px;
    height: 130px;
    ComboBox {
        y: 0px;
        width: self.preferred-width;
        height: self.preferred-height;
        model: ["first", "second", "third"];
        current-value: "first";
    }
}

Next 下一个

GridBox 格子里

文章来源:https://blog.csdn.net/zhanglz888/article/details/135635778
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若内容造成侵权/违法违规/事实不符，请联系我的编程经验分享网邮箱：chenni525@qq.com进行投诉反馈，一经查实，立即删除！

slint 1.3.2 官方文档翻译04

Builtin Enumerations 内置的枚举

AccessibleRole?可访问角色

DialogButtonRole?对话框按钮角色

EventResult?事件结果

FillRule?填充规则

ImageFit 图像适配

ImageRendering?图像渲染

InputType?输入类型

LayoutAlignment?布局对齐方式

MouseCursor?鼠标光标

Orientation 方向

PathEvent?路径事件

PointerEventButton?指针事件按钮

PointerEventKind?指针事件类型

SortOrder 排序方式

StandardButtonKind?标准按钮类型

TextHorizontalAlignment?文本水平对齐方式

TextOverflow?文本溢出

TextVerticalAlignment?文本垂直对齐方式

TextWrap 文本换行

Builtin Functions 内置功能

animation-tick()?->?duration?// 持续时间

debug(...) 调试(…)

Builtin Global Singletons 构建全局单例

TextInputInterface?文本输入接口

Properties 属性

Example 例子

Builtin Namespaces 内置命名空间

Colors 颜色

Key 键

Math 数学

abs(float)?->?float

acos(float)?->?angle,? ? ?asin(float)?->?angle,?

atan(float)?->?angle,? ? ?cos(angle)?->?float,?

sin(angle)?->?float,? ? ? ?tan(angle)?->?float

ceil(float)?->?int? and??floor(float)?->?int

clamp(T,?T,?T)?->?T

log(float,?float)?->?float

max(T,?T)?->?T? and??min(T,?T)?->?T

mod(T,?T)?->?T

round(float)?->?int

sqrt(float)?->?float

pow(float,?float)?->?float

Builtin Structures 内置结构体

KeyEvent?键盘事件

Fields 字段

KeyboardModifiers?键盘修饰符

Fields 字段

Point 点

Fields 字段

PointerEvent?指针事件

Fields 字段

PointerScrollEvent?指针滚动事件

Fields 字段

StandardListViewItem 标准列表视图项目

Fields 字段

TableColumn?表格列

Fields 字段

Widgets 小部件

AboutSlint

Button 按钮

Properties 属性

Callbacks 回调

Example 例子

CheckBox 复选框

Properties 属性

Callbacks 回调

Example 例子

ComboBox 组合框

Properties 属性

Callbacks 回调

Example 例子

`AccessibleRole?可访问角色`

`DialogButtonRole?对话框按钮角色`

`EventResult?事件结果`

`FillRule?填充规则`

`ImageFit 图像适配`

`ImageRendering?图像渲染`

`InputType?输入类型`

`LayoutAlignment?布局对齐方式`

`MouseCursor?鼠标光标`

`Orientation` 方向

`PathEvent?路径事件`

`PointerEventButton?指针事件按钮`

`PointerEventKind?指针事件类型`

`SortOrder 排序方式`

`StandardButtonKind?标准按钮类型`

`TextHorizontalAlignment?文本水平对齐方式`

`TextOverflow?文本溢出`

`TextVerticalAlignment?文本垂直对齐方式`

`TextWrap 文本换行`

`animation-tick()?->?duration?// 持续时间`

`debug(...) 调试(…)`

`TextInputInterface?文本输入接口`

`Colors 颜色`

`Key 键`

`Math 数学`

`abs(float)?->?float`

`acos(float)?->?angle`,? ? ?`asin(float)?->?angle`,?

`atan(float)?->?angle`,? ? ?`cos(angle)?->?float`,?

`sin(angle)?->?float`,? ? ? ?`tan(angle)?->?float`

`ceil(float)?->?int`? and??`floor(float)?->?int`

`clamp(T,?T,?T)?->?T`

`log(float,?float)?->?float`

`max(T,?T)?->?T`? and??`min(T,?T)?->?T`

`mod(T,?T)?->?T`

`round(float)?->?int`

`sqrt(float)?->?float`

`pow(float,?float)?->?float`

`KeyEvent?键盘事件`

`KeyboardModifiers?键盘修饰符`

`Point 点`

`PointerEvent?指针事件`

`PointerScrollEvent?指针滚动事件`

`StandardListViewItem 标准列表视图项目`

`TableColumn?表格列`

`AboutSlint`

`Button 按钮`

`CheckBox 复选框`

`ComboBox 组合框`