xib適配問題

??前言:在咱們iOS平時(shí)的開發(fā)過程中,難免會(huì)跟xib打交道痰滋,所以掌握xib適配就成了非純代碼開發(fā)人員必須學(xué)會(huì)的一門技能予权,我這里列舉一些xib適配的技巧,除了方便那些對(duì)xib還沒玩透的童鞋參閱脂凶,也算是對(duì)自己學(xué)習(xí)的總結(jié)歸納宪睹。

一:當(dāng)我們開發(fā)需求中要求有多個(gè)視圖一起平分某一個(gè)視圖寬度的時(shí)候(注:假設(shè)這里是需要三個(gè)UIView平分屏幕寬度)

1.第一點(diǎn),咱們需要向創(chuàng)建的xib文件中拖入一個(gè)UIView,然后復(fù)制出兩個(gè)UIView出來

2.然后設(shè)置三個(gè)視圖等寬等高

3.設(shè)置第一個(gè)視圖距離上左下間距為0



4.設(shè)置第二個(gè)視圖距離上左下間距為0

5.設(shè)置第三個(gè)視圖距離上下左右都是0

6.最后選中三個(gè)視圖按下command + option + 加號(hào)快捷鍵蚕钦,這三個(gè)視圖就平分整個(gè)屏幕了亭病。你可以將三個(gè)視圖設(shè)置不同顏色就可以看到效果。

二:在平時(shí)開發(fā)中難免會(huì)遇到圖片和文字需要放在一起嘶居,并且文字是動(dòng)態(tài)變長(zhǎng)的罪帖,但是如果需要將挨著的圖片和文字同時(shí)居中對(duì)齊,而不采用拉約束代碼控制邮屁,可能就要復(fù)雜一些了整袁,下面咱們來講講這種情況怎么設(shè)置約束

1.創(chuàng)建一個(gè)UIView視圖來裝我們需要控制的Label和圖片,



2.并且設(shè)置UIView居中相對(duì)父視圖居中對(duì)齊佑吝,并設(shè)置距離上邊的約束



3.這時(shí)你會(huì)發(fā)現(xiàn)xib報(bào)錯(cuò)坐昙,點(diǎn)開錯(cuò)誤提示你沒有設(shè)置UIView的寬高,這時(shí)不用理會(huì)

4.將圖標(biāo)加入到UIView中芋忿,并且設(shè)置它水平居中



5.然后設(shè)置到父視圖左邊的距離炸客,以及寬高,此時(shí)我們會(huì)發(fā)現(xiàn)xib滿篇報(bào)錯(cuò),不用緊張戈钢,咱們繼續(xù)

6.加入Label,并且設(shè)置它距離上下左右間距為0

7.選中圖片和Label以及裝載它們的UIView,同時(shí)一起更新約束嚷量,OK,完美解決逆趣,之后你的文字不管你怎么變長(zhǎng)蝶溶,只有文字只有一行,圖片和文字作為一個(gè)整體就是居中對(duì)齊的宣渗,看下效果圖吧抖所。(注:還可以添加上去一個(gè)Button同時(shí)設(shè)置圖片和文字,并調(diào)整他們的位置關(guān)系也可以達(dá)到相同的效果)


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末痕囱,一起剝皮案震驚了整個(gè)濱河市田轧,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌鞍恢,老刑警劉巖傻粘,帶你破解...
    沈念sama閱讀 211,265評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件每窖,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡弦悉,警方通過查閱死者的電腦和手機(jī)窒典,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來稽莉,“玉大人瀑志,你說我怎么就攤上這事∥鄹眩” “怎么了劈猪?”我有些...
    開封第一講書人閱讀 156,852評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)良拼。 經(jīng)常有香客問我战得,道長(zhǎng),這世上最難降的妖魔是什么庸推? 我笑而不...
    開封第一講書人閱讀 56,408評(píng)論 1 283
  • 正文 為了忘掉前任贡避,我火速辦了婚禮,結(jié)果婚禮上予弧,老公的妹妹穿的比我還像新娘刮吧。我一直安慰自己,他們只是感情好掖蛤,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評(píng)論 5 384
  • 文/花漫 我一把揭開白布杀捻。 她就那樣靜靜地躺著,像睡著了一般蚓庭。 火紅的嫁衣襯著肌膚如雪致讥。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,772評(píng)論 1 290
  • 那天器赞,我揣著相機(jī)與錄音垢袱,去河邊找鬼。 笑死港柜,一個(gè)胖子當(dāng)著我的面吹牛请契,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播夏醉,決...
    沈念sama閱讀 38,921評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼爽锥,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了畔柔?” 一聲冷哼從身側(cè)響起氯夷,我...
    開封第一講書人閱讀 37,688評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎靶擦,沒想到半個(gè)月后腮考,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體雇毫,經(jīng)...
    沈念sama閱讀 44,130評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評(píng)論 2 325
  • 正文 我和宋清朗相戀三年踩蔚,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了棚放。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,617評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡寂纪,死狀恐怖席吴,靈堂內(nèi)的尸體忽然破棺而出赌结,到底是詐尸還是另有隱情捞蛋,我是刑警寧澤,帶...
    沈念sama閱讀 34,276評(píng)論 4 329
  • 正文 年R本政府宣布柬姚,位于F島的核電站拟杉,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏量承。R本人自食惡果不足惜搬设,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望撕捍。 院中可真熱鬧拿穴,春花似錦、人聲如沸忧风。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽狮腿。三九已至腿宰,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間缘厢,已是汗流浹背吃度。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評(píng)論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留贴硫,地道東北人椿每。 一個(gè)月前我還...
    沈念sama閱讀 46,315評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像英遭,于是被迫代替她去往敵國和親拖刃。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評(píng)論 2 348