iOS 漸變色和毛玻璃效果

使用CAGradientLayer實(shí)現(xiàn)漸變色效果

#define kRGBColor(r, g, b, a)  [UIColor colorWithRed:(r) / 255.0 green:(g) / 255.0 blue:(b) / 255.0 alpha: a]

// 創(chuàng)建 CAGradientLayer 對(duì)象
CAGradientLayer *gradientLayer = [CAGradientLayer layer];

// 設(shè)置 gradientLayer 的 Frame
gradientLayer.frame = self.view.bounds;

// 創(chuàng)建漸變色數(shù)組,需要轉(zhuǎn)換為CGColor顏色
gradientLayer.colors = @[(id)[UIColor whiteColor].CGColor,(id)kRGBColor(30, 144, 255, 1).CGColor];

// 設(shè)置顏色分割點(diǎn)
gradientLayer.locations = @[@(0.1f) ,@(1)];

// 設(shè)置漸變顏色方向,左上點(diǎn)為(0,0), 右下點(diǎn)為(1,1)
gradientLayer.startPoint = CGPointMake(0, 0);
gradientLayer.endPoint = CGPointMake(0, 1);

// 添加漸變色到創(chuàng)建的 UIView 上
[self.view.layer addSublayer:gradientLayer];

毛玻璃效果

 // 創(chuàng)建imageView    
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 240, self.view.bounds.size.width, 200)];       
[imageView setImage:[UIImage imageNamed:@"cr7.jpg"]];  
[self.view addSubview:imageView];      

// blur效果       
UIVisualEffectView *visual = [[UIVisualEffectView alloc] initWithEffect:[UIBlurEffect effectWithStyle:UIBlurEffectStyleLight]];      
visual.frame = imageView.bounds;       
visual.alpha = 0.8f;   
[imageView addSubview:visual];
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,323評(píng)論 4 61
  • cuiymdeMacBook-Pro:webapps cuiym$ brew install activemq 1...
    回聲2016閱讀 1,279評(píng)論 0 0
  • TCP:Transmission Control Protocol,傳輸控制協(xié)議 IP:Internet Prot...
    踩在浪花上00閱讀 496評(píng)論 0 0
  • 我的這段感情 開始就很無(wú)奇 我表白 她接受 從開始就像一杯白開水 她說(shuō)答應(yīng)的原因是 她不煩我 可以和我聊天很久 本...
    啊哈嘿呀閱讀 267評(píng)論 0 0
  • Cmake 入門 前言 CMake是一個(gè)比make更高級(jí)的編譯配置工具,它可以根據(jù)不同平臺(tái)、不同的編譯器,生成相應(yīng)...
    渝潼不肖生閱讀 2,243評(píng)論 1 5

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