UI視圖-屏幕適配

適配方案

  • 手碼適配
    手碼寫控件的時(shí)候用此方法適配
    根據(jù)當(dāng)前屏幕寬高,其他控件坐標(biāo)及寬高等進(jìn)行適配
//獲取屏幕的寬高
#define ScreenWidth [UIScreen mainScreen].bounds.size.width
#define ScreenHeight [UIScreen mainScreen].bounds.size.height

示例:
labelOne根據(jù)當(dāng)前屏幕寬高適配
labelTwo根據(jù)labelOne坐標(biāo)及寬高進(jìn)行適配

    UILabel *labelOne = [[UILabel alloc] initWithFrame:CGRectMake(ScreenWidth/2 - 20, 20, 40, 40)];
    labelOne.backgroundColor = [UIColor yellowColor];
    [self.view addSubview:labelOne];
    
    UILabel *labelTwo = [[UILabel alloc] initWithFrame:CGRectMake(labelOne.frame.origin.x, labelOne.frame.origin.y + labelOne.frame.size.height + 10, labelOne.frame.size.width, labelOne.frame.size.height)];
    labelTwo.backgroundColor = [UIColor greenColor];
    [self.view addSubview:labelTwo];

效果圖:

78AA851F-9710-447C-9A52-C6446788DD40.png
  • AutoResizing
    AutoLayout之前的適配方法,現(xiàn)在不常用了
    在view的autoresizesSubviews屬性為YES時(shí)(默認(rèn)為YES), AutoResizing才會(huì)生效
    因?yàn)閺腦code6開始,storyboard&xib默認(rèn)是自動(dòng)布局,所以需要手動(dòng)調(diào)整,才能使用AutoResizing,按下圖所示,將AutoLayout和SizeClasses取消勾選
BD1741E0-311A-421C-A9F7-A08313C8B750.png

示例:
在view上添加textField,根據(jù)屏幕寬度自動(dòng)伸縮,左右距離屏幕均為20
1-根據(jù)當(dāng)前view的尺寸(寬375,高667),將textField添加在正確位置

7F0B21A8-598B-494A-987F-88542920D826.png

2-方框內(nèi)的橫豎為textField的寬高是否縮放,方框外的上下左右為距離父視圖的距離

DEDB62C4-0815-4FE3-86E3-EB03F644D657.png

效果圖:

A2C5379E-746E-4B2A-AA14-ED3F2F7D1CC6.png

如果只設(shè)置了上邊距和右邊距,則運(yùn)行結(jié)果為:

C89268DA-2BC5-4027-9DBE-9FA1B5B1FA30.png
  • AutoLayout
直接約束

簡(jiǎn)單易用,最愛!只需要給每一個(gè)控件設(shè)置好唯一位置即可!
下圖暗色部分,為設(shè)置兩個(gè)控件坐標(biāo)時(shí)使用
下圖最下面兩行,為屏幕寬高居中

384916D6-D79D-40DB-B8AB-145030CB809E.png

下圖為設(shè)置某一控件上下左右距離及自身寬高

8876192B-963C-4126-916B-9F37A40335D4.png

注意:此兩種配合使用時(shí),很可能出現(xiàn)設(shè)置重復(fù),在下圖中查看,將重復(fù)的刪除即可(點(diǎn)中某一行,直接delete)

D16E789F-88AF-40A9-9E73-47C5DD2D614E.png

快捷鍵:
command+option+"=" 將控件移動(dòng)到適配后的位置

VFL語(yǔ)言約束

僅了解一點(diǎn),沒怎么用過

    UIButton *button=[[UIButton alloc]init];
    [button setTitle:@"VFL約束" forState:UIControlStateNormal];
    button.translatesAutoresizingMaskIntoConstraints=NO;
    [button setBackgroundColor:[UIColor blackColor]];
    [self.view addSubview:button];
    NSArray *constraints1=[NSLayoutConstraint
                           constraintsWithVisualFormat:@"H:|-[button]-|"
                           options:0
                           metrics:nil
                           views:NSDictionaryOfVariableBindings(button)];
    NSArray *constraints2=[NSLayoutConstraint
                           constraintsWithVisualFormat:@"V:|-20-[button(==30)]"
                           options:0
                           metrics:nil
                           views:NSDictionaryOfVariableBindings(button)];
    [self.view addConstraints:constraints1];  
    [self.view addConstraints:constraints2];

效果圖:

