構建自適應用戶界面（二）

現在查看下沒有設置約束，在各種尺寸的設備上顯示狀態


接下來，我們添加自動布局約束，首先點擊PIN來創建間距約束，設置左邊,頂部和右邊，值為0


打開文檔大綱，按住Control拖動view到mainview，從彈出菜單中選擇相同的高度。


接下來,選擇產品信息視圖,單擊銷按鈕，首先點擊PIN來創建間距約束，設置左邊,底部和右邊，值為0


打開文檔大綱，從菜單中選擇垂直間距


現在,讓我們為這兩個標簽定義的約束，選擇標題標簽，單擊PIN，設置高15，左22，右22.


接下來,選擇另一個標簽，添加三個間距約束。


所有自動布局約束已經設置完畢，看下預覽效果。


最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容