當(dāng)前位置: 首頁 > 攻略教程 > 軟件教程 > Axure RP 8.0設(shè)計(jì)出自適應(yīng)頁面元件的操作過程

Axure RP 8.0設(shè)計(jì)出自適應(yīng)頁面元件的操作過程

時(shí)間:2024-11-30 13:58:07 編輯:易網(wǎng)VIP游戲門戶 閱讀:0

說到Axure RP 8.0想必伙伴們都知道吧,那么入手后知道如何才能設(shè)計(jì)出自適應(yīng)頁面元件嗎?不熟悉的伙伴一起開看看Axure RP 8.0設(shè)計(jì)出自適應(yīng)頁面元件的操作過程吧。

Axure RP 8.0設(shè)計(jì)出自適應(yīng)頁面元件的操作過程

Axure RP 8.0設(shè)計(jì)出自適應(yīng)頁面元件的操作過程

1、雙擊打開Axure RP 8.0軟件,在基本元件中拖曳一個(gè)矩形1到畫布上,如圖所示:

Axure RP 8.0設(shè)計(jì)出自適應(yīng)頁面元件的操作過程截圖

2、再在基本元件里拖曳兩個(gè)按鈕到畫布上,放在矩形框上方,如圖所示:

Axure RP 8.0設(shè)計(jì)出自適應(yīng)頁面元件的操作過程截圖

3、再拖曳一個(gè)占位符到矩形框下方,如圖所示:

Axure RP 8.0設(shè)計(jì)出自適應(yīng)頁面元件的操作過程截圖

4、在右側(cè)屬性里自適應(yīng)勾選“啟用”,彈出“影響所有視圖”,如圖所示:

Axure RP 8.0設(shè)計(jì)出自適應(yīng)頁面元件的操作過程截圖

5、點(diǎn)擊左側(cè)自適應(yīng)按鈕,彈出自適應(yīng)視圖,分別設(shè)置手機(jī)、平板和電腦分辨率的范圍,如圖所示:

Axure RP 8.0設(shè)計(jì)出自適應(yīng)頁面元件的操作過程截圖

6、這時(shí)界面上顯示出不同分辨率界面,然后預(yù)覽該界面,如圖所示:

Axure RP 8.0設(shè)計(jì)出自適應(yīng)頁面元件的操作過程截圖

以上Axure RP 8.0設(shè)計(jì)出自適應(yīng)頁面元件的操作過程,大家都學(xué)會(huì)了吧。