技術問答
技術文章
iT 徵才
Tag
聊天室
2023 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 11 屆 iThome 鐵人賽
DAY
11
0
自我挑戰組
Hello Swift
系列 第
11
篇
11/30 Auto Layout
swift
Emma
團隊
好想工作室 v3.0
2019-09-26 19:33:19
584 瀏覽
分享至
排版排起來~
Why
因為iPhone,Ipad有各種不同尺寸,我們要透過Auto Layout設計「自適應使用者介面」(adaptive user interface)以支援各種螢幕解析度。
What
以約束條件為基礎的佈局系統(constraint-based Layout system),我們只需要學會如何描述約束條件,不需要寫出數學公式。
用以開發自適應UI,可以依照螢幕的尺寸以及裝置的方向來調整。
How
於Auto Layout列設定
X座標、Y座標、寬度、高度
例如置中為Horizontal in container + Vertically in container兩個constraints
Ctrl鍵+拖曳設定
束線
藍色:約束條件
橘/紅線:指出元件的佈局問題
虛線:元件應在的位置
間距約束條件(spacing constraints)
個人理解為相對位置的概念
安全區域(safe area)
佈局導引。範圍是狀態列(status bar)之外的整個視圖,並且會隨著畫面上的狀態列、標籤列等自動調整。
留言
追蹤
檢舉
上一篇
10/30 UI元件之Button
下一篇
12/30 Stake View
系列文
Hello Swift
共
30
篇
目錄
RSS系列文
訂閱系列文
5
人訂閱
26
26/30 switch也是語法-2
27
27/30 I服了U-1
28
28/30 I服了U-2
29
29/30 命裡有時終須有
30
30/30 命裡無時莫強求
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1123
組
團體組數
52
組
累計文章數
23068
篇
完賽人數
656
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
2017鐵人賽
python
windows
php
c#
windows server
linux
css
react
程式設計
vue.js
熱門問題
近期遭受到DoS攻擊, 有無反擊的方式?
簡單網路問題
請問這是甚麼編碼 ( php )
防止line及skye傳輸檔案
windows副檔名錯亂消失,重命名問題 (Advanced Renamer)
sharetech 防火牆設定問題
請問如何讓動態class類別的資料,可以寫到第二列以上?(Excel)
更換主機板後,原有的OFFICE 365 等軟體不見了
RS232接頭作法
windows 11 pro 成員隸屬的加入網域變反灰色
熱門回答
簡單網路問題
sharetech 防火牆設定問題
QRCDOE 下載問題
請問如何讓動態class類別的資料,可以寫到第二列以上?(Excel)
有應用程式阻止CHROME建立這個網站的安全連線(未安裝必要的fortinet根憑證)
熱門文章
Vigor Router Firewall 只允許通過即時通訊軟體 Skype Line TG 不允許上網,限制LINE只能文字不能傳檔案圖片語音
呼叫專家 建立智慧助理平台 Youtube總結專家
「天文學Python」如何在《獵星者旅店》中了解磁暴現象並學會用Python取得太陽的觀測影像?
找到最佳線上視頻下載方式 | 7大利器推薦
JS學習紀錄-06-其他運算子跟三元運算子
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}