HarmonyOS 鸿蒙Next Divider()组件 可以加个API来设置虚线

HarmonyOS 鸿蒙Next Divider()组件 可以加个API来设置虚线 在页面中想要设置一个虚线:

  1. 使用line()组件的strokeDashArray属性确实可以实现虚线, 但是在屏幕横屏的状态时, 由于line()组件的起始点与终止点是使用坐标固定住的,所以横屏状态下, 这个虚线显示的肯定是不对的。

  2. 使用Divider()组件与border属性结合, 可以实现虚线, 也解决了在横屏状态下显示位置不对的问题, 但是出现了新的问题!就是虚线间每个线段的间隔无法自定义, 导致效果不美观 。

所以请教一下各位是我没有找到合适的办法吗,还是官方就没有呀~
接上一篇帖子

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

Divider()
  .strokeWidth(0)
  .position({ x: 10, y: 100 })
  .margin({ left: 20 })
  .border({ width: 1, style: BorderStyle.Dashed })

更多关于HarmonyOS 鸿蒙Next Divider()组件 可以加个API来设置虚线的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于HarmonyOS 鸿蒙Next Divider()组件 可以加个API来设置虚线的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS中，Divider()组件目前没有直接提供API来设置虚线样式。Divider()组件主要用于创建水平或垂直的分割线，默认样式为实线。如果需要实现虚线效果，可以通过自定义组件或使用Canvas绘制来实现。自定义组件可以通过重写onDraw方法，使用Canvas的drawLine或drawPath方法来绘制虚线。具体实现可以参考HarmonyOS的绘图API和自定义组件开发文档。

回到顶部