分类: Flutter

23 篇文章

thumbnail
Flutter开发笔记 —— 防抖和节流的应用实战
前言 我们在开发客户端或者Web端中,总是会遇到用户多次点击登录,而造成多次的网络请求,如果不做限制,不光用户体验差,同时可能也会给服务器带来一定量的负担,而如何避免遇到这种问题呢? 本文就引出了“防抖”、“节流”两个概念 接下来简单讲下这两个东西 防抖节流 基础概念 节流(throttle)与 防抖(debounce)都是为了限制函数的…
thumbnail
Flutter开发笔记 —— 仿Telegram图片机制组件开发的简单实现
前言 最近在找项目demo练手,刚好看到Tg上图片组件这个小组件挺好玩的,顺手写了一下,希望对你有帮助 需求分析 效果图 我们从上图可以分析下需求 底图一张 高斯模糊 断片下载 & 中断处理 图片下载状态 & 中断状态相关loadding 接下来我们开始实现相关功能 功能实现 基础部分 底图和高斯模糊的UI比较好做,而且这里的Cus…
thumbnail
Flutter开发笔记 —— 打字机文本效果实战
前言 今天逛掘金,突然看到一个打字机相关功能的一篇文章,想着自己也实现下,功能很简单,话不多说,看正文。 功能分析 打字机的功能效果有哪些 最终文本 当前文本 闪烁光标 最后我们根据自己的实际需求定义秒数展示即可。 功能实现 最终文本、当前文本用两个变量进行处理,我们下文围绕着光标处理讲述 光标功能 光标功能闪烁:我们可以用动画配合透明度进行实现(…
thumbnail
Flutter开发笔记 —— 兼容HarmonyNext系统应用实战
前言 最近在日常的开发工作中遇到了需要兼容HarmonyNext系统上的任务,后续根据查阅相关资料以及自己的花费一定时间踩坑,特地写下本文章已做记录,希望对你们有帮助。 开发环境 操作系统:Ubuntu Linux x64 和 MacOS(用来安装DevEco-Studio,用来打开模拟器,由于安装过于简单就不详细介绍了) 兼容HarmonyNex…
thumbnail
Flutter开发笔记 —— 矩阵应用在CustomPainter的基础应用
前言 好久没有写文章了,最近在学习手势绘制时开发了一个简易的电子白板demo,后续会单独写一个电子白板的项目开发实战,在开发当中处理白板中各种手势时,增加矩阵的效果,但是在使用矩阵时碰到了发生矩阵变换后,需要重新计算当前相对的点位从而不影响当前手势的正确绘制,所以在我踩坑后,特地写下这篇文章,希望对你有帮助 效果视频 逻辑 这里不做详细的绘制逻辑,…
thumbnail
Flutter开发笔记 —— 绘制糖豆人动画
前言 今天在掘金上看到用Flutter绘制糖豆人动画的相关教程,心血来潮,简单看了一下思路,自己实现了一下 原文地址:https://juejin.cn/post/7088268036804706318 功能展示 实现逻辑 动画 定义两个Animation Controller & Animation<double> 分别控制身…
thumbnail
Flutter开发笔记 —— sqflite插件数据库应用
前言 今天在观阅掘金大佬文章的时候,了解到了该 sqflite 插件,结合官网教程和自己实践,由此总结出该文,希望对大家的学习有帮助! 插件详情 Flutter的 SQLite 插件。支持 iOS、Android 和 MacOS。 支持事务和batch模式 打开时自动进行版本管理 插入/查询/更新/删除查询的助手 iOS 和 Android 上的数…
thumbnail
Flutter开发笔记 —— 语音消息功能实现
前言 最近在开发一款即时通讯(IM)的聊天App,在实现语音消息功能模块后,写下该文章以做记录。 注:本文不提供相关图片资源以及IM聊天中具体实现代码,单论语音功能实现思路 需求分析 比起上来直接贴代码,我们先来逐步分析一下一个正常语音消息的需求是如何的? 长按语音按钮录制用户语音内容 松开按钮后发送语音消息至目标 从上可得,我们需要针对于用户的语…
thumbnail
Flutter学习笔记 —— 自定义Slider滑动条组件
前言 最近在做一个需要自定义Slider组件的功能,因为原生的那个不能配置相关的Circle 以及宽高,既然不能,那我们自己重写一个 思路 基础功能 在开始实现之前,我们先来想一想一个滑动条拥有那些基础功能 最大值最小值update方法水平滑动手势必须为Update类型 当然还可以添加其他属性,如果你是需要做缩放功能的可以加一个scale 缩放值 …