作者简介Leo,携程高级移动开发工程师,关注跨端技术,致力于高效、高性能开发。Jarmon,携程高级移动开发工程师,专注 Flutter、iOS 开发。一、背景随着各种多端技术的蓬勃发展,项目主体从纯 Native 项目,到 Native+RN,到现在的 Native+RN+Flutter。基于我们的业务都在 Flutter 技术栈上面,这要求我们需要嵌套展 ......
52
0
0
2024-01-16
Flutter会在屏幕上绘制Widget。如果一个Widget的内容需要更新,那就只能重绘了。尽管如此,Flutter同样会重新绘制一些Widget,而这些Widget的内容仍有部分未被改变。这可能会影响应用程序的执行性能,有时影响会非常巨大。如果您正在寻找一种方法,来防止不必要的部分重绘,您可以考虑利用RepaintBoundary。在这篇博客理,我们将探 ......
54
0
0
2024-01-14
目录前言思路效果实现编译 Mac 版可执行文件内置可执行文件和 ffmpeg设置配置信息执行命令UI 实现最后前言前段时间准备做一个视频,最后需要添加字幕,手动添加太麻烦了就想在网上找一个能自动提取字幕的软件或服务,确实是找到了,但是免费版基本上都有诸多限制,比如现在视频时长等等,后来在 Github 找到一个开源的版本是使用云平台的语音识别实现的,云服务的 ......
135
0
0
2023-09-10
目录实现效果如图:​实现思路1、底部返回键旋转动画2、底部四个栏目变速上移动画+渐变动画3、中间图片渐变动画4、顶部文案渐变动画+下移动画5、注销动画总结在Android App的开发项目中,我们需要在点击事件上实现一个动画效果来提高用户的体验度。比如闲鱼底部中间按钮的那种。该怎么实现呢? 一起来看看吧实现效果如图:​实现思路根据UI的设计图,对每个模块设计 ......
114
0
0
2023-09-08
目录前言动效闲鱼动效仿写效果思路1、底部返回键旋转动画2、底部四个栏目变速上移动画+渐变动画3、中间图片渐变动画4、顶部文案渐变动画+下移动画5、注销动画前言目前正在做的项目,为了增加用户的体验度,准备增加一些动画效果,其中底部栏中间按钮的点击事件参考了闲鱼的动效,便在此基础上仿写了该动效,并增加了一些新的效果。动效闲鱼动效仿写效果思路根据UI的设计图,对每 ......
149
0
0
2023-08-15
目录正文使用网络图片把网络图片缓存到磁盘使用 assets 图片适配浅色与深色模式在不同的设备使用不同分辨率的图片关于设备 dpr 不完全匹配的处理忽略 dpr 信息使用相册图片使用相机拍摄的图片使用内存图片图片用做装饰图片预加载centerSlicecenterSlice 只能放大,不能缩小。全局缓存 ImageCache 的设置图片类之间的关系Image ......
120
0
0
2023-08-07
目录引言服务端渲染css 放哪里更新 css如何利用本地 css 快速显示页面浏览器渲染如何启动本地server如何让 WebView 的页面请求走本地服务优化图片请求代码实现代码逻辑关于图片类型关于图片地址把图片缓存到磁盘。总结一下服务端染页面方案浏览器渲染方案图片缓存番外引言WebView 的文章分两篇在 Flutter 中使用 webview_flut ......
173
0
0
2023-08-07
目录前言实现原理1. 基本原理2. 具体步骤3. 原理图插件实现实现过程中的坑使用方式写在最后前言通过此篇文章,你将了解到:Flutter如何在Android上实现多窗口机制;Flutter与Android的事件机制和冲突解决;Flutter多窗口存在的隐患和展望。Flutter在桌面端的多窗口需求,一直是个历史巨坑。随着Flutter的技术在我们windo ......
132
0
0
2023-08-06
目录前言Windows平台接入模块化拆解XModule基于vcpkg的C++依赖管理总结前言Windows应用开发有着较为丰富和多样的技术选型。C#/WPF 这种偏Native的闭源方案,目前开发人员相对比较小众了。C++/QT 的跨平台框架,C++对于GUI开发来说上手会更难。JavaScript/CEF/Electron 基于Chromium 的跨端框架 ......
145
0
0
2023-07-30
目录菜单组件介绍MenuAnchor组件SubmenuButton 联级菜单按钮MenuItemButton 菜单按钮组件MenuBar 多菜单联级菜单头部Bar菜单样式 MenuStyle原生系统菜单系列组件小结菜单组件介绍本次Flutter稳定版本菜单系列组件新增了 MenuAnchor、MenuBar、SubmenuButton、MenuItemBut ......
117
0
0
2023-07-29
目录1、计算每个区块的高度2、实现分析-tabBar透明度渐变3、实现分析-app上下滚动触发tabBar4、实现分析-tabBar切换触发app滚动5、源码有以下几种效果1、tabBar透明度随偏移0-1渐变过度2、app上下滚动触发tabBar同步滚动3、tabBar切换触发app上下同步滚动1、计算每个区块的高度用keyList保存声明的key,用he ......
116
0
0
2023-07-27
目录1、什么是key2、key的更新原理3、key的分类GlobalKeyLocalKey总结1、什么是keyWidget中有个可选属性key,顾名思义,它是组件的标识符,当设置了key,组件更新时会根据新老组件的key是否相等来进行更新,可以提高更新效率。但一般我们不会去设置它,除非对某些具备状态且相同的组件进行添加、移除、或者排序时,就需要使用到key, ......
134
0
0
2023-07-24
目录1、StatefulWidget的背后2、StatefulWidget的生命周期2.1创建阶段2.2更新阶段2.3销毁阶段总结:1、StatefulWidget的背后flutter开发过程中,我们经常会用到两个组件StatelessWidget和StatefulWidget。前者为无状组件,后者为有状态组件,无状态组件通常在创建后内部的数据无法改变,而有 ......
146
0
0
2023-07-20
目录前言开发思路先上效果开发细节使用RawKeyboardListenerProvider层对事件进行处理注意总结文件参考TV keyCode详解前言最近公司有了新的业务,把现有Flutter Android项目应用到TV上去,这不,Asscre的活就来了。本文详细说明Flutter for TV的两种实现方式,能力有限,不足之处欢迎指点,哈哈哈开发思路在开 ......
209
0
0
2023-07-01
目录flutter中的布局(使用)放置一个组件app 本身就是个组件Material apps 和 Non-Material apps自适应和响应式flutter实现响应式的方法小结flutter中的布局flutter布局机制的核心是组件。在flutter中,几乎所有的东西都是组件,布局模型也不例外。图片,Icon, 文本等等,我们在flutter客户端中看 ......
139
0
0
2023-06-30