w4lle's Notes

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

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实现,提供在线服务,具体实现在项目源码地址     阅读全文

w4lle's avatar w4lle

UI2Code(一)pix2code

pix2code 项目通过机器学习,支持输入一张图片输出实际的布局代码,同时支持生成三端(Android、iOS、web)布局代码。 pix2code作为UI2Code的先驱项目,后续的相关项目或多或少的都有参考该项目的实现。     阅读全文

w4lle's avatar w4lle

51信用卡 Android 架构演进实践

随着业务的快速扩张,原本小作坊式的单个工程的开发模式越来与不能满足实际需求。早在两年多以前,51信用卡管家就向下沉淀出了单独的公用基础库,一些通用的功能组件和个别独立的业务被拆分成 SDK,形成了一套中型项目、多人并行的开发模式,也为未来组件化拆分做准备。     阅读全文