如何复刻iOS原生iMessage联系人过渡动画？求术语与AI提示词

1. 过渡/交互模式的技术术语 #

该过渡属于iOS生态中的共享元素交互式导航过渡（Shared Element Interactive Navigation Transition），是Apple为Messages应用定制的专属自定义过渡，核心包含三个技术模块：

• 共享元素过渡：过渡过程中复用聊天页顶部的联系人头像、名称等UI元素，实现跨页面的位置/大小平滑映射
• 交互式导航过渡：支持手势拖动触发返回动画，动画进度随手势实时同步
• 玻璃态（Glass Morphism）效果：基于UIBlurEffect实现的系统级半透明模糊视觉风格，是资料页的核心视觉特征

2. 面向Claude/Codex的精准提示词模板 #

要生成像素级匹配的原生效果，提示词必须包含精准的技术规范、动画参数、交互逻辑，模板如下：

为iOS Swift应用实现像素级复刻iOS 17+ iMessage点击对话顶部联系人的过渡动画，要求：
1. 技术架构：基于UIViewControllerAnimatedTransitioning、UIViewControllerInteractiveTransitioning协议实现自定义导航过渡，集成UINavigationController的代理方法
2. 核心动画细节：
   - 共享元素映射：聊天页顶部的UIImageView（头像）、UILabel（联系人名称）作为共享元素，平滑过渡到资料页对应控件的位置，过渡过程中保持元素的缩放比例、透明度完全匹配原生效果
   - 页面视觉过渡：聊天页从顶部向下收缩，同时叠加UIBlurEffect(style: .systemUltraThinMaterialLight)模糊效果；资料页从顶部滑入，背景采用同风格玻璃态模糊，模糊效果穿透到下方聊天页
   - 动画参数：动画时长固定为0.35秒，使用UIView.AnimationCurve.easeInOut原生曲线，动画进度与手势拖动距离线性绑定
3. 交互逻辑：支持全屏左滑/下拉手势触发返回，拖动过程中实时更新过渡进度，松手时若拖动距离超过屏幕宽度的1/3则完成过渡，否则回退到原页面
4. 布局规范：资料页采用全屏布局，导航栏为透明玻璃态，顶部控件位置与iMessage资料页完全对齐，背景模糊视图使用UIVisualEffectView实现
5. 代码要求：Swift 5.9+语言，使用MVC架构，包含完整的TransitionAnimator类、TransitionInteractor类，以及视图控制器的导航代理实现，注释清晰

内容的提问来源于stack exchange，提问作者mynameisbutt