2017-02-26 171 views
0

所以我創建一個iPhone應用程序唯一的肖像,所以當我的界面上工作,我已經在緊湊的,經常的視圖(對於所有的iPhone在肖像)下面的界面,但它沒有如右圖所示顯示正確。哪裏不對?自動佈局不能正常工作

enter image description here

所以我做了克里斯Trahey的解決方案,它看起來在預覽寫字,但隨後然後當我在模擬器中這一切都搞砸運行它。怎麼了?

enter image description hereenter image description here

+0

你有沒有指定等高和等寬。 –

+0

@Tushar夏爾馬我會怎麼做? –

+0

看這個http://www.ryanwright.me/cookbook/ios/autolayout/equal-width-height –

回答

0

我建議如下:

  1. 對於每一個視圖,連接制約它的容器,然後選擇「等寬」 - 但然後添加一個乘數,使之能的一半寬度
  2. 對於左側視圖,限制導致左側佈局指南
  3. 右側視圖,限制尾隨右側佈局指南
  4. 個約束左視和正確的意見水平間距彼此
  5. 相同,酌情與頂部/底部/垂直間距

雖然值得注意的是,你必須決定哪個更重要:意見是正方形的,或者意見佔據垂直空間的平等份額。如果您希望它們是方形的,則爲每個視圖添加約束,寬高比爲1:1。使這1000優先(要求)。如果你想要垂直空間的平等份額,你可以反映水平戰略,做「相等的高度」,但增加一個4:1的乘數。

下面是我放在頂部4的一個示例。請注意左側的約束以及我如何表達右側的「半高」。你應該可以把它擴展到其餘的。

Autolayout for proportional subviews

+0

我試過你的解決方案,但有一個問題。檢查上面的更新答案 –

0

我複製你的問題,並試圖解決它。我是這樣做的:

  1. 所有的左視圖和右視圖限制前後空間到超視圖。
  2. 頂視圖約束頂部邊緣和其餘視圖約束在其上方查看。
  3. 每個視圖設置爲在容器中水平放置。這種約束將被編輯像這樣留下意見:

    1]

和領先的右側視圖。

  • 所有視圖具有固定的高度。(視圖的高度/ 4)

    希望這對你的作品。