胡說八道 - 1 StoryBoard

布局方式

布局方式我知道三種:1 純代碼計算控件尺寸,不使用系統(tǒng)和第三方工具 2 使用系統(tǒng)自帶函數(shù)或者使用 Masonry 等第三方框架 3 使用系統(tǒng)自帶 StoryBoard。

StoryBoard 胡謅

1 子控件和父控件上拖拖約束就完了豌蟋。

[注] 在不同尺寸屏幕上顯示相同的內(nèi)容(對應(yīng)的果覆,子控件的大小肯定會發(fā)生變化)画饥。 2 在大尺寸屏幕上顯示更多的內(nèi)容(控件在所有屏幕上的顯示尺寸是一樣的,在大屏幕上能顯示的內(nèi)容更多) 以上兩種情況郊霎,可以查看蘋果 APP Store 參考簿透。

2 約束添加原則

1 能不多加就不多加移袍,一個控件的基本約束保證在 (1) 水平和豎直方向 (2) 寬度和高度的約束。
2 比例約束萎战、優(yōu)先級約束可以解決許多不可能的任務(wù)咐容,不要多加。
3 解決黃色警告蚂维,關(guān)注控制臺打印,及時解決路狮,不在約束問題上出錯虫啥。
[注] 1 StoryBoard 中的約束最終操作的也是控件的位置 (x,y) 和尺寸 (hight,width),不能站在后來者的角度說前者的不好奄妨。在開發(fā)中涂籽,要保持靈活性,應(yīng)該根據(jù)實際情況選擇代碼+Xib 或者 StoryBoard 來完成任務(wù)砸抛。
2 使用 StoryBoard 的幾個可能存在的問題
(1) 出現(xiàn)在控制臺上的約束問題不好調(diào)試 (目前我也沒有好的解決方法评雌,只有在對應(yīng)位置將約束刪掉重新添加)。
(2) 版本管理不好控制直焙。針對開發(fā)團(tuán)隊規(guī)模調(diào)整景东,如果 2-3 人的小團(tuán)隊,可以只使用一個 Git 分支奔誓,按照順序提交代碼斤吐。如果是中大型團(tuán)隊,可以(1)專人管理 StoryBoard (2)按模塊區(qū)分厨喂,一個模塊對應(yīng)一個 StoryBoard 文件和措。
3 最最重要的問題
一定要親自動手拖!別人寫的 StoryBoard 和 AutoLayout 的文章可以為你提供思路蜕煌,但是請自己思考為什么這么做派阱,然后不要“硬搬”文章的套路。孰能生巧斜纪。

3 關(guān)于兩種形式
3.1 不同屏幕上控件內(nèi)容相同(定間距)

此時贫母,控件肯定被拉伸了(水平伸縮故响、中心放縮、豎直伸縮等)颁独。不變的是誰彩届?控件與屏幕上下左右四條邊的距離(簡稱間距)!
水平或者豎直拉伸:以水平拉伸為例誓酒,保持控件水平位置不變(可以設(shè)置距上距離不變)樟蠕,設(shè)置到屏幕兩邊的距離為定值。
中心放縮:居中顯示的視圖 做法1:設(shè)置控件到上下左右的距離為定值靠柑,自然會被拉升寨辩。做法2:設(shè)置控件為水平豎直居中,然后設(shè)置控件的寬高和屏幕視圖之間的比例為某一個定值歼冰,同樣能實現(xiàn)靡狞。設(shè)置比例時應(yīng)該注意兩個關(guān)系控件的前后關(guān)系。
這里控件的大小一般在不同屏幕上可不是定值哦隔嫡。

3.2 大屏幕上顯示的內(nèi)容多一點(定尺寸)

在所有屏幕上的控件大小都相同甸怕,但是現(xiàn)實內(nèi)容多寡是不同的。這里的控件的大小就可以使用定值了腮恩。
例子:APP Store 中的 APP 輪播圖梢杭。

4 實現(xiàn)新浪微博的個人中心詳情頁

將約束拖到控制器中進(jìn)行動態(tài)調(diào)整。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末秸滴,一起剝皮案震驚了整個濱河市武契,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌荡含,老刑警劉巖咒唆,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異释液,居然都是意外死亡全释,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進(jìn)店門均澳,熙熙樓的掌柜王于貴愁眉苦臉地迎上來恨溜,“玉大人,你說我怎么就攤上這事找前≡阍” “怎么了?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵躺盛,是天一觀的道長项戴。 經(jīng)常有香客問我,道長槽惫,這世上最難降的妖魔是什么周叮? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任辩撑,我火速辦了婚禮,結(jié)果婚禮上仿耽,老公的妹妹穿的比我還像新娘合冀。我一直安慰自己,他們只是感情好项贺,可當(dāng)我...
    茶點故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布君躺。 她就那樣靜靜地躺著,像睡著了一般开缎。 火紅的嫁衣襯著肌膚如雪棕叫。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天奕删,我揣著相機與錄音俺泣,去河邊找鬼。 笑死完残,一個胖子當(dāng)著我的面吹牛伏钠,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播坏怪,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼贝润,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了铝宵?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤华畏,失蹤者是張志新(化名)和其女友劉穎鹏秋,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體亡笑,經(jīng)...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡侣夷,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了仑乌。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片百拓。...
    茶點故事閱讀 38,622評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖晰甚,靈堂內(nèi)的尸體忽然破棺而出衙传,到底是詐尸還是另有隱情,我是刑警寧澤厕九,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布蓖捶,位于F島的核電站,受9級特大地震影響扁远,放射性物質(zhì)發(fā)生泄漏俊鱼。R本人自食惡果不足惜刻像,卻給世界環(huán)境...
    茶點故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望并闲。 院中可真熱鬧细睡,春花似錦、人聲如沸帝火。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽购公。三九已至萌京,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間宏浩,已是汗流浹背知残。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留比庄,地道東北人求妹。 一個月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像佳窑,于是被迫代替她去往敵國和親制恍。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,490評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 前言 iPhone自誕生以來鹃唯,隨著其屏幕尺寸不斷的多樣化,屏幕適配的技術(shù)一直在發(fā)展更新瓣喊。目前坡慌,iOS系統(tǒng)版本已經(jīng)更...
    VV木公子閱讀 15,363評論 24 170
  • 我們在上一篇《通過代碼自定義不等高cell》中學(xué)習(xí)了tableView的相關(guān)知識,本文將在上文的基礎(chǔ)上藻三,利用sto...
    啊世ka閱讀 1,501評論 2 7
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫洪橘、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,059評論 4 62
  • 翻譯自“Auto Layout Guide”棵帽。 1 入門 1.1 理解自動布局 自動布局根據(jù)視圖層級結(jié)構(gòu)中視圖上的...
    lakerszhy閱讀 3,566評論 3 26
  • 冬日的影子 不同于夏日 太陽也是 只夠曬黑我的頭發(fā) 還有眼珠 所以影子 也只有黑黑的頭發(fā) 和黑黑的眼
    Lonelyran閱讀 136評論 1 3