自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Flutter 跨平台技术研究

专注 Flutter 研究的岛上码农,欢迎一起交流!

  • 博客(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 使用 ORM 框架管理数据库版本升级

使用 ORM 管理Flutter 本地的数据表结构变化的实例文章,可以支持多版本的迁移。

2023-07-02 17:53:44 823

原创 Flutter 使用 ORM 框架简化数据库管理

通过 ORM框架让 Flutter 的本地数据库管理超级简单!

2023-04-20 20:24:28 659 1

原创 Flutter 本地SQLite数据库版本升级处理

在 sqflite 中,会自动根据本地的数据库版本和当前的数据库版本进行对比,如果本地版本低于当前的数据库版本就会调用 onUpgrade 方法处理版本升级,比如字段变更,数据迁移等。

2023-04-08 18:28:10 729

原创 玩转 Flutter 的SQLite本地数据库

本篇通过一个完整的备忘录实例讲解了在 Flutter 中如何使用 sqflite 实现结构化数据本地存储。

2023-04-02 15:21:43 673

原创 Flutter 本地存储 —— 基本的键值对存储

Flutter 实现简单的键值对存储实例教程!

2023-03-26 17:13:12 467

原创 屌炸天 — 国外同行这样用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

原创 我用了几行代码就实现了界面变灰效果

界面通过后台开关变灰,只需要几行代码搞定!

2022-12-15 20:20:21 4698

原创 花里胡哨的文字特效,你学会了吗?

通过 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 实现用户偏好标签设置

通过InputChip组件轻松实现偏好标签设置。

2022-11-08 08:24:26 601

原创 使用 Flutter 轻松实现短视频上滑翻页效果

我们在短视频应用中经常会看到不停上滑浏览下一条视频的沉浸式交互效果,这种交互能够让用户不停地翻页,直到找到喜欢的视频内容,从而营造一种不断“搜寻目标”的感觉,本篇介绍如何在 Flutter 实现。

2022-10-23 20:03:18 2127

原创 Flutter 绘制 3D 效果动画

基于三维变换可以实现3D效果图形的绘制和实现3D 动效,这在有些特殊绘制的场景中或增添趣味性十分有用。

2022-09-19 19:49:44 1550

原创 封装一个有趣的 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

原创 给灭霸点颜色看看

防止灭霸打响指毁灭地球一半的人,我们要给灭霸点颜色看看!通过绘图颜色过滤器,我们要给灭霸点 Color see see。

2022-08-15 21:04:44 731

原创 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

原创 手把手教你实现一个流动的渐变色边框

手把手教你自定义绘制渐变色边框,并通过动画实现流动的效果,绘图加动画组合能够实现很多既有创意又有取的效果!

2022-07-28 19:46:26 956

原创 让你的聊天气泡丰富多彩

聊天气泡背景色太单一?本篇利用绘图实现多彩的气泡渐变背景色,随着滚动位置不同气泡颜色也不同,让你的聊天气泡丰富多彩!

2022-07-26 22:07:50 742

原创 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-10 21:45:17 1016

原创 这一篇让你彻底搞懂贝塞尔曲线的原理

贝塞尔曲线不懂画?不知道怎么回事?看这一篇就够了!用图形,点曲线运动图和公式推导,让你彻底搞懂贝塞尔曲线的运行原理!

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

原创 滚动前行的轮子 — Flutter 交错动画应用实例

交错动画实际上可以实现非常有创意的动效,本篇实现轮子滚动的效果。

2022-06-19 17:11:11 473

2021年全国县域行政区划Shape矢量文件,ArcGIS可直接打开

2021年全国县域行政区划Shape矢量文件,ArcGIS可直接打开

2022-06-23

C#写的USB通用库

国外一个开源网站写的C#的USB通用库,可以直接操作USB端口

2009-09-08

C++标准库(pdf)

The C++ Standard Library.pdf,经典著作,详细讲述了C++标准库知识及其应用。

2009-09-08

ISODATA算法实现程序

模式识别中的ISODATA算法实现的Matlab程序,可实现一维向量的任意长度聚类。

2009-06-15

C++编程语言(C++ Programming Language)

英文原版PDF,包含了很多经典的设计实例,非常详细地讲述了面向对象思想和C++代码实现。

2009-06-15

C#写的可读任意端口的串口监视助手

可以读任意串口的串口调试助手,10进制显示,并将所有数据存储。

2009-04-03

JAVA 面向对象程序设计(中文版)part2

JAVA 面向对象程序设计。经典书籍,以设计模式的方式介绍JAVA编程。

2009-02-23

JAVA 面向对象程序设计(中文版)part1

JAVA 面向对象程序设计。经典书籍,以设计模式的方式介绍JAVA编程。

2009-02-23

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除