全屏布局
- 什么叫做全屏幕布局: 就是在一個(gè)屏幕上的布局,不想tableView可以滾動(dòng)钧萍,這個(gè)不可以滾動(dòng)
- 如何布局: 為了適配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];
}