天天看點

iOS XCode storyboard 設定控件三等分螢幕的限制添加

在storyboard中需要設定按鈕三等分螢幕寬度的步驟如下:

1.首先我們需要先拖拽三個button到storyboard中,同時給每個button添加不同的背景色以便于區分:

iOS XCode storyboard 設定控件三等分螢幕的限制添加

2.拖拽好button後,我們就可以開始添加相關的限制了。首先添加cyan按鈕的限制,先選中cyan按鈕,然後添加如下的限制,距左10、距下200、高度30:

iOS XCode storyboard 設定控件三等分螢幕的限制添加

3.添加完cyan按鈕的限制後,開始添加green按鈕的限制,添加的限制為(距左10、距右10):

iOS XCode storyboard 設定控件三等分螢幕的限制添加

4.添加完green按鈕的限制後,開始添加yellow按鈕的限制,添加的限制為(距右10):

iOS XCode storyboard 設定控件三等分螢幕的限制添加

5.按住command鍵選中三個按鈕,然後添加對齊(選擇“vertical centers”):

iOS XCode storyboard 設定控件三等分螢幕的限制添加

6.選中三種按鈕不變,繼續添加等寬(equal width)和等高(equal height)限制:

iOS XCode storyboard 設定控件三等分螢幕的限制添加

7.到此所有的限制添加完畢,更新限制就可以了。

iOS XCode storyboard 設定控件三等分螢幕的限制添加

以上僅供參考,添加限制的順序可以打亂,隻要所有的限制添加齊全即可。

原文連結:http://www.jianshu.com/p/62d7ec1c794b