雙擊這個畫板的名字，這個名字可以是中等尺寸，下面我們再創(chuàng)建一個小尺寸設(shè)備上的網(wǎng)站應(yīng)用布局，按一下 a，選擇創(chuàng)建一個手機(jī)尺寸的畫板。 修改一下畫板的名字，可以是 小尺寸。

esc，再按一下 v，打開選擇工具，選中這個中等尺寸畫板里的邊欄，command + c 復(fù)制一下，再選中 小尺寸畫板，command + v ，把它粘貼到這里。

調(diào)整一下這個邊欄，在小尺寸設(shè)備上，這個邊欄我們可以把它放在頁面的底部。 選中這個畫板， 然后修改一下方形網(wǎng)格的大小，可以設(shè)置成 16，再點(diǎn)一下 設(shè)為默認(rèn)值。

然后選中這個 aside 里的 sidebar 里的這幾個元素，重新排列一下它們，讓它們水平分散在頁面的底部。

調(diào)整一下邊欄的高度， 再調(diào)整一下 sidebar 的位置。

下面再去復(fù)制一份這個 Header，選中它，command + c 復(fù)制，選中小尺寸畫板，command + v 粘貼， 調(diào)整一下這個 header 區(qū)域的尺寸還有位置。

然后復(fù)制一下這個主體部分，把它粘貼到這個小尺寸畫板里。 調(diào)整一下主體區(qū)域的位置，然后重新在排列一下主體區(qū)域里的內(nèi)容，在小尺寸的設(shè)備上，這些內(nèi)容可以堆疊在一起。

在圖層這里，把這個邊欄放在最上面，不然它會被主體內(nèi)容蓋住。

然后選中主體部分里的這個 cards 里的這些項(xiàng)目， 在屬性檢查器這里，手工設(shè)置一下它們的寬度 。 大小是 350 。

最后再預(yù)覽一下。

總結(jié)

以上是生活随笔為你收集整理的Android 页面布局xd,页面布局（XD）：小尺寸设备上的页面布局《 从设计到代码：布局设计 》...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。