国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

本篇教程將為大家展示如何使用Axure美化App移動端多選效果。

最終效果

分解頁面

制作步驟

首先我們按照上圖在場景中繪制出需要用到的元素，并且將元素單獨成組（快捷鍵CTRL+G），分別命名為：了解程度=dx / 合作意向=hzz / 下一步策略=cl。

下一步，我們創(chuàng)建交互動作，選擇上圖中第一個界面里：了解程度后的“請選擇”按鈕，雙擊“當鼠標點擊時”，為其設置顯示參數(shù)，并且將動畫設置為“向左滑動”，時間250ms。

使用相同的設置，將“合作意向”、“下一步策略”后的“請選擇”按鈕進行配置。

完成這一步，實現(xiàn)了點擊不同的按鈕，顯示不同的場景頁面。

下面，我們來設置多選的效果，也是本例的重點。我們以“了解程度”場景頁面進行舉例：

該頁面主要包含了選項的名稱（上圖左側內容），以及點擊后被勾選的顯示元素（上圖右側內容）。

這里我們?yōu)橛覀?個勾選的效果，分別命名為dx11 ~?dx15。

完成設置后，我們來創(chuàng)建點擊后顯示勾選效果的特效，選擇圖片左側的選項名稱，分別創(chuàng)建5個相同的點擊動作。

這里需要注意一點，需要一一對應，第一個選項對應dx11；第二個選項對應dx12,；依此類推。

完成后，我們將dx11~dx15這5個元素設置透明度為0，并且移動至“了解程度”頁面中，與選項坐標相同。

黃色表示元素被設置了透明度為0，并且層級高于下面的層。

然后我們給“返回”和“保存”按鈕，設置動作，點擊后，隱藏“了解程度”頁面。

最后我們將“了解程度”頁面所有元素成組，命名為“dx”，同時將“dx”透明度設置為0，順序設置為“置于頂層（Ctrl+Shift+]）”，并且將“dx”移動至主頁面，完全覆蓋主頁面。

使用相同的設置，將“合作意向”、“下一步策略”進行配置。

配置完成后，按F5即可進行預覽。

源文件下載

https://pan.baidu.com/s/1dhz3v8F5PJGGlOCs3J5-4A

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

本文由 @ZQZ原型師 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉載。

題圖來自作者。