簡體   English   中英

解決問題自動布局約束

[英]Resolve issues Autolayout constraints

我想正確地理解Xcode 7中Autolayout約束的使用,並嘗試通過一些了不起的教程來學習它之后,我仍然遇到很多問題。 我在下面顯示的屏幕是一個簡單的屏幕,用於將用戶重定向到填寫表格或登錄:

在此處輸入圖片說明

應用自動布局約束后,以下不良結果:

在此處輸入圖片說明

您如何看到底部的按鈕已消失,並且注冊按鈕的高度比預期的高。

最后,我將在約束配置下面顯示:

在此處輸入圖片說明

您應該只添加允許xCode查明視圖的x和y位置以及高度和寬度的約束。 例如:注冊按鈕在主標簽的頂部有一個空格。 現在,相同的注冊按鈕對已注冊的標簽具有底部約束,該標簽又與底部具有固定的距離以及固定的高度。 當屏幕大小不同時,它不知道如何顯示視圖。 它試圖在它無法執行的視圖上維持所有指定的約束。 對於初學者,請嘗試從主標簽上移除固定的注冊按鈕距離。

在控制台中,加載視圖時。 調試器應該顯示哪些約束沖突,哪些約束將被XCode刪除。

在處理自動版式時,我使用以下方法。

通常,我嘗試應用“自上而下”的AutoLayout,但是,我要記住iPhone 4s比iPhone 6+小得多。

如果在后面有一個滾動視圖,則允許使用不同的大小在現有屏幕頂部和底部的對象之間向下滾動,因此TOP-DOWN方法效果很好

例如,從您的屏幕截圖中...

“主要”標簽:

對齊上/左/右+固定高度。然后...

“注冊”按鈕:

再次-對齊上/左/右+固定高度。 等等...

但是,如果您沒有在后台使用“滾動視圖” ,則根據模擬器屏幕的大小,底部的對象將不可見。

解:
與其將下方放置的對象與頂部對齊,

將它們(下部對象)對准底部並固定其高度。

即雙重效果“自上而下” +“自下而上”

例如

“登錄”按鈕:

對齊底部/右側+固定高度和寬度。

“已注冊”標簽:

對齊底部/右側+固定高度和寬度。

“注冊”按鈕:

底部/左側/右側+固定高度對齊。

綜上所述:

1.如果在后台可以使用“滾動視圖”,則可以使用將項目與TOP對齊的方法(采用“自上而下”的方法)。

2.否則,需要使用“自上而下” +“自下而上”的雙重方法,以實現在小屏幕和大屏幕上的效果,而無需使用滾動功能

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM