- 博客(269)
- 资源 (9)
- 收藏
- 关注
原创 推荐一个简单实用的可拖拽的 GridView 组件
在我们日常开发中,使用GridView这种网格视图的场合还是不少的,比如照片墙、九宫格等等。有一个场景就是需要对网格的元素进行拖拽排序,这个时候 Flutter 自带的GridView就无法满足了。本篇我们来介绍一个支持拖拽的GridView组件,可以轻松搞定网格视图的拖拽排序,这个组件就是。本篇向大家推荐了一款简单实用的可拖拽GridView组件,基本上可以满足我们大部分支持拖拽的网格视图应用。大家如果有用过类似的组件,也欢迎在评论区推荐一下。
2023-08-10 14:14:03 477
原创 像支付宝那样“致敬”第三方开源代码
通常我们在 App中会使用第三方的开源代码,按照许可协议,我们应该在 App 中公开使用的开源代码并且附上对应的开源协议。当然,实际上只有少部分注重合规性的大厂才会这么干,比如下图是支付宝的关于界面的第三方信息。当然,对于小企业,基本上都不会放使用的第三方开源代码的任何信息。不过,作为一个有“追求”的码农,我们还是想对开源软件致敬一下的,毕竟,没有他们我都不知道怎么写代码。然而,我们的 App 里用了那么多第三方开源插件,总不能一个个找出来一一致敬吧?怎么办?
2023-08-05 21:15:16 332
原创 Flutter 搞定宽高不统一的布局开发
我们在开发移动端界面的时候,经常会遇到一组尺寸不一的组件需要作为同一组展示,典型的就是下面这种搜索历史。搜索内容的文字长短不一,导致显示的宽度不一致。而且,需要根据屏幕的宽度来自动换行显示。
2023-07-16 21:47:04 711
原创 Flutter 本地SQLite数据库版本升级处理
在 sqflite 中,会自动根据本地的数据库版本和当前的数据库版本进行对比,如果本地版本低于当前的数据库版本就会调用 onUpgrade 方法处理版本升级,比如字段变更,数据迁移等。
2023-04-08 18:28:10 729
原创 玩转 Flutter 的SQLite本地数据库
本篇通过一个完整的备忘录实例讲解了在 Flutter 中如何使用 sqflite 实现结构化数据本地存储。
2023-04-02 15:21:43 673
原创 屌炸天 — 国外同行这样用ChatGPT提高Flutter开发的效率
作为一个Flutter的开发者,我们肯定希望能够寻求手段来改进开发效率,让开发工作更顺畅。现在,Chat GPT能够帮我们达到这个目的了。本篇,我们将向你展示如何使用Chat GPT提高Flutter开发者的效率。可以看到,Chat GPT是一个可以大幅提升Flutter 开发者生产力的伟大工具。在本文的案例中,Chat CPT成功搞定了我们的需求。
2023-03-19 20:29:52 4385
原创 Flutter 增强版的页面悬浮按钮(FloatingActionButton)
安利一个可以增强Flutter 自带的 FloatingActionButton 的组件,点击后可以展开更多操作,简单易用。
2023-02-05 17:06:17 1941
原创 介绍一个令强迫症讨厌的小红点组件
小红点,然后让强迫症用户“没法活”。 为了 KPI,程序员也不得不实现这样令人讨厌的功能。本篇介绍能让你轻松搞定小红点的 Flutter 组件 —— Badge。
2023-01-28 17:22:25 593
原创 花里胡哨的文字特效,你学会了吗?
通过 ShaderMask 组件我们可以对子组件进行着色,从而改变子组件原来的颜色,实现如渐变色填充、图片填充等效果。
2022-12-06 21:30:29 529
原创 Flutter 这个评分组件用起来真香
使用起来很简单但很强大的评分组件,能够覆盖绝大部分的评分使用场景。可以利用该组件来节省我们开发的时间,而且体验也可以根据需要来定制。
2022-12-02 19:42:47 2160
原创 这一篇让你搞定 Flutter 的数据表格
墙裂推荐!使用 DataTable 搞定基础数据表格,使用 SfDataGrid 几乎能满足所有复杂表格的开发。
2022-11-25 16:31:48 2057
原创 用 Flutter 轻松做个红包封面
通过 FittedBox 可以调整子组件适配父组件的方式,非常实用。我们利用 FittedBox 轻松搞了一个红包封面。
2022-11-20 18:41:32 1264
原创 使用 Flutter 轻松实现短视频上滑翻页效果
我们在短视频应用中经常会看到不停上滑浏览下一条视频的沉浸式交互效果,这种交互能够让用户不停地翻页,直到找到喜欢的视频内容,从而营造一种不断“搜寻目标”的感觉,本篇介绍如何在 Flutter 实现。
2022-10-23 20:03:18 2127
原创 封装一个有趣的 Loading 加载动画组件
通过绘图和动画实现有趣的loading效果,并完成组件的封装,使得组件可以开箱即用。在实际应用过程中可以根据需要,修改源码实现其他有趣的loading效果。
2022-09-05 21:24:05 9177 1
原创 普通的加载千篇一律,有趣的 loading 万里挑一
看太多普通的“转圈”加载效果了,是不是觉得太单调?本篇带你实现几个有趣的 loading 动效,做一个有趣味的程序员!
2022-08-29 21:27:18 794
原创 看完这篇,你也可以画出有趣的动态曲线
利用 Flutter 的 PathMetric可以获取绘制路径的属性和子路径,通过这种方式就可以实现有趣的动态曲线绘制。
2022-08-25 20:26:35 528
原创 由点汇聚成字的动效炫极了
通过随机散乱的圆点最后组合成了想要的文字,这样的动画效果酷炫极了。看看如何通过点阵构建想要的文字和图形,还可以搞定酷炫的动画。
2022-08-17 21:25:19 863
原创 Flutter 绘制美不胜收的光影流动效果
谁说代码就一定是枯燥无趣的?用代码绘制一场变幻的“光影秀”,在光影流动中感受编程之美,让写代码带给我们更多的趣味。
2022-08-08 19:36:33 1565
原创 Flutter 实现背景图片毛玻璃效果
我们来看看如何使用 CustomPaint 实现毛玻璃背景图效果。毛玻璃背景图其实就是将图片进行一定程度的模糊,背景图经过模糊后更加虚幻,使得前景和后景就会有层次感。
2022-08-04 20:48:05 2318
原创 Flutter 实现光影变换的立体旋转效果
利用图片的光影效果,配合动画实现立体旋转效果,探索 Flutter 的绘图的精妙之处,发掘编程之美!
2022-08-01 22:33:48 1090
原创 Flutter 通过拖拽调整绘制图形
本篇介绍了如何通过拖拽调整曲线绘制的控制点来调整图形,实际上很多绘图都可能用到拖拽式的控制点位的调整,比如电子围栏的设置。
2022-07-21 15:41:54 1016 3
原创 通过屏幕交互绘制贝塞尔曲线
之前几篇我们介绍了贝塞尔曲线的原理、绘制曲线和动效实现,这些都是代码预设好的,如果我们要根据需要自行绘制曲线,就需要使用交互来实现了。本篇我们先来介绍简单的交互式绘图。
2022-07-18 20:33:54 579
原创 Flutter 绘制非常有趣的贝塞尔曲线动画
动画加贝塞尔曲线,能玩出新花样?本篇使用 Flutter 的动画来控制贝塞尔曲线,探索一下两者组合的绘制趣味性!
2022-07-15 19:46:50 783
原创 用贝塞尔曲线玩出来的花样简直不要太美
三阶贝塞尔曲线绘制的曲线更为平滑,而且可以通过不同的组合绘制精美的图案出来,这也让我们体会到了贝塞尔曲线的美。
2022-07-13 19:17:04 769
原创 这一篇让你彻底搞懂贝塞尔曲线的原理
贝塞尔曲线不懂画?不知道怎么回事?看这一篇就够了!用图形,点曲线运动图和公式推导,让你彻底搞懂贝塞尔曲线的运行原理!
2022-07-07 20:38:06 575
原创 Flutter 绘制波浪移动动画效果,曲线和折线图
掌握了线条绘制方法后,我们可以绘制各类曲线或折线,如果耗费点时间,也可以做出漂亮的图表效果来。
2022-07-04 20:36:12 1773
原创 用 Flutter 的 Canvas 画点有趣的图形
本篇介绍了基于 Flutter 的 CustomPaint 绘制定制化图形的示例,可以看到,其实只要 UI 小姐姐给出的图形能够用数学表达式表示出来,都可以用 Canvas 实现!
2022-06-30 21:14:09 837
原创 Flutter 使用 CustomPaint 绘制基本图形
本篇介绍了 CustomPaint 绘制基本图形的方法和示例,实际上 Flutter 的 Canvas 提供了很多其他绘制图形的方法,如绘制线条,绘制圆角矩形,绘制文本等等,有兴趣的可以参考官网的说明文档查看各个方法的使用。...
2022-06-27 20:01:57 802
原创 初识 Flutter 的绘图组件 — CustomPaint
本篇介绍了 Flutter 绘图组件 CustomPaint 的基本使用,可以看到 CustomPaint 使用起来并不复杂。
2022-06-23 20:18:48 706
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人