美文网首页
flutter draw虚线问题

flutter draw虚线问题

作者: 代瑶 | 来源:发表于2020-10-09 09:42 被阅读0次

这是一个很好的绘制虚线的办法:

在flutter 中 canvas 没有直接绘制虚线的方法, 但是有drawline, 例如我需要绘制一条宽为320,高为5的虚线
默认每隔3dp给一个间隔,间隔为3dp。 下面是大概效果!


写代码:

int _gapWidth = 3;
int _xOffset = 0;

while(_xOffset  <= 320){
  canvas.drawLine(
            Offset(_xOffset, 0),
            Offset(_xOffset + 3, 5),   //这里+3是3dp的一个间隔。
            paint,
          );
          _xOffset = _xOffset + 3;    // 这里+3 是3dp间隔。
}

相关文章

  • flutter draw虚线问题

    这是一个很好的绘制虚线的办法: 在flutter 中 canvas 没有直接绘制虚线的方法, 但是有drawlin...

  • IOS 画虚线方法

    使用CGContext 绘图方法 1.重写draw rect 方法: iOS 画虚线方法总结 作者有提到另外一种方...

  • Flutter绘制虚线

    欢迎去看原文:http://tryenough.com/flutter-dotline 效果 实现方案 方案一: ...

  • flutter-虚线

  • flutter 画虚线

  • Flutter 绘制虚线dashline

    实现Flutter 绘制虚线dashline 话不多说,线上效果图 源码 使用

  • Flutter 学习记录--虚线控件

    工作中需要用到虚线控件,Flutter官方没有相关的控件,自定义一个支持横向和竖向的虚线控件, direction...

  • Flutter绘制弯曲虚线

    效果 开始 修改main.dart文件: 去看原文:http://tryenough.com/flutter-cu...

  • Flutter-虚线组件

    1.XFDashedLine效果展示 目的:实现效果的同时,提供定制,并且可以实现水平和垂直两种虚线效果: axi...

  • Flutter - 绘制弯曲的虚线

    在本文中,我们将绘制如下的弯曲虚线: 我想你已经熟悉了如何在Flutter中绘制自定义形状和线条。如果没有,你可以...

网友评论

      本文标题:flutter draw虚线问题

      本文链接:https://www.haomeiwen.com/subject/duakpktx.html