CAGradientLayer的使用（漸變）

2019-11-09 15:02:43

字體：大中小

來源：轉載

供稿：網友

1.顏色漸變

-(void)createUI{ UIView *myView = [[UIView alloc] initWithFrame:CGRectMake(10, 400, 350, 20)]; [self.view addSubview:myView]; // 創建 CAGradientLayer 對象 CAGradientLayer *gradientLayer = [CAGradientLayer layer]; // 設置 gradientLayer 的 Frame gradientLayer.frame = myView.bounds; // 設置漸變顏色方向，左上點為(0,0), 右下點為(1,1) gradientLayer.startPoint = CGPointMake(0, 0.5); gradientLayer.endPoint = CGPointMake(1.0, 0.5); // 創建漸變色數組，需要轉換為CGColor顏色 NSMutableArray * colorsArray = [NSMutableArray array]; for (NSInteger i = 0; i <= 360; i += 5) { UIColor *color = [UIColor colorWithHue:1.0 * i / 360 saturation:1.0 brightness:1.0 alpha:1.0]; [colorsArray addObject:(id)[color CGColor]]; }; gradientLayer.colors = colorsArray; // 添加漸變色到創建的 UIView 上去 [myView.layer addSublayer:gradientLayer];}

這里寫圖片描述 2.圖片顯示

CAGradientLayer * gradientLayer = [[CAGradientLayer alloc] init]; gradientLayer.frame = self.baseImageView.bounds; gradientLayer.colors = @[(__bridge id)[UIColor clearColor].CGColor,(__bridge id)[UIColor blackColor].CGColor,(__bridge id)[UIColor clearColor].CGColor]; gradientLayer.locations = @[@(0.25),@(0.5),@(0.75)]; gradientLayer.startPoint = CGPointMake(0, 0); gradientLayer.endPoint = CGPointMake(1, 1);// 創建一個接受 gradientLayer 的 View _containtView = [[UIView alloc] initWithFrame:_baseImageView.bounds]; [_containtView.layer addSublayer:gradientLayer];// 將 _baseImageView 的 maskView 設置為 containtView self.baseImageView.maskView = _containtView; [NSTimer scheduledTimerWithTimeInterval:3.0f target:self selector:@selector(repeat) userInfo:nil repeats:YES];

定時器

- (void)repeat{ dispatch_async(dispatch_get_main_queue(), ^{ __block CGRect rect = CGRectMake(-_baseImageView.bounds.size.width, 0, _baseImageView.bounds.size.width * 2, _baseImageView.bounds.size.height * 2); _containtView.frame = rect; [UIView animateWithDuration:1.0f animations:^{ rect.origin.x = _baseImageView.bounds.size.width; _containtView.frame = rect; }]; });}

效果圖