Flutter开发者

自定义View番外篇

自定义View番外篇
上期回顾在前面的文章中我们学习了自定义View的基本用户,并且结合动画等相关知识给大家举了几个例子。当然也有很多童鞋在后台留言说,每次自定义View都需要使用CustomPaint来包裹我们自定义的CustomPainter是不是有点多余和麻烦了?有没有其他的方法可以简单点? 其实,方法是 ...
Read more

自定义View案例【CircleProgressBar】

CircleProgressBar
上期回顾在前面的文章中我们看了下如何通过自定义View简单实现了labelView的效果,其实实现起来非常的简单,就是根据用户传递来的参数来做不同的绘制而已。 但是我们实现的LabelView是不能动态更改的,一来是受制于这个Widget的功能,而来就是因为没有跟动画结合啊。 今天我们就通 ...
Read more

自定义View案例【LabelView】

LabelView
上期回顾在前面的几篇文章中我们介绍了Flutter中自定义view的用法,学习了canvas中常用的绘制方法,在这篇及以后的几篇文章中我会给大家写几个自定义View的例子。 标签(我们给它命名LabelView)提起标签相信大家都不会陌生,在平时使用应用或者网页中会经常看到这种效果 比如这 ...
Read more

自定义View【2】

自定义View【2】
上期回顾在前面的文章中我们学习了部分绘制的相关方法,在本篇文章中我们会继续再介绍一些常用的绘制方法。 绘制路径drawPath drawPath(Path path, Paint paint) 绘制路径非常的简单,首先需要一个要绘制的路径path,然后就是这个paint了。 Path的用 ...
Read more

自定义View【1】

自定义View【1】
上期回顾在上一篇文章中,我们学习了自定义View的基本流程和一些相关知识,想必大家对自定义View多少都有了一定的了解。 今天我们就到代码的层次来看下如何实现和使用自定义View吧 自定义流程在前面的文章中我们已经学习了Flutter中自定义View的简单步骤,今天我们就按照这个步骤来实现 ...
Read more

自定义View概述

自定义View概述 CustomPainter
上期回顾在前面的文章中我们学习了ExpansionPanelList的用法,使用ExpansionPanelList可以很轻松的实现可展开列表的效果,在文章的最后依然给大家留下了个小问题,实现如下效果。 在前面已经提到了,使用ExpansionPanelList.radio()每次只能打 ...
Read more

ExpansionPanelList

ExpansionPanelList 可展开列表
上期回顾在前面的文章中我们介绍了可以展开的带标题控件ExpansionTile的用法,在文章的最后还是按照惯例给大家留下了一个问题。 实现如下效果: 可以看到界面整体上是一个listView,在ListView的第二例是一个ExpansionTile,ExpansionTile的内部是多 ...
Read more

ExpansionTile

可展开控件 ExpansionTile
上期回顾在前面的文章红我们学习了Chip的用法,使用Chip可以很方便的完成对想要的东西打上想要的标签。在文章的最后让大家实现如下的效果 其实实现起来非常的简单,使用随机的颜色和随机的图标来完成Wrap的布局,代码非常的简单。 123456789101112131415161718192 ...
Read more

Chip

提示 Chip
上期回顾在前面的文章中我们看了下Tooltip的用法,在文章的最后也给大家留了一个问题,自定义自己的Tooltip。 可以看到在上图中,同样是Tooltip,我们修改了Tooltip的背景颜色,以及装饰器的边框弧度,还有Tooltip的宽高比。 其实针对上面的界面,我们只需要修改Tool ...
Read more

Tooltip

操作提示 Tooltip
上期回顾在前面的文章中我们讲到了Wrap的用法,介绍了Flutter中的流式布局,在文章的最后让大家实现如下效果: 其实实现起来非常的简单,使用Align设置对齐方式为topCenter让Wrap上中对齐,然后自定义Button借助于Contaner和OutlineButton来实现上面 ...
Read more
Prev Next