如何添加滾動視圖以最佳方式優化屏幕尺寸，設計爲與3.5英寸兼容的4英寸？

我在提交此問題之前已經搜索了帖子。
How to optimize screen size designed for 4 inch compatible with 3.5 inch 如何添加滾動視圖以最佳方式優化屏幕尺寸，設計爲與3.5英寸兼容的4英寸？

但上面的帖子並沒有回答我的問題。

我們的設計師向我們發送了4英寸的設計用戶界面，我使用自動佈局的xib來實現設計。我們被經理告知，我們需要支持3.5英寸的屏幕......我們不想創建另一個xib來適應3.5英寸的屏幕，我們想要做的就是添加UIScrollView xib，是否有任何想法通過這種方式實現，並且不需要修改我們存在的xib佈局約束？

來源

2017-04-05 Mellong Lau

你爲什麼不使用故事板呢？這將很容易管理。 – Aashish1aug

使用AutoLayout：https：//developer.apple.com/library/content/documentation/UserExperience/Conceptual/AutolayoutPG/ – Mrunal

@ Aashish1aug謝謝你的回答，但這個項目我們已經使用xib不是故事板，有沒有建議xib ？ –

試試這個方法。

選擇從廈門國際銀行或故事板的場景
所有視圖對象Xcode的菜單>編輯>嵌入>查看
再次選擇新添加的查看（指它作爲ContainerView ）
將ContainerView併入ScrollView使用Xcode菜單>編輯器>嵌入在>滾動查看
現在調整爲與ContainerView
你內心最視圖對象的所有約束保持ContainerView高度正常，即使它超越了屏幕高度
調整頂級滾動型高度與屏幕邊界連接。
在代碼庫，設置滾動型ContentSize = ContainerView.frame.size

參考：

所以，你的視圖層次是這樣的：

Default Controller View (UIView) 
    |- Scroll View (UIScrollView) 
     |- Container View (UIView) 
      |- Other ViewObjects like UILabel, 
      |- UIButton, 
      |- UIImageView, etc.

希望這有助於。

來源

2017-04-05 06:45:01 Mrunal

非常感謝，您的方法非常好，但作爲'agent_stack'提到，它是很多工作如果我們以這種方式更改所有xib，那麼，您是否有其他方式來做到這一點，就像添加一些代碼來破解它？ –

@MellongLau如果您已經準備好了4英寸設計的視圖，那麼您只需複製該視圖，將其粘貼到scrollView下，並在代碼中設置scrollview的約束和內容大小。因爲我猜你必須將所有約束和所有對象設置爲該視圖內的對象。但是，是的，如果你有多個xib /場景，那麼你必須重複所有這些步驟。 – Mrunal

感謝您的幫助，如果在這裏沒有更好的答案，我會收到您的答案。 –

只需將滾動視圖添加爲父視圖，並檢查所有約束是否正確，並且系統可以計算內容大小。

來源

2017-04-05 06:17:34

添加滾動視圖作爲父視圖將需要更新xib中的所有約束，我們有很多xibs ... –

如何添加滾動視圖以最佳方式優化屏幕尺寸，設計爲與3.5英寸兼容的4英寸？

回答

相關問題