2017-05-05 32 views
1

我一直在努力解決這個問題一段時間,幾小時的研究和實驗並未產生任何可接受的結果。如何安排界面元素,使其適合iOS中的所有屏幕尺寸

我有一個包含很多UI元素的登錄屏幕。這個視圖在iPhone 7和6的變體上看起來很棒,但是當我在SE或4S上測試時,這些約束無法定位這些元素,因此它們很適合放在他們的小屏幕上。只是沒有足夠的空間。我讀過我必須支持所有屏幕尺寸,但在這一點上,我不確定如何獲得所有UI元素以適應較小的屏幕。 我觀看了幾小時的YouTube視頻,並嘗試了所有可能的方式,包括垂直堆棧視圖,但不管我嘗試什麼,它在7和6上看起來都不錯,但在SE/4S上很糟糕,反之亦然(在SE/4S上很好, 7/6上有很大的空白空間)。

在這一點上,我不知道我還能做什麼。我知道不可能爲特定的屏幕尺寸設計一個用戶界面,而且特性的差異並不是我所需要的,因爲我只打算支持垂直方向。

任何幫助或建議將不勝感激。

enter image description here enter image description here enter image description here

+0

如果您詢問有關您的佈局的特定問題,則更有可能得到有用的回覆。如果您提供屏幕截圖和代碼以顯示您嘗試的內容,通常有人可以提供幫助。 – nathan

+0

會做!我會馬上處理它。謝謝, – Rob8861

+0

您是否嘗試過使用自動佈局?讓UI看起來像預期的那樣,似乎只有微不足道的工作量。 –

回答

1

,正如你在自己的評論說,你可以限制裝置通過限制iOS版本間接大小。然而,這不是一個好的解決方案:如果您是因爲商業原因創建應用程序,這會不必要地限制您的市場(這裏有很多4S用戶)。如果您正在學習應用程序開發,那麼現在是瞭解如何正確管理GUI佈局問題的好時機(總是會有各種各樣的顯示大小來應對)。

有可用來幫助幾個工具:

自動佈局

正如其他的評論說,自動佈局可以有很大的幫助。不要只是用它來定位事物,而是要調整它們以充分利用可用空間。

Understanding Auto Layout (Apple)

大小級

大小類,可以使用不同的限制和開啓或關閉取決於用戶的設備的總大小和方向的控制。例如,在空間受限的情況下,您可以隱藏單個控件,而是顯示單個控件以將用戶帶到其他地方(例如另一個視圖或彈出窗口)。

Size-Class-Specific Layout (Apple)

滾動瀏覽

您可以部分或全部的GUI滾動認爲,在較大的設備會顯示所有的控制,同時在更小的設備最初只顯示頂部的人,但仍讓用戶訪問其他用戶(不要忘記在視圖第一次顯示時顯示滾動條以顯示更多內容)。

獨立的故事板

雖然你沒有提到iPad支持,您還可以指定完全獨立的情節串連圖板,以幫助佈局通用的應用程序。

請參閱this SO answer它是鏈接參考的細節。

+0

Ali,Thank you非常。這真的很有幫助。我沒有考慮滾動視圖。這實際上是一個好主意。我一直在開發3年的應用程序,但總是面對更復雜的自動佈局功能。對於基本佈局的東西,自動佈局可能是有史以來最好的事情。我知道限制設備不是一種好的做法,這就是爲什麼我來找SO尋求幫助,儘管我的老闆告訴我不要擔心,因爲我公司沒有人再有4S了。 (該應用程序是爲內部使用而開發的)。再次感謝所有偉大的信息。 – Rob8861