APP新版本更新是常見(jiàn)的事，本文就和大家探討新版本的下載在Axure中是如何實(shí)現(xiàn)的。

預(yù)覽：

元件準(zhǔn)備

1. 全局變量：添加全局變量number，用于模擬隨機(jī)下載；
2. 添加三個(gè)矩形框，分別取名“下載大小”、“版本大小1”、“版本大小”，其中“版本大小1”和“版本大小”重合放在一起，且隱藏“版本大小”；
3. 添加一個(gè)矩形框，作為更新按鈕，取名“立即更新”，元件文字為“立即更新”，；
4. 動(dòng)態(tài)面一個(gè)，取名“下載進(jìn)度”，動(dòng)態(tài)面板中放置一個(gè)與立即更新大小一樣的矩形框(顏色不一致)；
5. 添加一個(gè)矩形框，作為進(jìn)度總長(zhǎng)度，取名“進(jìn)度總長(zhǎng)度”，顏色大小和“立即更新”一致，并隱藏；
6. 檢查更新功能，發(fā)現(xiàn)新版本增加熱區(qū)，用以更新操作；
7. 添加一個(gè)矩形框，用于其他部件，如：最新版本、新版特性等，自行根據(jù)需要準(zhǔn)備；“立即更新”、“下載大小”、“下載進(jìn)度”、“進(jìn)度總長(zhǎng)度”四者重合放置，“立即更新”放在最上層，“下載大小”和“進(jìn)度總長(zhǎng)度”隱藏，備用。

添加用例

（1）發(fā)現(xiàn)新版本熱區(qū)添加用例，在點(diǎn)擊熱區(qū)時(shí)，通過(guò)隨機(jī)函數(shù)random()生成一個(gè)數(shù)值作為本次更新的版本大小，?然后將random()生成的數(shù)值賦給“版本大小”。

接著設(shè)置“版本大小1”的文字為“版本大小”的數(shù)值加上M。

然后顯示版本更新的彈框。

（2）立即更新添加用例

case1：

①設(shè)置全局變量number

②設(shè)置“下載大小”文本

③設(shè)置“下載進(jìn)度”的尺寸，主要是寬度，高度保持不變即可

④隱藏“立即更新”，并顯示“進(jìn)度總長(zhǎng)度”、“下載大小”、“下載進(jìn)度”

case2：

判斷全局變量number的值是否小于“版本大小”的值，如果小于則再次出發(fā)“立即更新”的事件。

否則結(jié)束觸發(fā)“立即更新”的用例，設(shè)置“下載大小”的文字為下載完成后的樣式，及下載大小/版本大小M。

預(yù)覽

至此，APP升級(jí)原型已完成。

作者：無(wú)淚，個(gè)人公眾號(hào)：楊小貝，一起探討原型設(shè)計(jì)

本文由 @無(wú)淚 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自 Pexels，基于 CC0 協(xié)議