A group component with realistic iOS-style push and modal transitions. Add any layer inside the screen. Use the Touch button on the component to get information about the screen's presentation status.
一个模拟iOS的页面左右和上下切换的组。在 Screen 内添加任意一个图层。使用 Touch 按钮获取有关屏幕呈现状态的信息。
属性
Enable 启用
A boolean that is true when the screen is displayed.
Present 显示
A pulse that presents the screen by animating it in.
显示屏幕动画的交互连接口。
Dismiss 隐藏
A pulse that dismisses the screen by animating it out.
取消显示屏幕的交互连接口。
Transition 过渡
The animation style: Push or Modal.
动画样式:左右、上下.
Start State 开始状态
The starting position: Dismissed or Presented.
初始状态:隐藏或显示。
Edge Swipe 边缘滑动
A boolean that is true when edge-swiping is enabled.
勾选启用边缘滑动。
X Offset X轴偏移
A number that represents the horizontal offset of the screen.
表示屏幕水平偏移的数字。
Touch 按钮
Progress 进度
A progress value that represents presentation (0 for dismissed, 1 for presented). Used to synchronize other animations.
表示进度的值(0表示已隐藏,1表示已显示)。用于同步其他动画。
X Offset
The X position for sliding the prior screen left in a Push transition. Connect to the X Offset of the prior screen.
用于在推送转换中滑动先前屏幕的X位置。
连接到先前屏幕的X偏移。
全部图层,查看 图层目录
Related Patches 相关模块
Related Layers 相关图层
Action Sheet 操作表,Activity Indicator 加载菊花,Alert View 警告弹窗,Fake Keyboard 模拟键盘,Page Control 翻页小点,Slider 滑块,Status Bar 状态栏,Switch 开关,Tab Bar 标签栏,Text Field 文本输入框,Visual Effect 毛玻璃效果
Related Learn Content 相关课程
Screen Transitions
Create screen flows.
Related Examples 案例
Instagram Boomerang
Transition between screens and scrolls in Boomerang.