加载中
Flutter Framework层UI绘制super.drawFrame()方法(三)

本文记录自己学习 Flutter 绘制所见源码,并不是全面详细的解析 Blog。 Flutter 源码环境:1.22.1 //此方法由[handleDrawFrame]调用,当需要布置和绘制框架时,引擎会自动调用该方法。@over...

05/22 20:41
0
Flutter Framework层UI绘制finalizeTree()方法(四)

本文记录自己学习 Flutter 绘制所见源码,并不是全面详细的解析 Blog。 Flutter 源码环境:1.22.1 //此方法由[handleDrawFrame]调用,当需要布置和绘制框架时,引擎会自动调用该方法。@over...

Flutter Framework层UI绘制 buildScope() 方法(二)

本文记录自己学习 Flutter 绘制所见源码,并不是全面详细的解析 Blog。 Flutter 源码环境:1.22.1 上篇认识到 drawFrame() 方法是 Flutter 绘制的入口,来看看这个方法做了些什么? flutter/...

Flutter Framework层UI绘制的入口(一)

本文记录自己学习 Flutter 绘制所见源码,并不是全面详细的解析 Blog。 Flutter 源码环境:1.22.1 Flutter 官方提供一张 Vsync 信号使 UI 线程和 GPU 线程相互协调渲染界面,如图所示: 由上...

05/09 20:08
0
Flutter快速开发小技巧

总结一下 Flutter 开发过程中,让我欣喜的一些代码编写技巧,分享给大家: 一 由于 Flutter 代码风格有超级多的括号,让很多初学者望而生畏,在已经写好的布局上想在套一层控件,找结束括号可...

Flutter插件开发之物理音量按键监听

Flutter 2.0 来啦,我还是很兴奋的,因为它让我感受到了 Google 对做大做强 Flutter 的决心。但今天想记录的是如何实现物理音量按键监听的 Flutter 插件,之前介绍过 Flutter 与原生的通信。...

Flutter仿真翻页效果

1-2 月份的闲暇时间,我自己就试着写过仿真翻页效果,但能力有限,写出来的效果不尽人意。可巧的是昨天我就找到别人写的仿真效果的 Flutter 源码。所以也想分享一下。但这个肯定还不是在项目...

Flutter动态加载设置字体

Flutter 有好多关于设置字体样式的教程,官网上就有,但好多都是把字体放到 assets 资源包,指定加载,这样会让 App 的包超级大不说,字体加载还死板。今天介绍一种动态加载字体的教程。 其实...

Flutter高效自刷新小技巧

Flutter 在继承CustomerPainter绘制界面时,很多情况都是通过setState来刷新绘制界面,但这种刷新方式存在弊端。在探索 CustomPainter 中高效正确的刷新方式,在 Flutter 绘制探索 1 | Cust...

flutter 简单封装一个滑动监听回调

很多 App 都有监听滑动事件来改变 AppBar 颜色,或者 AppBar 的字体颜色,亦或者是其它控件的渐变,缩放等值。我看 Flutter 并没有详细的监听事件。于是自己写了一个。效果如下: 定义回调 ...

2020/10/25 09:10
764
Flutter Android小米推送集成

Flutter 小米推送集成 最近 Flutter 项目需要集成推送,IOS 还好,Android 需要接入各个厂商的推送通道。可谓一步一坑,有时候真的是边看文档边骂。不过还好,含泪填坑后,最终集成了华为,小...

ExpansionTile控件仿QQ分组案例

ExpansionTile 控件 title:主标题控件。 leading:标题左侧控件。 backgroundColor:展开时的背景颜色。 children:子控件 s。 trailing :右侧的控件,默认为箭头。 initiallyExpanded:初...

2020/09/20 09:30
356
Flutter零碎的tips(一)

有些知识点经常用,但有时着急的时候就是想不起来,还是记录一下。 InkWell 水波纹会超出 Container 的圆角 把 InkWell 与 Container 设置同样的圆角. InkWell( onTap: (){ print("点击事件"...

2020/08/30 09:21
69
Flutter截图控件RepaintBoundary案例(一)

记录一下 RepaintBoundary 控件的简单使用。这个控件能帮我们实现截图的功能,你想截哪个控件的图,直接用 RepaintBoundary 把该控件包起来即可。 关键代码 点击截图按钮所做的事: 该代码通...

2020/08/23 09:30
9.6K
相见恨晚的Dart扩展方法

Dart 扩展方法 今早无意间看到了 Dart 居然也支持 Api 的扩展,感觉就好像发现了新大陆,之前写的好多转换方法都可以换一个更简洁,更优雅的写法。 这么好的点当然要记录一下,同时也分享给各...

2020/08/16 09:26
168
Flutter控件之Text常见属性...

Text 构造方法 Text( this.data, {//显示的内容文本 Key key,//控件标识 this.style,//风格样式;字体;字体大小;行高之类 this.strutStyle,//... this.textAlign,//对齐方式 this.textDirecti...

2019/07/12 22:10
237
Flutter之CustomPainter时钟绘制

无意间在网上看到下图的绘制效果,便想着画一个时钟,正好学习一下,先上图。 环形圆 时钟 请大家忽略那个可恶的数字“0”。。。 环形圆关键代码 @override void paint(Canvas canvas, Size...

2019/07/18 23:37
126
​Flutter控件之Container记录

构造方法 Container({ Key key,//当前widget标识 this.alignment,//子控件在容器内的对齐方式 this.padding,//内边距 Color color, //容器的背景颜色 Decoration decoration,//置背景图片、圆...

2019/07/29 21:09
0
Flutter 之贝塞尔曲线(一)

贝塞尔曲线简介 bezier1.png 由上图可以看出:A,C依据控制点B不断的取点使得AD:AB=BE:BC=DF:DE,构成一个二阶贝塞尔曲线。AD:AB的变化取值范围便是[0,1], 所以要在范围t[0,1]内描述下图 bezi...

2019/09/18 10:44
132
Flutter贝塞尔曲线之水波纹与球形进度(二)

续上篇,再用贝塞尔曲线绘制一个循环水波纹,一个水波纹进度球,先看效果,以下效果的实现用的都是二阶贝塞尔曲线。 效果图 bezierShow4.gif bezierShow3.gif 我们先实现简单的循环水波纹绘制,我...

2019/09/25 08:06
158

没有更多内容

加载失败,请刷新页面

返回顶部
顶部