2017-04-04 73 views
0

我在屏幕的頂部和底部有高度限制的標籤和工具欄。我在工具欄之間獲得了UIImage。所以工具欄和標籤對於不同的設備保持相同的高度,而工具欄之間的空間是可變的。

我的目標是保持從SE到iPad的設備的寬高比爲1:1,並通過拉伸到工具欄之間的UIImage,直到達到側視圖上的超視圖邊緣或頂部和底部的工具欄。我嘗試了不同的方法,但我可以得到的最好的東西是在屏幕截圖下面。

保持不同設備的高寬比和自動佈局

enter image description here

它保持縱橫比,但我不能找出如何保持它的工具欄的中間。

約束下的UIImage:

enter image description here

由於我工作在iOS 8支持的應用我沒有使用UIStackView並試圖找到唯一的限制條件的解決方案。

+0

查看下面的**底部空間到:工具欄**有符號'> ='。用'='點擊它就可以改變它。並檢查輸出。 –

+0

@agent_stack是的,我嘗試過,但在這種情況下,圖像損失縱橫比並拉伸至界限 – Pavel

+0

刪除1:1的比例並保持'='關係。保持心智底部常數必須爲'0' –

回答

0

你需要做以下的事情:

  1. 添加一個新的視圖(說,CENTERVIEW)在黃色和綠色視圖之間並賦予它鮮明的色彩,給下面的約束

    • 前導,追蹤到超視圖爲常數= 0.
    • 頂部到黃色視圖爲常數= 0
    • 底部到黃色低視圖爲常數= 0
  2. 現在在centerView中添加ImageView,它具有Apple徽標並給出以下限制。

    • 給它固定的高度,只要你想。
    • 給它垂直和水平中心w.r.t.它的超級視圖。
+0

@Pavel你是在問我還是在給我做什麼? :/:/:/ –

+0

對不起,不好編輯:)好吧。我只是做了它,並最終按照它應該的方式工作。所以我做了什麼:1.添加視圖並將超前查看和頂部和底部的前後約束設置爲工具欄。 2。將UIImage作爲子視圖移動到視圖中,並設置以下約束:使用'> ='常量將X和Y對準超級視圖,前導視圖,尾視圖,頂視圖和底視圖,最後添加縱橫比1:1。現在它可以在任何設備上運行良好! – Pavel

+0

仍然令人興奮的如何在不添加視圖的情況下達到該效果,因爲在這種情況下,我不能使用對齊Y約束,因爲圖像不在主超級視圖的垂直中心 – Pavel

相關問題