swiftui-liquid-glass:给 iPhone 应用穿上 iOS 26 的"液态玻璃"
一句话说清:它能让应用的界面呈现出苹果 iOS 26 那种"液态玻璃"质感——半透明、会透出背景的颜色和光线、手指按上去还有流动感,就像苹果发布会上演示的那样。
演示效果:
液态玻璃是什么感觉
如果你用过最新的 iPhone 系统,应该已经见过它——控制中心、灵动岛、各种卡片,都是这种效果。它的特别之处在于:
- 会"透":半透明,能看见背后的画面,但不是简单磨砂,会随背景颜色变化
- 会"反光":玻璃表面会反射周围的光和颜色,画面变了它跟着变
- 会"动":手指按上去,玻璃会像真的液体一样凹下去、流动
- 会"变形":界面切换时,玻璃的形状可以平滑地融化、变化
以前这种效果要么做不到,要么要装第三方库、效果还很生硬。这个技能就是让开发者用苹果官方的方式做出这种质感。
用它能做到什么
对不懂代码的人来说,记住这个效果就行:
应用里的按钮、卡片、图标、弹窗,全部可以变成这种半透明的玻璃质感。
举几个例子:
- 一个"确认"按钮,做成发光的玻璃按钮,比普通按钮高级一大截
- 一排功能图标,各自是一块小玻璃,悬停或触摸时会轻轻浮起、发光
- 一个大卡片,背景的画面透过玻璃若隐若现,随画面流动
- 界面切换时,玻璃卡片像水滴一样平滑地融化变形,而不是生硬地跳出来
它为什么值得用
1. 是苹果官方的东西,不是野路子
这是 iOS 26 系统自带的设计能力,苹果官方推荐。效果和系统自带的界面完全一致,不会像第三方库那样"看起来像仿的"。
2. 用起来特别省事
开发者只需要写极少量的代码,就能把普通界面变成玻璃质感。对开发者来说省时间,对产品来说出效果。
3. 自带"保底方案"
旧版本的 iPhone 系统不支持这个效果,技能里已经写好了自动降级:旧系统上界面会自动退回普通的半透明质感,不会出问题、不会崩。
4. 有现成的"使用规范"
技能不是丢一堆功能让你自己摸索,而是告诉你:什么场景该用玻璃、怎么用最好看、哪些地方不该用。照着做就不会翻车。
适合谁
- 做 iPhone 应用开发的人,想跟上苹果最新的设计风格
- 想让自己的应用界面显得更精致、更有"苹果味"的团队
- 已经用了液态玻璃、但不确定用得对不对的人
如果你只是用户,不需要懂任何技术——你只需要知道:下次看到一个应用界面是这种会透光、会流动的玻璃质感,那很可能就是用这个技能做出来的。
开源地址:https://github.com/Dimillian/Skills(本技能来源于该仓库的 swiftui-liquid-glass 技能)