w4lle's Notes

人生如逆旅,我亦是行人。

w4lle's avatar w4lle

Flutter UI 渲染浅析(六)Paint

系列文章的第六篇,本篇文章继续分析下Paint绘制过程及Layer Tree。     阅读全文

w4lle's avatar w4lle

Flutter UI 渲染浅析(五)Layout

系列文章的第五篇,本篇文章主要分析下 Render Tree 的构建及 Layout 过程。     阅读全文

w4lle's avatar w4lle

Flutter UI 渲染浅析(四)Build

系列文章的第四篇,本篇文章主要分析下 Element.rebuild() 过程。 源码基于 Flutter v1.20.4。     阅读全文

w4lle's avatar w4lle

Flutter UI 渲染浅析(三)Animation 原理

系列文章的第三篇,本篇文章主要分析下收到 VSync 信号回调后 Dart Framework 触发动画的过程及动画实现原理。 基于 Android 平台,Flutter v1.20.4。     阅读全文

w4lle's avatar w4lle

Flutter UI 渲染浅析(二)VSync 注册

在 Flutter App 启动过程或者 State 刷新过程中,会请求注册 VSync 信号。 本篇文章主要分析下 VSync 信号注册以及回调过程。 基于 Android 平台,Flutter v1.20.4。     阅读全文

w4lle's avatar w4lle

Flutter UI 渲染浅析(一)总览

Flutter UI 渲染系列文章,基于 Flutter v1.20.4     阅读全文

w4lle's avatar w4lle

Flutter 工程架构

本文主要介绍Android视角下在已有 App 中嵌入 Flutter 应用的实践,iOS 的方案思路基本一致。     阅读全文

w4lle's avatar w4lle

Flutter 混合栈管理

Flutter 混合栈管理本文主要聊一下 Flutter 混合栈,由于 Flutter 版本跨度较大,所以 Flutter API 也有很大变化,下文中前几个方案的实现看看就好,不用深究。重点关注兼容目前 Flutter 版本(v1.9.1) 的实现。本文以 Android 平台为例进行讲解。     阅读全文

w4lle's avatar w4lle

UI2Code(三)imgcook

imgcook是阿里实现的基于sketch或Ps设计稿,自动生成布局代码的工具,支持生成支持flexbox布局的代码,包括JARVIS、Vue、微信小程序、React、H5、Rax等等。由两部分组成,一个是sketch(Ps)插件,另外一部分是imgcook平台。     阅读全文

w4lle's avatar w4lle

UI2Code(二)pixeltoapp

pixeltoapp 是一个通过传统图像处理把屏幕截图转换为 Android 代码的项目,使用python实现,提供在线服务,具体实现在项目源码地址     阅读全文