很多朋友在做原型的時候都很注意細節，尤其是部件之間的對齊，如果沒有做好會感覺十分別扭。我們一起來看看怎麼優化部件之間的對齊細節。
以下方法對單一部件或者選中多個部件都有效。這些功能除了常用工具欄，也可以在菜單欄，和右方的檢查窗口中找到。
一、設置部件的位置
下圖中的“分類”這個文本部件，需要距離左邊框和上方狀態欄一個合適的距離。
我們可以通過設置該部件的X值和Y值來調整效果，不過此方法比較難操作，而下面幾種方法更簡潔。
二、設置部件中文字的相對位置
除了設置部件的XY位置，我們也可以使用相對距離來調整部件位置。設置樣式的填充距離即可。
三、對齊部件到網格
當我們需要把部件放置在畫布中的合理位置，請在空白區域右鍵選中“柵格和輔助線-顯示網格”和“柵格和輔助線-對齊網格”。
此時我們再去拖動部件“分類”的時候，你會發現慢慢拖動的時候，每次距離都是固定的10px。
四、對齊部件到其他部件
當我們需要通過拖動的方式部件去對齊到其他部件，我們可以開啓“對齊部件”功能。請在空白區域右鍵選中“柵格和輔助線-對齊部件”。
開啓之後，我們再去拖動部件去對齊其他部件的時候，就會有藍色的虛線提示，告訴你對齊成功。
五、使用對齊\分佈功能與其他部件對齊
當我們希望多個部件能夠看起來視覺一致的時候，可能用到對齊分佈功能。
比如在做分類列表的時候，可以將圖標和文字選中，然後進行對齊和分佈。選擇“左側對齊”，就會將所有部件左側對齊。
至於其他對齊的方式，方法是一樣的。
根據實際場景選擇垂直分佈或者水平分佈進行使用。
六、先組合再對齊
如果我們希望多個按鈕代表的整體也比較協調，那我們先把這些按鈕組合，然後將組合對齊，之後保持組合或者將組合取消均可。
