toggle 开关

表示两种相互对立的状态间的切换,多用于触发开关事件。

示例

基础使用

1<toggle theme="Error" selected="true"></toggle>

属性

名称说明类型
theme主题Themes
background_color背景颜色MakepadColor
background_visible背景可见bool
hover_color悬停颜色MakepadColor
selected_color选中颜色MakepadColor
stroke_color线条颜色MakepadColor
stroke_hover_color悬停线条颜色MakepadColor
stroke_selected_color选中线条颜色MakepadColor
border_color边框颜色MakepadColor
border_width边框宽度F32
border_radius边框圆角F32
scale缩放比例F32
cursor光标类型MouseCursor
selected是否选中bool
grab_key_focus是否获取键盘焦点bool
toggle_type切换类型GToggleType
visible是否可见bool
animation_key是否启用动画bool
event_key事件标识符bool
abs_pos绝对位置DVec2
margin外边距Margin
width宽度Size
height高度Size
scroll滚动偏移DVec2
clip_x是否裁剪 Xbool
clip_y是否裁剪 Ybool
padding内边距Padding
align对齐方式Align
flow流动方式Flow
spacing间距F64

事件回调

名称说明参数
clicked点击事件GToggleClickedParam
hover_in悬停进入GToggleHoverParam
hover_out悬停离开GToggleHoverParam