2014-10-18 85 views
0

我希望這可以適用於所有iPhone 4至6以上的人像。與自動佈局戰鬥

看這個自動佈局設計用於iPhone 4:

enter image description here

此ImageView的具有49:59的高寬比,並且具有保持這種恆定的。

imageView在UIView容器(橙色框)內。橙色容器以0空間連接到四個角落。在界面的底部,另一個包含4個滑塊的容器(白色)。

這是我應用於該imageView的約束:頂部,底部,領先,尾隨橙色容器和長寬比49:59。

這是如何擴展到其他iPhone屏幕:

enter image description here

,但我不希望出現這種情況。看看更大的iPhone上浪費了多少屏幕。

我想要的是imageView要縮放,直到它觸及左右邊界。

我想這一點:

enter image description here

沒有爲縮放和觸摸左側和右側邊框上大的iPhone,同時仍保持相同的縱橫比的觀點充足的房間。

我應該對imageView應用什麼樣的約束來做到這一點?我已經嘗試了一切。

+0

你對圖像視圖和橙色視圖之間的前後約束有什麼常量值? – rdelmar 2014-10-18 16:24:17

+0

38和37,但我試圖改變它>> = 0,但圖像擴大到比屏幕更大。 – SpaceDog 2014-10-18 16:25:53

回答

0

經過數小時的戰鬥,我得到了它的工作。對imageView的限制是:

centerX,centerY,尾隨和領先> = 0,頂部和底部都> = 3,長寬比鎖定爲49:59。

這種自動佈局的東西與直覺相反。

1

我還沒有嘗試過這一點,但我認爲它應該可以工作,如果您給圖像視圖約束的橙色視圖的左側和右側的恆定值爲0(或其他一些小數字,如果你想要小橙顯示),centerY約束和寬高比約束。

+0

適用於iPhone 4以外的所有iPhone手機。在iPhone 4上,圖像在垂直方向上出血。 – SpaceDog 2014-10-18 16:44:53

+0

@RubberDuck,「流血」是什麼意思?你是否在實際的設備上測試,因爲它在4s模擬器上看起來很好。 – rdelmar 2014-10-18 16:47:10

+0

垂直擴展到橙色容器之外。這個自動佈局的事情是一個笑話。 – SpaceDog 2014-10-18 16:48:49