APP新版本更新是常見的事，本文就和大家探討新版本的下載在Axure中是如何實現的。
預覽：
元件準備
- 全局變量：添加全局變量number，用於模擬隨機下載；
- 添加三個矩形框，分別取名「下載大小」、「版本大小1」、「版本大小」，其中「版本大小1」和「版本大小」重合放在一起，且隱藏「版本大小」；
- 添加一個矩形框，作為更新按鈕，取名「立即更新」，元件文字為「立即更新」，；
- 動態面一個，取名「下載進度」，動態面板中放置一個與立即更新大小一樣的矩形框(顏色不一致)；
- 添加一個矩形框，作為進度總長度，取名「進度總長度」，顏色大小和「立即更新」一致，並隱藏；
- 檢查更新功能，發現新版本增加熱區，用以更新操作；
- 添加一個矩形框，用於其他部件，如：最新版本、新版特性等，自行根據需要準備；「立即更新」、「下載大小」、「下載進度」、「進度總長度」四者重合放置，「立即更新」放在最上層，「下載大小」和「進度總長度」隱藏，備用。
添加用例
（1）發現新版本熱區添加用例，在點擊熱區時，通過隨機函數random生成一個數值作為本次更新的版本大小， 然後將random生成的數值賦給「版本大小」。
接着設置「版本大小1」的文字為「版本大小」的數值加上M。
然後顯示版本更新的彈框。
（2）立即更新添加用例
case1：
①設置全局變量number
②設置「下載大小」文本
③設置「下載進度」的尺寸，主要是寬度，高度保持不變即可
④隱藏「立即更新」，並顯示「進度總長度」、「下載大小」、「下載進度」
case2：
判斷全局變量number的值是否小於「版本大小」的值，如果小於則再次出發「立即更新」的事件。
否則結束觸發「立即更新」的用例，設置「下載大小」的文字為下載完成後的樣式，及下載大小/版本大小M。
預覽
至此，APP升級原型已完成。
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/274194.html
微信掃一掃 
支付寶掃一掃 