摘要: 在 Flutter 中自定义 View 有两种方式: 组合已有控件 自定义绘制 如何自定义绘制 有两个类做这件事情: CustomPaint :会在绘制阶段提供一个 Canvas 画布 CustomPainter : 具体的画笔, 可配置画笔的颜色,路径等 CustomPaint( painter: 阅读全文
posted @ 2019-05-07 17:26 brave-sailor 阅读(370) 评论(0) 推荐(0) 编辑
摘要: 注意:这其实是一篇CustomPaint的使用教程!! 源码地址:https://github.com/yumi0629/FlutterUI/tree/master/lib/circleprogressbar 在Flutter中,CustomPaint就像是Android中的Paint一样,可以用它 阅读全文
posted @ 2019-05-07 16:02 brave-sailor 阅读(2333) 评论(0) 推荐(0) 编辑
摘要: CustomPainter Flutter 中实现绘制的主要是CustomPainter类、 我们一般继承这个类,来使用它; 然后放在父控件的child里用CustomPaint包裹 故事的开始:paint() 自定义绘制非常简单,创建好 Paint 对象,重写 paint(),绘制代码放在pain 阅读全文
posted @ 2019-05-07 14:57 brave-sailor 阅读(1842) 评论(0) 推荐(0) 编辑
摘要: 小菜前两天学习了以下 Animation 的基本动画,接下来小菜学习以下稍微进阶版的 Animation 动画。 复合动画 小菜前两天学习的主要是基本的单一动画,当然多个动画效果集一身也是毫无问题的,小菜接下来尝试一个图片显隐性和缩放同时循环使用的 Demo; 时间段动画 既然可以监听动画过程和动画 阅读全文
posted @ 2019-05-07 14:08 brave-sailor 阅读(415) 评论(0) 推荐(0) 编辑
摘要: 小菜一直对动画不太熟悉,最近学习了一些关于动画的皮毛知识,网上资料很多,小菜按自己的理解整理一下。 Animation Animation 可以生成动画过程中的值,生成的值并非单一的 double 也可以是 Size/Color 等;Animation 可以获取状态但无法获取屏幕显示内容。 Anim 阅读全文
posted @ 2019-05-07 14:07 brave-sailor 阅读(831) 评论(0) 推荐(0) 编辑
摘要: 小菜继续学习 Canvas 的相关方法: drawVertices 绘制顶点 小菜上次没有整理 drawVertices 的绘制方法,这次补上;Vertice 即顶点,通过绘制多个顶点,在进行连线,多用于 3D 模型中; drawVertices 包括三个参数,第一个是顶点属性,根据不同属性线的连接 阅读全文
posted @ 2019-05-07 13:51 brave-sailor 阅读(757) 评论(0) 推荐(0) 编辑
摘要: 小菜前几天整理了以下 Canvas 的部分方法,今天小菜继续学习 Canvas 第二部分。 drawXXX drawShadow 用于绘制阴影,第一个参数时绘制一个图形 Path,第二个是设置阴影颜色,第三个为阴影范围,最后一个阴影范围是否填充满; drawImage 用于绘制图片,绘制图片是重点, 阅读全文
posted @ 2019-05-07 13:50 brave-sailor 阅读(1802) 评论(0) 推荐(0) 编辑
摘要: 小菜最近在学习自定义 View,刚了解了一下 Paint 画笔的神奇之处,现在学习一下 Canvas 画布的神秘之处。Flutter 提供了众多的绘制方法,小菜接触不深,尽量都尝试一下。 Canvas 画布 drawColor 需要传入两个参数,第一个为色值,第二个为混合模式,有众多混合模式供选择, 阅读全文
posted @ 2019-05-07 13:48 brave-sailor 阅读(1782) 评论(0) 推荐(0) 编辑