設計步驟:
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