兩種對齊模式
要玩轉對齊,一定要有“看齊意識”:
1. 誰和誰對齊?
無非就是兩樣東西在那裡懟來懟去,
一個是 Object
,物件元素,例如文字框、圖片、表格、圖表、形狀等以及其組合體,這些都是物件元素。
另一個是 Slide
,就是幻燈片,一般是用來被對齊的,換句話講就是參照基準。
這樣,就出現了兩種對齊模式,即
O2O 模式
( object to object),物件元素之間相互對齊。
O2S 模式
( object to slide),物件元素向幻燈片對齊。
向誰看齊?
沒有標杆(即參考基準),看個毛線。
所以對齊時應該選準了,是「
對齊幻燈片」
,還是「
對齊所選物件
」。
除非僅僅選擇了單個元素或者指定選擇了「對齊幻燈片」選項即(O2S 模式)之外。其他情況一般都預設是對齊所選物件(O2O 模式)。
03 兩種對齊型別
對齊工具包含兩類,
基準對齊
和
間距等分
。
1. 基準對齊
軟體是最講邏輯的,如何實現對齊?
(1)在 O2O 情況下
,一大堆物件被選中了,如何處理?那肯定會形成一個範圍,有範圍必然有邊界。那就用一個矩形框表示吧。
有了邊界還不好辦嗎?給它命名,最左 Left,最右 Right,最頂端 Top,最底部 Bottom。
這些靠在邊界上的元素為標杆基準,我們就叫它為基準物件吧。物件們也有自己的邊界。
拿「左對齊」為例
,所謂左對齊,就是所有元素的左邊界,全部向基準物件的左邊界看齊。
其他依次類推,頂端對齊、右對齊、底端對齊,也很好理解。
還剩下水平居中、垂直居中。
拿「水平居中」為例
,所謂水平居中,就是所有元素的中間軸,全部向範圍框的中間軸看齊。
垂直居中也很好理解。
(2)在 O2S 情況下
,物件相對於幻燈片怎麼對齊?我們可以把幻燈片看成範圍框就行,就不過多解釋了。
除了基準對齊,還有第 II 類對齊——間距等分
。
2. 間距等分
等分間距的對齊可能引起極度舒適,也就是橫向分佈和縱向分佈。
原理和用法很簡單,確定好首尾物件的邊界,然後對元素間的空隙進行平均分配,可正可負,看圖理解。