6C6CA8CD-53F7-4117-8C1C-3D930A4F858F.png

-** SizeClasses**
iOS8之后新增的特性,將屏幕分成不同的抽象概念,具體還未使用過

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末休偶,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌哈踱,老刑警劉巖辫继,帶你破解...
    沈念sama閱讀 211,348評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件寄狼,死亡現(xiàn)場(chǎng)離奇詭異纹烹,居然都是意外死亡澳化,警方通過查閱死者的電腦和手機(jī)持寄,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,122評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門穿肄,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人际看,你說(shuō)我怎么就攤上這事咸产。” “怎么了仲闽?”我有些...
    開封第一講書人閱讀 156,936評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵脑溢,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我赖欣,道長(zhǎng)屑彻,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,427評(píng)論 1 283
  • 正文 為了忘掉前任顶吮,我火速辦了婚禮社牲,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘悴了。我一直安慰自己搏恤,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,467評(píng)論 6 385
  • 文/花漫 我一把揭開白布湃交。 她就那樣靜靜地躺著熟空,像睡著了一般。 火紅的嫁衣襯著肌膚如雪搞莺。 梳的紋絲不亂的頭發(fā)上息罗,一...
    開封第一講書人閱讀 49,785評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音才沧,去河邊找鬼迈喉。 笑死,一個(gè)胖子當(dāng)著我的面吹牛温圆,可吹牛的內(nèi)容都是我干的挨摸。 我是一名探鬼主播,決...
    沈念sama閱讀 38,931評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼捌木,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼油坝!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,696評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤澈圈,失蹤者是張志新(化名)和其女友劉穎彬檀,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體瞬女,經(jīng)...
    沈念sama閱讀 44,141評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡窍帝,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,483評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了诽偷。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片坤学。...
    茶點(diǎn)故事閱讀 38,625評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖报慕,靈堂內(nèi)的尸體忽然破棺而出深浮,到底是詐尸還是另有隱情,我是刑警寧澤眠冈,帶...
    沈念sama閱讀 34,291評(píng)論 4 329
  • 正文 年R本政府宣布飞苇,位于F島的核電站,受9級(jí)特大地震影響蜗顽,放射性物質(zhì)發(fā)生泄漏布卡。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,892評(píng)論 3 312
  • 文/蒙蒙 一雇盖、第九天 我趴在偏房一處隱蔽的房頂上張望忿等。 院中可真熱鬧,春花似錦崔挖、人聲如沸贸街。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)匾浪。三九已至皇帮,卻和暖如春卷哩,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背属拾。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工将谊, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人渐白。 一個(gè)月前我還...
    沈念sama閱讀 46,324評(píng)論 2 360
  • 正文 我出身青樓尊浓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親纯衍。 傳聞我的和親對(duì)象是個(gè)殘疾皇子栋齿,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,492評(píng)論 2 348

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

  • 簡(jiǎn)介: 1.在以前的IOS程序中,是如何設(shè)置布局UI界面的?解決方式:(1)經(jīng)常編寫大量的坐標(biāo)瓦堵,計(jì)算代碼(2)為了...
    IIronMan閱讀 539評(píng)論 1 2
  • 屏幕適配的發(fā)展歷史 iPhone3GS\iPhone4沒有屏幕適配可言全部用frame基协、bounds、center...
    嗶哩嗶哩智能喵閱讀 607評(píng)論 0 0
  • 如果有國(guó)產(chǎn)劇追菇用,那我肯定不會(huì)再追美劇澜驮。畢竟文化隔膜這個(gè)東西還是真實(shí)存在的,會(huì)無(wú)形的影響你對(duì)很多細(xì)致入微的東西的體會(huì)...
    聽風(fēng)雨寒閱讀 317評(píng)論 1 3
  • 藝術(shù)·文化·園林之魂——“宅”的藝術(shù) 作者:微思考 錯(cuò)落有致惋鸥、曲徑通幽杂穷、別有洞天構(gòu)成了當(dāng)年第一次踏足蘇州園林時(shí)留給...
    簡(jiǎn)黛玉閱讀 2,698評(píng)論 5 52
  • 艾融愛意涌真情, 思化詩(shī)心不慕名卦绣, 自有歪才吟濫調(diào)耐量, 嘲言諷我夢(mèng)明星。 注:首嵌"艾思自嘲“四字滤港。 前段有人評(píng)論我...
    艾思閱讀 215評(píng)論 2 6