回覆列表
-
1 # 設計師晴依
-
2 # 推優創意
這兩個對齊的用法也是很好理解的。一、先來看“物件對齊”的六個選項
1.1、如下圖所示,先建立三個中間無填充的邊框物件,分別為黑邊框矩形、藍邊框六邊形、紅邊框橢圓。位置也如下圖。
1.2、如下圖所法,選中三個物件。
1.4、不管選中的物件這前是什麼位置,它們都會水平移動位置,相對於最左側物件的左側進行對齊。
1.6、完成後,所有被選中的物件的幾何中心會居中對齊,效果見下圖。
1.8、所有被選中的物件的右側對齊了。
1.9、下圖為“垂直頂對齊”後的效果。
1.10、下圖為“垂直居中對齊”後的效果。
1.11、下圖為“垂直底對齊”後的效果。
1.12、下圖為先“水平居中對齊”再“垂直居中對齊”後的效果。
二、再來看“分佈物件”的六個選項2.1、如下圖所示,現在有長和寬勻不等的四個矩形。
2.2、先選中它們進行“水平右對齊”。
2.3、完成後效果如下圖所示。
2.5、這是什麼意思,就是對角分佈排列後,相鄰的兩個物件頂端的間距是相等的。
為了說明問題,我調出了標尺,從每個物件的頂端拉出了導線,意思為第相鄰兩條導線之間的距離是相等的。
2.7、“垂直居中分佈”後,每兩個相鄰物件水平中心之間的距離是相等的。
2.8、“垂直底分佈”後,每兩個相鄰物件底之間的距離是相等的。
2.9、再來看“水平分佈”的情況,如下圖,現有長和寬不等的四個矩形。
2.11、完成效果如下圖,每兩個相鄰物件左側間的距離是相等的。
2.12、剩下的兩個也不難理解了,這裡就不再一一說明了。
一.對齊物件(用於對齊)
01.水平左對齊:以所選圖形範圍最左邊為基準向左水平靠攏。
02.水平居中對齊:以所選圖形範圍中心點為基準向中心方向水平靠攏。
03.水平右對齊:以所選圖形範圍最右邊為基準向右水平靠攏。
04.垂直頂對齊:以所選圖形範圍最頂部為基準向頂部垂直靠攏。
05垂直居中對齊:以所選圖形範圍中心點為基準向中心方向垂直靠攏。
06.垂直底對齊:以所選圖形範圍最底部為基準向底部垂直靠攏。
二.分佈物件(用於均勻的分佈,相互間距相等)
01.垂直頂分佈:以每個圖形的最頂部為基準,最上和最下方圖形位置不變,其他圖形在其中做均勻垂直分佈。
02. 垂直居中分佈:以每個圖形的中心點為基準,最上和最下方圖形位置不變,其他圖形在其中做均勻垂直分佈。
03. 垂直底分佈:以每個圖形的最底部為基準,最上和最下方圖形位置不變,其他圖形在其中做均勻垂直分佈。
04. 水平左分佈:以每個圖形的最左邊為基準,最左和最右方圖形位置不變,其他圖形在其中做均勻水平分佈。
05. 水平居中分佈:以每個圖形的中心點為基準,最左和最右方圖形位置不變,其他圖形在其中做均勻水平分佈。
06. 水平右分佈:以每個圖形的最右邊為基準,最左和最右方圖形位置不變,其他圖形在其中做均勻水平分佈。
具體可看影片教程