[iOS]實現(xiàn)UIView的背景漸變

我們經(jīng)常需要把UIView的背景色設置為漸變色,雖然找一張漸變的背景圖很方便,但是圖片是要占用資源的,所以我們最好使用代碼來實現(xiàn)效果。

我們使用的是CAGradientLayer來實現(xiàn)這個效果。

上代碼

    //實現(xiàn)背景漸變
    
    //初始化我們需要改變背景色的UIView,并添加在視圖上
    self.theView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 200)];
    [self.view addSubview:self.theView];
    
    //初始化CAGradientlayer對象,使它的大小為UIView的大小
    self.gradientLayer = [CAGradientLayer layer];
    self.gradientLayer.frame = self.theView.bounds;
    
    //將CAGradientlayer對象添加在我們要設置背景色的視圖的layer層
    [self.theView.layer addSublayer:self.gradientLayer];
    
    //設置漸變區(qū)域的起始和終止位置(范圍為0-1)
    self.gradientLayer.startPoint = CGPointMake(0, 0);
    self.gradientLayer.endPoint = CGPointMake(0, 1);
    
    //設置顏色數(shù)組
    self.gradientLayer.colors = @[(__bridge id)[UIColor blueColor].CGColor,
                                  (__bridge id)[UIColor redColor].CGColor];
    
    //設置顏色分割點(范圍:0-1)
    self.gradientLayer.locations = @[@(0.5f), @(1.0f)];

注意

  • 漸變區(qū)域的范圍是 (0,0) -> (1,1)
  • 漸變層要添加在需要漸變視圖的layer層
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 我們經(jīng)常需要把UIView的背景色設置為漸變色,雖然找一張漸變的背景圖很方便,但是圖片是要占用資源的,所以我們最好...
    程序猿小武閱讀 641評論 0 0
  • 轉載:http://www.itdecent.cn/p/32fcadd12108 每個UIView有一個伙伴稱為l...
    F麥子閱讀 6,583評論 0 13
  • 每個UIView有一個伙伴稱為layer,一個CALayer。UIView實際上并沒有把自己畫到屏幕上;它繪制本身...
    shenzhenboy閱讀 3,255評論 0 17
  • 幼兒園排練六一節(jié)目,晚上回來,天天很認真的練習??赡苁菂f(xié)調(diào)力差,有個動作做的很不好。 昨晚回來,他很著急,于是吃過...
    素衣煙霞閱讀 216評論 0 1
  • 一遇見你,真好 “多幸運,在最美的年紀遇見了你。” 我是相信緣份這東西的,從相識到相知,是心與心交流,而從相知到相...
    十二樓中閱讀 476評論 3 1

友情鏈接更多精彩內(nèi)容