RAKCHEEV.ME
项目 / GlassComposer
GlassComposer
iOS 上的 Liquid Glass 聊天输入栏，和参考图逐像素对齐。
- 角色
- 设计和开发
- 平台
- iOS
- 技术栈
- SwiftUI, UIKit, XCUITest
- 代码
- 私有仓库
任务
用新的 Liquid Glass 风格重做 ChatGPT 的 iOS 输入栏，让人分不出和原版的差别。组件要像真的一样：所有过渡、面板和键盘。
过程
我从原版量了尺寸，用 SwiftUI 做组件，文本框用 UIKit。从紧凑胶囊到两行、再到全屏的过渡，推理强度滑块、附件菜单和照片卡片是分开做的，并在慢动作里调过。iOS 27 键盘和浮层挨在一起时的行为单独写过。
结果
和原版的重合由 25 个截图 UI 测试检查，全部通过。例如紧凑行是 38–382 pt，ChatGPT 是 38.3–381.7 pt，品牌蓝 #0087FF 一致。
喜欢这个做法？