二分电台

#34 移植 Fluent UI 到 Compose Multiplatform

本期采访了 compose-fluent 团队的三位核心成员 Yaco、123哆3 以及 Sanlong。这期跳出傳統 Android/iOS 圈子,直接杀到一个融合领域,聊聊前述的超酷开源项目:把 Fluent UI (微软的设计语言) 搬到 Compose Multiplatform (CMP) 上!三位发起人都是觉得 Material Design 在桌面端用起来“不舒服”,然后这个由学生和非传统开发者组成的团队,靠着一腔热血,弥补了 CMP 桌面 UI 组件稀缺的空白。

  • Fluent 及其前身:嘉宾们带我们回顾了超前卫的 Metro 设计 (Windows 7/8,Zune,Win Phone),它模仿地铁指示牌,特点是黑色背景、大色块、大字——虽然微软后来转向了 Fluent UI,且最新的 Fluent 2 更显大众化。特别值得一提的是 Mica (云母) 材质,它在模糊背景壁纸的同时,兼顾了性能消耗,对老设备超友好!
  • 开发者的血泪史:移植 Fluent UI 真是步步是坑!Compose 只支持内边框,但 Fluent UI 偏偏要外边框,导致团队只能自己造轮子。更麻烦的是,半透明边框在系统缩放(非整数像素)下会难以贴合。最狠的是动画参数文档不全,开发者只能录屏然后一帧一帧地“手搓”出效果!
  • 设计哲学讨论:对于跨平台设计,大家推崇 “入乡随俗”,即结合平台原生操作和自身品牌特色。设计规范(如 Fluent/Material)则为不擅长设计的开发者提供了 “兜底”支持”。
  • 私心好物分享:Yaco 推荐了性价比超高的 Meta Quest 3 VR 设备;123哆3 力推拯救中文排版的 The Type;Sanlong 则推荐 KMP 开发者入门的 Mac Mini (M4)。

相关信息:

  • Windows Fluent UI 的 Figma
  • 仿 Zune 的 Flutter 编写的播放器 Rune
  • 边框的 1px gap PR
  • Meta Quest 3
  • The Type
  • Mac Mini M4
  • 公众号:Android高效开发、南瓜饼日常
  • 二分电台官网
  • 关于和版权信息

AB 的联系方式:

  • 关于 AB

项目地址和三位嘉宾的 Github(见 Contributors):

  • compose-fluent