概述:
提供分隔器组件,分隔不同内容块/内容元素。
一、定义
Divider()
二、属性
1、vertical,设置分割线的方向
vertical(value: boolean)
使用水平分割线还是垂直分割线。
false:水平分割线;true:垂直分割线。
默认值:false
2、color,设置分割线的颜色
color(value: ResourceColor)
默认值:'#33182431'
3、strokeWidth,设置分隔线的宽度
分割线宽度。
默认值:1px
单位:vp
说明:
分割线的宽度不支持百分比设置。优先级低于通用属性height,超过通用属性设置大小时,按照通用属性进行裁切。部分设备硬件中存在1像素取整后分割线不显示问题,建议使用2像素。
4、lineCap,设置分割线的端点样式
lineCap(value: LineCapStyle)
默认值:LineCapStyle.Butt
使用示例:
分隔线使用示例 @Entry @Component struct BlankDividerExample { @State message: string = 'Hello World'; build() { Row() { Column() { Text('默认分隔线') Divider() Text('带属性的分隔线') .margin({top:30}) Divider().color(Color.Red).vertical(false).strokeWidth(4).lineCap(LineCapStyle.Butt) } .width('100%') .justifyContent(FlexAlign.Center) .padding(10) } .height('100%') } }
标签:ArkUi,设置,Divider,分隔线,三十四,默认值,分割线,属性 From: https://www.cnblogs.com/xqxacm/p/18538680