技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 11 屆 iThome 鐵人賽
DAY
11
0
自我挑戰組
Hello Swift
系列 第
11
篇
11/30 Auto Layout
swift
Emma
團隊
好想工作室 v3.0
2019-09-26 19:33:19
752 瀏覽
分享至
排版排起來~
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鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
19838
篇
完賽人數
529
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
FortiGate 的VLAN Switch問題
源碼檢測稽核會不會超耗時
內控內稽的作業流程圖.請問哪裡有設備工程業的
你們都在哪裡購買SSL
WIN SERVER 出現錯誤LOG
VMware上的虛擬機多了一個VMDK的硬碟在增長
浮水印在PDF上沒有辦法顯示
DOCKER問題請教
越南 Oracle EBS 輔導顧問公司
熱門回答
你們都在哪裡購買SSL
源碼檢測稽核會不會超耗時
FortiGate 的VLAN Switch問題
內控內稽的作業流程圖.請問哪裡有設備工程業的
WIN SERVER 出現錯誤LOG
熱門文章
Google 暗網監控 暗網報告
[實作] 不用買貴森森的 Vector!我用 Python 自製了一套 J1939 CAN Bus 解碼器
資料視覺化工具比較全攻略:選出最懂你的可視化平台
別找了!最全資料視覺化配色指南在這
掌握財務命脈:揭祕16個常用的財務指標
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}