iOS10下的全屏布局及漸變圖層

全屏布局

  1. 什么叫做全屏幕布局: 就是在一個(gè)屏幕上的布局,不想tableView可以滾動(dòng)钧萍,這個(gè)不可以滾動(dòng)
  2. 如何布局: 為了適配iPhone不同型號(hào)的手機(jī)屏幕尺寸,需要用到以下關(guān)鍵技術(shù)
  • 按照比例布局
  • 合理的使用容器視圖政鼠,按照功能模塊风瘦,將一組控制進(jìn)行分離
上半部分的綠色界面,和下面的白色界面

上半部分相對(duì)于父控件view的約束設(shè)置為

等高

乘數(shù)因子設(shè)置為

乘數(shù)因子
  • 如何設(shè)置xxx.top = 1.2 * centry
top約束

首先公般,選中垂直方向的約束線

選中約束線

然后

修改因子

效果圖

xxx

在下面的視圖中設(shè)置按鈕效果万搔,將其設(shè)置為圓形胡桨,點(diǎn)擊有動(dòng)畫并且出來(lái)兩個(gè)按鈕

實(shí)現(xiàn)方式

如圖所示先添加一張圖片,表示暫停瞬雹,繼續(xù)昧谊,然后將背景色backgroundColor設(shè)置為綠色

先設(shè)置兩個(gè)按鈕

將暫停設(shè)置為圓形1.選中按鈕2.如圖所示

設(shè)置圓形
效果

為了保證像以前版本的兼容,需要勾選一個(gè)屬性
首選選中按鈕2.如圖所示挖炬,勾選clip to bounds

Clip To Bounds

將三個(gè)按鈕向上挪動(dòng)一些
將暫停按鈕的垂直約束因子改為0.8揽浙,如圖所示,先選中暫停按鈕

更改垂直約束因子
更改垂直約束因子

更新約束然后意敛,選中暫停和結(jié)束按鈕的垂直約束刪除按住ctrl鍵拖到暫停按鈕上面馅巷,準(zhǔn)備讓暫停和繼續(xù)按鈕重合


更新約束,效果如下圖所示


按鈕重合

設(shè)置漸變圖層

什么叫做線性漸變
以一條線的方式草姻,從上向下钓猬,改變顏色
漸變圖層類

- (void)setupBackgroundLayer {
        CAGradientLayer *layer = [CAGradientLayer layer];
        [self.view.layer addSublayer:layer];
}

程序運(yùn)行后,看不到到效果撩独,因?yàn)闆](méi)有設(shè)置圖層的大小

(lldb)
 po layer
 <CAGradientLayer:0x600000227980; position = CGPoint (0 0); bounds = CGRect (0 0; 0 0); allowsGroupOpacity = YES; >
- (void)setupBackgroundLayer {
         //設(shè)置背景圖層
        CAGradientLayer *layer = [CAGradientLayer layer];
        //layer是通過(guò)bounds 和 position來(lái)指定位置的
        layer.bounds = self.view.bounds;
        layer.position = self.view.center;
        layer.backgroundColor = [UIColor redColor].CGColor;
        //圖層跟視圖一樣是有層次關(guān)系的敞曹,因此需要將他插入到最底層, 才能夠顯示view上面的控件
        [self.view.layer insertSublayer:layer atIndex:0];
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末综膀,一起剝皮案震驚了整個(gè)濱河市澳迫,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌剧劝,老刑警劉巖橄登,帶你破解...
    沈念sama閱讀 218,682評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異讥此,居然都是意外死亡拢锹,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,277評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門萄喳,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)卒稳,“玉大人,你說(shuō)我怎么就攤上這事他巨〕淇樱” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 165,083評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵染突,是天一觀的道長(zhǎng)匪傍。 經(jīng)常有香客問(wèn)我,道長(zhǎng)觉痛,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 58,763評(píng)論 1 295
  • 正文 為了忘掉前任茵休,我火速辦了婚禮薪棒,結(jié)果婚禮上手蝎,老公的妹妹穿的比我還像新娘。我一直安慰自己俐芯,他們只是感情好棵介,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,785評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著吧史,像睡著了一般邮辽。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上贸营,一...
    開(kāi)封第一講書人閱讀 51,624評(píng)論 1 305
  • 那天吨述,我揣著相機(jī)與錄音,去河邊找鬼钞脂。 笑死揣云,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的冰啃。 我是一名探鬼主播邓夕,決...
    沈念sama閱讀 40,358評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼阎毅!你這毒婦竟也來(lái)了焚刚?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 39,261評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤扇调,失蹤者是張志新(化名)和其女友劉穎矿咕,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體肃拜,經(jīng)...
    沈念sama閱讀 45,722評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡痴腌,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了燃领。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片士聪。...
    茶點(diǎn)故事閱讀 40,030評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖猛蔽,靈堂內(nèi)的尸體忽然破棺而出剥悟,到底是詐尸還是另有隱情,我是刑警寧澤曼库,帶...
    沈念sama閱讀 35,737評(píng)論 5 346
  • 正文 年R本政府宣布区岗,位于F島的核電站,受9級(jí)特大地震影響毁枯,放射性物質(zhì)發(fā)生泄漏慈缔。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,360評(píng)論 3 330
  • 文/蒙蒙 一种玛、第九天 我趴在偏房一處隱蔽的房頂上張望藐鹤。 院中可真熱鬧瓤檐,春花似錦、人聲如沸娱节。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,941評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)肄满。三九已至谴古,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間稠歉,已是汗流浹背掰担。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,057評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留轧抗,地道東北人恩敌。 一個(gè)月前我還...
    沈念sama閱讀 48,237評(píng)論 3 371
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像横媚,于是被迫代替她去往敵國(guó)和親纠炮。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,976評(píng)論 2 355

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

  • 什么叫做全屏幕布局: 就是在一個(gè)屏幕上的布局灯蝴,不想tableView可以滾動(dòng)恢口,這個(gè)不可以滾動(dòng) 如何布局: 為了適配...
    ngugg閱讀 2,028評(píng)論 2 4
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,161評(píng)論 25 707
  • 本文內(nèi)容:參考外文學(xué)習(xí)并使用Auto Layout,順便翻譯記錄穷躁。 原文 Beginning Auto Layou...
    獨(dú)木舟的木閱讀 1,671評(píng)論 0 4
  • I like you but just like you
    352469ce83e3閱讀 499評(píng)論 0 0
  • 一說(shuō)到孩子的自信心培養(yǎng)耕肩,身為父母的似乎都有話說(shuō)。 對(duì)父母而言问潭,自信被公認(rèn)為孩子最重要的素質(zhì)之一猿诸,被公認(rèn)為有出息孩子...
    木韋吉土閱讀 570評(píng)論 0 5