学习笔记（三十四）：ArkUi-Divider (分隔)

概述：

提供分隔器组件，分隔不同内容块/内容元素。

一、定义

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%')}
}