HarmonyOS 鸿蒙Next Divider()组件 分割线可以是虚线吗，在api文档中没有明确的标注

HarmonyOS 鸿蒙Next Divider()组件 分割线可以是虚线吗，在api文档中没有明确的标注

请教: 这个线怎么设置以虚线显示

Divider().strokeWidth(2)

cke_543.png


更多关于HarmonyOS 鸿蒙Next Divider()组件 分割线可以是虚线吗，在api文档中没有明确的标注的实战教程也可以访问 https://www.itying.com/category-93-b0.html

10 回复

只有line()组件和border属性可以设置虚线,但是目前这两种方法都有瑕疵

更多关于HarmonyOS 鸿蒙Next Divider()组件 分割线可以是虚线吗，在api文档中没有明确的标注的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


使用border属性

cke_333.png

找HarmonyOS工作还需要会Flutter技术的哦，有需要Flutter教程的可以学学大地老师的教程，很不错，B站免费学的哦：BV1S4411E7LY/?p=17

可以用border实现，参考如下：

Divider()
  .color(Color.White)
  .height('5')
  .border({'width':'5','color':'red','style':BorderStyle.Dashed})

有要学HarmonyOS AI的同学吗，联系我：https://www.itying.com/goods-1206.html

确实可以实现虚线，但是如果细看的话，这个虚线中间还是包裹着一条白色虚线的。我放个图在评论区，您可以看一下和line组件实现的区别。

对，需要考虑分割线的颜色和页面背景色同步。

border的颜色和布局的背景色同步,确实把divider切割成虚线的样子!但是总感觉这种方法有点弄巧成拙,不是真正意义上的自定义虚线!我再试试!感谢!

找到个方法,使用Line()组件,但还是觉得Divider()组件可以设置虚线更合理,请问有人知道该如何设置吗

而且使用Line()组件在横屏的情况下,会有如下这种情况,因为line的起始坐标和终点坐标是固定的

cke_2043.png

Line()
    .width('100%')
    .height(1)
    .startPoint([10, 90])
    .endPoint([348, 90])
    .strokeWidth(1)
    .stroke('#72777b')
    .strokeDashArray([10, 3])
    .strokeOpacity(0.5)

在HarmonyOS的API文档中，Divider组件默认是实线分割线，文档中没有明确提到支持虚线分割线的配置。如果需要实现虚线分割线，可以通过自定义样式来实现。可以使用Canvas绘制虚线，或者通过设置Divider的背景样式为虚线图案。具体实现可以参考HarmonyOS的图形绘制相关API，但文档中未直接提供虚线分割线的内置支持。

回到顶部