如何根據屏幕大小調整圖像和文本的大小（自動佈局）

假設我有多個垂直和水平對齊的按鈕，如屏幕截圖所示。等距離會有三排。在第一行和第三行中，將有兩個按鈕具有相同的高度和寬度，而第二行中的按鈕將水平對齊。我在故事板中設置了按鈕圖像和文本。控制對齊被設置爲水平| vertical.Constraints for Button（View Transactions）是： top space, bottom space equals to:8(New Launches Button) leading and trailing space equals to:8(superview) and 8(Place Request Button) respectively, and equal width and height for all buttons。我可以從結果中想到的是，按鈕的圖像和文本之間的空間不會根據屏幕進行調整。只有按鈕的高度和寬度得到調整。我希望按鈕的字體應該隨屏幕尺寸縮小，以便按鈕的圖像能夠正確渲染。 iOS 8,9是我的項目的目標版本。我已通過最小化字體大小進行了檢查，但圖像大小仍未更改。如何根據屏幕大小調整圖像和文本的大小（自動佈局）

來源

2016-01-13 Kunal Kumar

你可以添加寬度和高度約束到圖像視圖 –

沒有圖像視圖mayank。 –

刪除底部空間限制和檢查。否則在這種情況下，你可以使用滾動視圖並將這些對象放在其中。然後根據設備大小增加滾動視圖的內容大小。由於iPhone 3.7英寸很小，因此按鈕尺寸被壓縮。滾動視圖運作良好..！ – Vidhyanand

最後，我讓它以某種方式工作，雖然它不是真正的解決方案，但它可以是一種解決方法。正如我在問題中所說的問題是按鈕的圖像和標題之間的空間。所以我所做的是按鈕，並在屬性檢查器設置left=0 and right=0 for the edge-title和控制對齊vertical|horizontal和我的觀點看起來很好後，沒有任何滾動視圖。

來源

2016-01-13 19:02:39

我使用普通UIViews創建組做這種類型的東西。把尺寸問題分解成塊是比較容易的。對於你的例子，我會使用4個UIViews跨越屏幕的寬度，並與屏幕（包含它們的控制器的視圖）成比例的高度。

在每個視圖中，您可以放置更多的UIViews來包含圖像/文本框對。將它們對齊到其父視圖的頂部和底部，使其縱橫比爲1：1，並分別左右對齊。（你也可以使用比例寬度，如果你不想讓矩形爲正方形，但你需要方形UIViews來管理你的圖像

在每個方塊（方形UIViews）中，放置你的標籤在底部左側，右側和底部對齊到包含UIView（留出高度未指定，以允許自動大小工作）。圖像應該是1：1縱橫比，水平居中在容器中，頂部/底部包含視圖和文本。

在你的需求中可能有更多的相對尺寸問題，但我認爲你得到的總體思路是：UIViews內的UIViews內的UIViews使得相對尺寸（比例/高寬比/中心）比使用固定邊對齊距離更容易。

來源

2016-01-13 05:02:30

如何根據屏幕大小調整圖像和文本的大小（自動佈局）

回答

相關問題