在進(jìn)行原型設(shè)計(jì)時(shí)，我們常常需要考慮不同終端設(shè)備的適配問(wèn)題，比如手機(jī)、平板電腦和臺(tái)式機(jī)等。為了實(shí)現(xiàn)自適應(yīng)效果，Axure RP提供了自適應(yīng)視圖功能。 1. 點(diǎn)擊菜單，選擇項(xiàng)目 > 自適應(yīng)視圖 打開A

在進(jìn)行原型設(shè)計(jì)時(shí)，我們常常需要考慮不同終端設(shè)備的適配問(wèn)題，比如手機(jī)、平板電腦和臺(tái)式機(jī)等。為了實(shí)現(xiàn)自適應(yīng)效果，Axure RP提供了自適應(yīng)視圖功能。

1. 點(diǎn)擊菜單，選擇項(xiàng)目 > 自適應(yīng)視圖

打開Axure RP軟件后，點(diǎn)擊頂部菜單中的“項(xiàng)目”選項(xiàng)，然后選擇“自適應(yīng)視圖”。這樣會(huì)打開自適應(yīng)視圖窗口，默認(rèn)顯示基本視圖。

2. 設(shè)置不同分辨率的視圖

在自適應(yīng)視圖窗口右側(cè)，有一個(gè)名為“預(yù)設(shè)”的下拉框。點(diǎn)擊該下拉框可以看到不同分辨率的視圖選項(xiàng)。選擇適合你需求的高分辨率選項(xiàng)，然后點(diǎn)擊綠色加號(hào)按鈕。例如，選擇平板橫向選項(xiàng)，這樣就設(shè)置了1024和1200兩種尺寸的分辨率。

3. 在頁(yè)面中啟用自適應(yīng)視圖

新建一個(gè)名稱為“自適應(yīng)視圖”的頁(yè)面，并在屬性面板的“檢視區(qū)域”部分勾選“啟用自適應(yīng)”選項(xiàng)。這樣，在工作區(qū)域的頂部會(huì)顯示先前設(shè)置的視圖。

4. 為元素添加自適應(yīng)視圖觸發(fā)事件

在頁(yè)面上拖拽一個(gè)圖片元素，并為其添加鼠標(biāo)觸發(fā)事件。在用例編輯窗口中，選擇“添加動(dòng)作”下面的“自適應(yīng)視圖”選項(xiàng)。在右側(cè)配置動(dòng)作中，可以選擇三種不同的視圖。

5. 預(yù)覽并調(diào)整瀏覽器窗口大小

完成上述配置后，可以點(diǎn)擊預(yù)覽按鈕進(jìn)行預(yù)覽。當(dāng)瀏覽器窗口大小改變時(shí)，頁(yè)面會(huì)自動(dòng)適應(yīng)不同的終端設(shè)備，實(shí)現(xiàn)自適應(yīng)效果。

通過(guò)以上步驟，我們可以在Axure RP中輕松地設(shè)置自適應(yīng)視圖，從而更好地滿足多終端設(shè)備的需求。