iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 7
0

經過了之前的介紹想必大家都了解swift中創建畫面的流程了吧,今天來介紹一下Storyboard中AutoLayout的應用。

AutoLayout

Auto Layout是一個以約束條件為基礎的佈局系統(constraint-based layout system),它讓開發者能夠開發一個能自我調整型的UI,可以依照螢幕的尺寸以及裝置的方向來調整。

如果沒有使用Auto Layout,我們在Storyboard所佈局的按鈕位置是固定的,這樣的話在不同的裝置中就會跑版,例如在iphone6中將一個Button放在畫面的正中間,如果同樣的Project在iphone6 Plus中開啟,就會發現這個Button跑到了中間偏左上的位置。

https://ithelp.ithome.com.tw/upload/images/20181022/20107549Z1pduswmlN.png

這解決這個問題我們就必須利用AutoLayout將元件的位置及大小以比例的方式呈現。
使用的方式為:
首先按著control鍵將元件拉至SuperView,接著便會跳出如下圖之畫面
https://ithelp.ithome.com.tw/upload/images/20181022/20107549N3XfmzvDGz.png
接著點選

  • Center Horizontally in Safe Area:將元件的x軸對齊畫面x軸的正中間
  • Center Vertically in Safe Srea:將元件的y軸對齊畫面y軸的正中間

就能確保元件在各個裝置都能夠在畫面的正中間了!

https://ithelp.ithome.com.tw/upload/images/20181022/20107549kxUdfBaZOr.png
點選元件後能在工具區看到這個元件所有的約束條件,先點擊A點那個類似尺的按鈕就能看到在B點區塊中所有的約束條件,並能進行編輯。

點擊約束條件欄位中的Edit就能修改約束條件
https://ithelp.ithome.com.tw/upload/images/20181022/20107549GH07gVnvCq.png

點選Multiplier那個欄位便能修改約束條件,在x軸的正中間為1,如下圖。
https://ithelp.ithome.com.tw/upload/images/20181022/20107549bANIaYCeZy.png
0為x軸的最左邊,1為x軸的正中間,2為x軸的最右邊。
0為y軸的最上面,1為y軸的正中間,2為y軸的最下面。
照比例進行放置位置。

今天就先介紹到這邊,明天繼續介紹更多的AutoLayout應用。


上一篇
DAY6 Stroyboard
下一篇
DAY8 AutoLayout(Part2)
系列文
iOS APP開發學習筆記 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
chistine101814
iT邦新手 5 級 ‧ 2018-10-25 02:04:00

是誰說玩音樂的小孩不會變壞
看我從玩音樂的小宅男 變成天菜
Damn right
千載 難逢的時間那就是現在
宅男變凶 宅男變凶宅

饒舌歌手都喜歡炫富 抱歉…我都炫技
饒舌歌手不喜歡唸書 抱歉…臺大電機
饒舌歌手都猙獰面目 抱歉…長得秀氣
饒舌歌手都喜歡電鍍 抱歉…比較喜歡上台電你
饒舌歌手都菸酒不離手
但我比較喜歡研究beat.flow 前奏一下絕對不熄火
饒舌歌手笑我學院派 呵是研究所
但最後 沒韻沒flow 還不是回頭來研究我

當饒舌歌手對臉書 漸漸成癮 我逐漸的 讀萬卷書 綀出 一身本領
身影 隱身在 書店 咖啡廳 再浮現時已是架上無限的成品
他們汲汲營營 比誰bling bling 你聽 chi ching 獎學金的聲音
跟我搶金音獎 問我你怎麼搶不贏
叫你多聽聽講 你怎麼講都講不聽

是誰說玩音樂的小孩不會變壞
看我從玩音樂的小宅男 變成天菜
Damn right
千載 難逢的時間那就是現在
宅男變凶 宅男變凶宅 凶宅 凶宅 凶宅
宅男變凶 宅男變凶宅

還記得剛開始 上台時 像個呆子 呵
用著方程式 算著拍子sounding like a nerd
各種搶拍和 忘詞 和放不開的靦腆
他們看我憨呆的樣子 對我指指點點說
Look at this guy 這麼的宅 還想站上舞台 這麼可愛 呵呵呵x∞
Why don't you give me the mic
Bitch you're killing the vibe
乖乖牌還玩什麼饒舌 快快回家彈你的陶喆
管你 來自什麼嘻研社 又不是杜振熙來自顏社

關於小熊仔
他即使受到一次一次鄙視 沒有因此遺失己志
反而以此逼自己 日復一日靠著意志力 累積實力與氣勢
現在曾對他嗤之以鼻的 都被他頤指氣使
誰想的到 從沒人想敲 到每個人都想要
水漲船高 演唱會的票 一堆妹搶著要
更多更詳盡歌詞 在 ※ Mojim.com 魔鏡歌詞網
誰想合照 (我 我 我) 來一個一個排隊來
誰想的到 鬼才想的到 難怪他們都說我是鬼才

是誰說玩音樂的小孩不會變壞
看我從玩音樂的小宅男 變成天菜
Damn right
千載 難逢的時間那就是現在
宅男變凶 宅男變凶宅 凶宅 凶宅 凶宅
宅男變凶 宅男變凶宅

說自己沒準備 然後考很廢 這種都被我欺凌
說自己沒準備 然後熬整夜 這種我最唾棄你
說自己熬整夜 然後考很廢 這種都沒我機靈
我都高分貝 說要拿高分 考倒數最後一名

說自己沒準備 然後考很廢 這種都被我欺凌
說自己沒準備 然後熬整夜 這種我最唾棄你
說自己熬整夜 然後考很廢 這種都沒我機靈
我都高分貝 說要拿高分 考倒數最後一名

你看那多工的過動兒 一邊做歌一邊做功課
發展出到底是多風格 還是多重人格 他們都說我瘋了
像是24個比利 調配我的人格特質比例
白天受科學式的啟迪 晚上變歌詞製造機器
沒辦法克制 歇斯底里 隨時提筆 寫詞維持技藝
允文允武 但韻文就是我裝備的武器
表面揚眉又吐氣 背後付出雙倍的努力 雙倍的武力
5x2=10 所以有的是實力

怎麼那麼宅 怎麼那麼鳥 到
怎麼那麼帥 怎麼那麼屌 怎麼那麼有腦袋
怎麼那麼罩 這麼多的才華 這麼少時間 怎麼做的到
flow怎麼那麼快 韻怎麼那麼巧 笑容這麼壞 對人怎麼那麼好
到底怎麼做的到 沒道理 真的想知道 我教你 來

一早起來 就卯起來 我跳起來 我超期待
新考驗拿份考題來 不小心我又考100
我鑽研我的專業能力維持我的專頁人氣
管理粉絲專頁回覆每個粉絲給的關切
回覆每個專題生提出的每個專題問題
回顧我的專輯整體度有沒有貫徹徹底
回到我的秘密基地繼續努力鑽研動筆
Just so I can be the truly one and only WHAT?!

凶宅 凶宅 凶宅 宅男變凶 宅男變凶宅
凶宅 凶宅 凶宅 宅男變凶 宅男變凶宅 凶宅!

我要留言

立即登入留言