flutter 实心三角形

代码

class TrianglePainter extends CustomPainter {final Color strokeColor;final PaintingStyle paintingStyle;final double strokeWidth;TrianglePainter({this.strokeColor = Colors.black,this.strokeWidth = 3,this.paintingStyle = PaintingStyle.stroke});@overridevoid paint(Canvas canvas, Size size) {var paint = Paint()..color = strokeColor..strokeWidth = strokeWidth..style = paintingStyle;canvas.drawPath(getTrianglePath(size.width, size.height), paint);}Path getTrianglePath(double x, double y) {return Path()..moveTo(0, y)..lineTo(x / 2, 0)..lineTo(x, y)..lineTo(0, y);}@overridebool shouldRepaint(TrianglePainter oldDelegate) {return oldDelegate.strokeColor != strokeColor ||oldDelegate.paintingStyle != paintingStyle ||oldDelegate.strokeWidth != strokeWidth;}
}

使用

CustomPaint(painter: TrianglePainter(strokeColor: Colors.blue,paintingStyle:PaintingStyle.fill,),child: Container(height: 10,width: 12,),
),

1.来源：https://stackoverflow.com/questions/56930636/flutter-button-with-custom-shape-triangle
2.使用边框实现空心三角形>>>

flutter 实心三角形相关推荐

CSS实现实心三角形和空心三角形
一次开发中遇到,记录代码原理: 1.给一个div,宽和高都为0的时候,盒子什么都没有看起来.为空白 2.给一个宽高为0的盒子给一遍像素给100px的上边,下边和右边, .jiao{ position ...
css空心三角形_纯CSS制作空心三角形和实心三角形及其实现原理
纯CSS制作空心三角形和实心三角形及其实现原理在一次项目中需要使用到空心三角形,我瞬间懵逼了.查阅了一些资料加上自己的分析思考,终于是达到了效果,个人感觉制作三角形是使用频率很高的,因此记录下来,供 ...
css实现实心三角形、有边框的三角形和空心三角形
1.实心三角形 <div class="up"></div> <div class="down&quo ...
JAVA 实现实心三角形
JAVA 实心三角形期望实现 ************************* 实现代码 public class Test2 {public static void main(String[] ...
python 3 编程实心三角形和空心三角形
1.画实心等腰三角形 (1)方法一 for i in range(1,6):print("\n")for k in range(i,6):print (" ", ...
JAVA基础——打印实心三角形
JAVA基础--打印实心三角形观察题目要求,按要求打印图形(把菱形看成两个三角形的组合一样适用) 初识JAVA重点了解如果需要键入数据(获取控制台的输入)如何去处理! 分析题目,考虑使用循环结构采 ...
Cadence OrCAD原理图中绘制实心三角形
Cadence OrCAD原理图中绘制实心三角形简介操作简介在Cadence OrCAD原理图中有时需要绘制实心三角形符号,如下图: 操作具体操作如下: 点击菜单Place->Poly ...
纯css实现实心三角形，向右箭头
效果如下实现之前先了解一下css的一个属性: 也就是说这个属性可以设置透明的色值, 举个例子: 看这个形状是如何实现的 <!DOCTYPE html> <html lang= ...
Java使用多重for循环打印实心三角形，倒立三角形以及空心菱形
Java使用多重for循环打印实心三角形,倒立三角形以及空心菱形使用双重for循环打印倒立三角形和菱形算是在循环嵌套里面,自我感觉比较难的第一个程序这是本次要打印的目标: 打印上图实心三角形思路如 ...

flutter 实心三角形

flutter 实心三角形相关推荐

最新文章

热门文章