1. 程式人生 > >青銅修煉手冊:Axure進度條

青銅修煉手冊:Axure進度條

設計步驟:

1.拖放一個480X20的白底灰框矩形,命名為【矩形條】

2.拖放一個1X20的灰底灰框矩形,命名為【進度條】,放【矩形條】的最左側

3.拖放一個文字標籤,放在【矩形條】的正中間,命名為【百分比】,初始狀態設定為隱藏。

4.設定“進度條”的載入時用例 :

        在【進度條】載入時設定其尺寸的寬為【矩形條】的寬,高為20,錨點為左側,動畫為線性,時間為5000毫秒。

5. 設定“百分比”的載入時用例:

          設定“百分比”載入時顯示當前原件

6. 設定“百分比”的顯示時用例:

(1)設定文字文字為【進度條】寬度佔【矩形條】寬度的百分比

(2)等待0毫秒

(3)隱藏當前元件

(4)顯示當前元件 

7.完成,點選預覽一下

 原型檢視效果地址:https://ldjljp.axshare.com

 原型RP檔案下載地址:https://download.csdn.net/download/qq_27884377/10786144