iOS开发 专用图层(三)CAGradientLayer

本文介绍如何使用 CAGradientLayer 实现平滑渐变效果,包括彩虹及金属风格光影。通过实例演示了如何设置渐变的颜色、位置等属性,并提供了完整的代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    CAGradientLayer可以用来生成2种活着多种颜色的平滑渐变,像彩虹,金属风格的光影效果等,使用CAGradientLayer的好处在于使用了硬件加速。

    具体使用很简单,不用多少,直接上代码和效果图即可。

    

//
//  CAGradientLayer.m
//  iOSanimation
//
//  Created by biyabi on 15/11/30.
//  Copyright © 2015年 caijunrong. All rights reserved.
//

#import "CAGradientLayerVC.h"

@interface CAGradientLayerVC ()

@property (nonatomic, strong) UIView *GView;

@end

@implementation CAGradientLayerVC

- (void)viewDidLoad {
    [super viewDidLoad];
    [self.view setBackgroundColor:[UIColor whiteColor]];
    
    //增加CAGradientLayer渐变效果
    CAGradientLayer *gradientLayer = [CAGradientLayer layer];
    gradientLayer.frame = self.GView.bounds;
    
    [self.GView.layer addSublayer:gradientLayer];
    
    //注意这里是数组,而且要进行类型转换
    gradientLayer.colors = @[(__bridge id)[UIColor lightGrayColor].CGColor,(__bridge id)[UIColor whiteColor].CGColor, (__bridge id)[UIColor groupTableViewBackgroundColor].CGColor];
    
    //如果只是基础渐变的话,这个可以不用加,按比例
    gradientLayer.locations = @[@0,@0.5,@0.8];
    
    //启始点,比例
    gradientLayer.startPoint = CGPointMake(0, 0);
    
    //结束点,比例
    gradientLayer.endPoint = CGPointMake(1, 1);
    
    
}

- (UIView *)GView{
    if (!_GView) {
        _GView  = [[UIView alloc]initWithFrame:CGRectMake(30, 94, [UIScreen mainScreen].bounds.size.width - 30*2,[UIScreen mainScreen].bounds.size.width - 30*2 )];
        [self.view addSubview:_GView];
    }
    return _GView;
}


- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

/*
#pragma mark - Navigation

// In a storyboard-based application, you will often want to do a little preparation before navigation
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
    // Get the new view controller using [segue destinationViewController].
    // Pass the selected object to the new view controller.
}
*/

@end

    效果图图下:

    120718_ABgg_2430867.png   


转载于:https://my.oschina.net/caijunrong/blog/537313

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值