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.