雙擊這個畫板的名字，這個名字可以是中等尺寸，下面我們再創建一個小尺寸設備上的網站應用布局，按一下 a，選擇創建一個手機尺寸的畫板。 修改一下畫板的名字，可以是 小尺寸。

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

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

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

調整一下邊欄的高度， 再調整一下 sidebar 的位置。

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

然后復制一下這個主體部分，把它粘貼到這個小尺寸畫板里。 調整一下主體區域的位置，然后重新在排列一下主體區域里的內容，在小尺寸的設備上，這些內容可以堆疊在一起。

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

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

最后再預覽一下。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。