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

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

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

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

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

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

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

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

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

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

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

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

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