divider 分割线

用于对内容进行分割,它继承自view组件。

示例

基础使用

1<view spacing="40.0">
2    <label text="'Hello'"></label>
3    <divider theme="Info"></divider>
4    <divider theme="Error">
5        <label text="'I am a divider'"></label>
6    </divider>
7    <divider theme="Success">
8        <view height="Fit" width="Fit" padding="6.0">
9            <button></button>
10        </view>
11    </divider>
12    <divider theme="Warning"></divider>
13    <label text="'World'"></label>
14</view>

属性

名称说明类型
theme主题Themes
background_color背景颜色MakepadColor
hover_color悬停颜色MakepadColor
focus_color聚焦颜色MakepadColor
border_color边框颜色MakepadColor
border_width边框宽度F32
border_radius边框圆角半径F32
visible是否可见bool
background_visible背景是否可见bool
shadow_color阴影颜色MakepadColor
spread_radius阴影扩散半径F32
blur_radius阴影模糊半径F32
shadow_offset阴影偏移Vec2
cursor鼠标指针样式MouseCursor
animation_key动画键bool
grab_key_focus捕获键盘焦点bool
block_signal_event阻止信号事件bool
abs_pos绝对位置DVec2
margin外边距Margin
width宽度Size
height高度Size
scroll滚动偏移DVec2
clip_x是否裁剪 X 轴bool
clip_y是否裁剪 Y 轴bool
padding内边距Padding
align对齐方式Align
flow流动方式Flow
spacing间距F64
event_order事件顺序EventOrder
dpi_factorDPI 缩放因子F64
optimize视图优化选项ViewOptimize
capture_overload捕获重载bool
event_key事件键bool
block_child_events阻止子事件传递bool
deref_widget引用视图属性ViewProps
stroke_width描边宽度F32
direction分割线方向Direction

事件回调