2015-07-04 38 views
0

我目前正在嘗試修復ViewController,使其符合自動佈局。這裏是視圖控制器:Xcode 6.3.2 - iOS - 使用自動佈局定位圖像和文本

http://i.imgur.com/YB67RwE.png

這裏是什麼樣子的應用在iPhone 6模擬器(和我一般都希望它看起來像所有的iPhone)上運行:

http://i.imgur.com/K6IZctz.png

這裏是個什麼樣子,當我在iPhone 4S上模擬器上運行它像:

http://i.imgur.com/7ikOOJW.png

基本上圖像和文字沒有縮放,所以它被切斷了。我試圖通過設置圖像和標籤的約束來解決這個問題,但Xcode似乎並沒有滿足約束條件。另外,我覺得這是不可能的,因爲如果我爲「TITLE」標籤設置左邊距約束,例如,它表面上總是接近圖像,但是如果我還沒有設置,Xcode會給我一個警告右視圖,頂視圖和底視圖約束以及對超視圖尾部的正確約束會使標籤距離右邊緣200個單位,因此被推離屏幕左側。

我知道有一種方法,但我無法弄清楚。接近這個的適當方法是什麼?

編輯:

我試了一下Sujith下面推薦的,並不能使它發揮作用。紅色圖像被標籤完全推出屏幕,我得到一個錯誤,並不是所有的約束條件都可以同時滿足。

我很確定發生這種情況是因爲在標籤上設置了尾隨限制會導致它們被推到最左端。我試圖通過使用Sujith建議的約束來解決這個問題,但是允許紅色圖像的寬度不明確,將標籤移動到超級視圖邊緣附近的最右側,並且將紅色圖像延長到具有相同的水平間距紅色圖像和標籤,就像這樣:

http://i.imgur.com/CvwnhY6.png

這給了我這樣的結果對iPhone 6模擬器:

http://i.imgur.com/19awmLZ.png

而在iPhone 4S上的模擬器這樣的結果:

http://i.imgur.com/w0r0PBF.png

我想這種工作,但它不是我正在尋找。順便我看到它,有5個區域,其中寬度可被調節:

1)從紅色圖像到上海華

2)的紅色圖像

3的寬度前導間隔)紅色圖像和標籤

4)標籤

5)從標籤到上海華結尾間隔的寬度之間的水平空間

理想情況下,我希望在分別在4s模擬器或6模擬器中查看時,這5件東西都要縮小/擴大完全相同的量。現在正在發生的事情是,4個區域的寬度保持完全一樣,紅色圖像的寬度正在縮小/增大。

任何想法將不勝感激。

+0

你可以暴露你的.xib文件的地方? –

+0

.xib?我正在迅速寫這篇文章,所以我不認爲有一個?對不起,我是新開發的Xcode。 – Infamous911

回答

0

請試試這個..

  1. 一套領先的空間SuperView已經紅圖像
  2. 機頂盒空間SuperView已經紅圖像
  3. 設定的水平空間標記
  4. 機頂盒空間的SuperView對於標籤
  5. 設置尾隨標籤的空間超級瀏覽
  6. 標籤的設置高度

    現在

  7. 組長寬比爲label.Width到紅色imageView.Width 8。設置長寬比爲紅色imageview.Width和imageview.Height
+0

請參閱我的編輯 – Infamous911

+0

對於延遲抱歉...請嘗試編輯的帖子.. –