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