中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本篇文章將詳細地展示了如何使用動態面板實現iOS開關特效，enjoy~

最終效果

知識點

動態面板；

交互 – 設置動態面板；

交互 –?移動；

交互 –?隱藏。

制作過程

首先我們創建一個動態面板，名稱定義為“按鈕背景”，將面板尺寸設置為50?x 30，并且點擊“+”按鈕，新增2個不同的面板，名稱分別為“open”和“close”，同時我們雙擊open和close面板，在面板中分別繪制2個背景色塊（可以見事例）：

下一步，我們在主頁面繪制效果所需的元件，并且將白色元件，定義名稱為“白色按鈕”：

將顯示內容，定義名稱為“打開內容”：

下一步，我們來創建交互動作，選擇“按鈕背景”動態面板，雙擊“鼠標單擊時”，打開交互面板，首先我們來添加一個條件判斷，點擊“添加條件”按鈕，打開條件設立面板，如圖所示進行設置：

創建完成后，我們為“打開內容”元件來添加交互，如圖所示：

下一步，分別為“白色按鈕”添加移動的特效，如圖所示：

并且為“按鈕背景”動態面板進行設置。

至此，我們完成了點擊開關按鈕后，內容元件隱藏的特效。

下面我們來創建，再次點擊按鈕，內容元件顯示的效果。

選擇“按鈕背景”動態面板，雙擊“鼠標單擊時”，打開交互面板，添加case2，同樣我們先添加條件，將面板狀態設置為“close”。

下一步，為內容元素添加顯示的特效：

并且為“白色按鈕”元件，增加移動的特效：

最后，將動態面板“按鈕背景”設置面板為“open”：

全部設置完成后，點擊鍵盤“F5”按鍵，進行預覽。

源文件下載

https://pan.baidu.com/s/1mHJLeC0K6vvoFt5aFOZScQ

作者：ZQZ原型師，專注原型設計/交互設計

本文由 @ZQZ原型師 原創發布于人人都是產品經理，未經許可，禁止轉載。

題圖來自Unsplash，基于CC0協議