2014-01-20 19 views
0

這裏3次是屏幕截圖:enter image description here自動版式:在控制器

如何應用約束,使得

  1. 紅色視圖停留在相同的高度,獨立的3.5或4英寸的外形
  2. 綠色和藍色是相同的寬度和相同的高度
  3. 綠色,藍色和紅色有標準間距與含視圖
  4. 紅色,綠色,藍色具有的間距對方
  5. 綠色對齊的紅色右側
  6. 藍色對齊的紅色在左側

的應用程序只有在肖像模式下運行。的XCode 5和iOS 7

感謝

+0

您遇到哪些限制?不要全部說出來,因爲如果你什麼都不做,那隻會是真的。如果你說出你迄今爲止所做的工作,人們將更有可能幫助你。 – Abizern

+1

實際上只是嘗試根據您的列表添加約束條件。它應該很容易。 – sha

+0

您有一個編號的視圖約束列表。其中一些項目實際上包含多個約束,但只是逐個瀏覽您的列表並將約束添加到視圖中。 – Fogmeister

回答

0

這很簡單,如果你試試看。

  1. 對於紅色,請修正它的左邊,右邊的&頂部值,如容器中。
  2. 對於藍色,修復左邊&底部,同樣對於綠色,相對於父視圖底部修復右邊&底部。
  3. Ctrl +從藍色拖動到綠色&從彈出窗口中選擇高度選項。下次重複寬度。
  4. 對於紅色,請從約束中固定高度。
  5. ctrl +從藍色拖動到綠色&設置正確的位置。
  6. Ctrl +從綠色拖動到紅色&選擇頂部位置。

讓我知道它是否不適合你。

+0

完全像你說的那樣。謝謝。 – mrd

0

視覺格式,這些限制將你想要做什麼......

@"|-[redView]-|" 
@"|-[blueView]-[greenView(==blueView)]-|" 
@"V:|-[redView(==100)]-[blueView]-|" 
@"V:[redView]-[greenView]-|" 

如果您在使用要將這組約束條件(無論是在界面生成器或代碼visualFormatLayout),那麼你會得到你想要的。

當然,這些假設你僅僅使用標準隔板間距及100

藍色紅色視圖高度,然後綠色將根據屏幕大小調整高度。

雖然這種佈局非常簡單。你應該可以在不問問題的情況下解決這個問題。只需將它繪製在一張紙上,並計算出系統需要使其工作的信息。

事實上,在你的問題中,你剛剛提供了一個視圖約束列表。只需使用Interface Builder逐個插入這些約束即可。