如何使用Storyboard自動佈局對齊和調整這兩個元素？

我正在設計一個非常簡單的「今日」小部件，只有兩個元素：一個文本標籤（此處顯示爲紅色背景）和一個信息按鈕。我希望信息按鈕始終顯示在標籤後面。如何使用Storyboard自動佈局對齊和調整這兩個元素？

所以：

信息按鈕要始終堅持正確的保證金
標籤應始終堅持左旁
標籤應該調整本身，以便它的全寬可用空間，直到按鈕的邊緣

我該怎麼做？自動佈局是如此混亂，我一直在玩它沒有運氣一個小時。無法弄清楚從哪裏開始。我想我至少需要三個約束，一個是上面的每個需求...

來源

2016-06-29 Eric

給標籤'頂部，左側，右側，底部'約束和按鈕'右，頂部，底部和寬度' –

你info按鈕都會有一個固定的寬度和高度。將右邊距設置爲父權。將紅色標籤的左側邊距設置爲父級左側和右側邊距，並將其設置爲信息按鈕的左側。

現在，由於您的紅色標籤沒有寬度限制，因此它將佔用左邊距和右邊距之間的所有寬度。

這就是它的樣子。

來源

2016-06-29 07:24:41

是的，那傢伙的權利 –

這一切聽起來都絕對正確 - 我明白你的建議 - 但我不知道如何添加這些限制。例如，我可以在界面中確切地在哪裏/如何將信息按鈕的右邊距設置爲父右邊距（將其固定到右邊緣）？對不起，我只是卡住了，我發現的所有在線參考資料都超級混亂。 :-( – Eric

@Eric ..一旦你對齊你的按鈕並設置它們的大小，選擇你的infoButton，然後在編輯器的底部，從右邊選擇第二個按鈕（它是右邊的一個三角形按鈕）這會顯示你添加新的約束彈出，設置寬度和高度並設置約束，選擇點狀的T形線並設置它們的值（對於信息按鈕，你需要選擇頂部和右邊的T形紅線，將它的值設爲零 –

應該創建頂部，底部，寬度和後（在容器視圖）約束信息按鈕。對於標籤，它們應該是前導，頂部，底部（到容器視圖）和水平間距的信息按鈕。希望這會有所幫助。

來源

2016-06-29 07:25:19 sonbt91

如何使用Storyboard自動佈局對齊和調整這兩個元素？

回答

相關問題