青銅修煉手冊: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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章