當(dāng)前位置: 首頁(yè) > 攻略教程 > 軟件教程 > Axure RP 8.0制作自適應(yīng)頁(yè)面元件的具體教程

Axure RP 8.0制作自適應(yīng)頁(yè)面元件的具體教程

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

部分用戶在使用Axure RP 8.0軟件的時(shí)候,并不是很熟悉其中制作自適應(yīng)頁(yè)面元件的方法?今日在這里小編就為各位帶來了Axure RP 8.0制作自適應(yīng)頁(yè)面元件的具體教程。

Axure RP 8.0制作自適應(yīng)頁(yè)面元件的具體教程

Axure RP 8.0制作自適應(yīng)頁(yè)面元件的具體教程

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

Axure RP 8.0制作自適應(yīng)頁(yè)面元件的具體教程截圖

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

Axure RP 8.0制作自適應(yīng)頁(yè)面元件的具體教程截圖

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

Axure RP 8.0制作自適應(yīng)頁(yè)面元件的具體教程截圖

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

Axure RP 8.0制作自適應(yīng)頁(yè)面元件的具體教程截圖

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

Axure RP 8.0制作自適應(yīng)頁(yè)面元件的具體教程截圖

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

Axure RP 8.0制作自適應(yīng)頁(yè)面元件的具體教程截圖

以上這里為各位分享了Axure RP 8.0制作自適應(yīng)頁(yè)面元件的具體步驟。有需要的朋友趕快來看看本篇文章吧。