图层的基本使用
Main.storyboard
ViewConroller.m
//
// ViewController.m
// 7A10.图层基本使用
//
// Created by huan on 16/2/3.
// Copyright © 2016年 huanxi. All rights reserved.
//
#import "ViewController.h"
#import "UIImage+CZ.h"
@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIImageView *imageView;
@property (weak, nonatomic) IBOutlet UIView *redView;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
//学习CALayer的属性
//获取圆角图片
UIImage *image = [UIImage cornerImageWithImageName:@"papa" cornerRadius:10 borderWidth:2 borderColor:[UIColor redColor]];
//设置阴影(一定要配合透明度)
self.redView.layer.shadowColor = [UIColor blackColor].CGColor;
//设置阴影的透明度
self.redView.layer.shadowOpacity = 0.5;
//设置阴影的位置
self.redView.layer.shadowOffset = CGSizeMake(150, 150);
//设置内容 一般设置图片，并且的图片的数据类型为CGImageRef
self.redView.layer.contents = (id)image.CGImage;
/**
*1.如果设置了masksToBounds为Yes，阴影会不出来，原因，阴影也被切掉了
*2.如果你想有圆角的效果。又想有阴影，图片本来就有圆角效果
*3. 换句话说，自己把图片转换有圆角的图片，再显示
*/
}
-(void)test1{
//autoLayout影响的尺寸设置
//设置尺寸
self.redView.layer.bounds = CGRectMake(0, 0, 150, 150);
//设置边框的颜色（一定要设置宽度）
self.redView.layer.borderColor = [UIColor blackColor].CGColor;
//设置边框的宽度
self.redView.layer.borderWidth = 2;
//设置背景颜色
self.redView.layer.backgroundColor = [UIColor greenColor].CGColor;
//设置圆角效果
self.redView.layer.cornerRadius = 10;
//如果圆角周边的剪掉的话，设置一个属性
self.redView.layer.masksToBounds = YES;
//设置阴影(一定要配合透明度)
self.redView.layer.shadowColor = [UIColor blackColor].CGColor;
//设置阴影的透明度
self.redView.layer.shadowOpacity = 0.5;
//设置阴影的位置
self.redView.layer.shadowOffset = CGSizeMake(50, 50);
//设置内容 一般设置图片，并且的图片的数据类型为CGImageRef
self.redView.layer.contents = (id)[UIImage imageNamed:@"papa"].CGImage;
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
@end
UIImage+CZ.h
#import <UIKit/UIKit.h>
@interface UIImage (CZ)
//把一张图片，裁剪成圆角的效果，可设置圆角大小、边框、边框颜色的新图片
+(UIImage *)cornerImageWithImageName:(NSString *)imageName cornerRadius:(CGFloat)cornerRadius borderWidth:(CGFloat)borderWidth borderColor:(UIColor *)borderColor;
@end
UIImage+CZ.m
//
// UIImage+CZ.m
// 7A10.图层基本使用
//
// Created by huan on 16/2/4.
// Copyright © 2016年 huanxi. All rights reserved.
//
#import "UIImage+CZ.h"
@implementation UIImage (CZ)
+(UIImage *)cornerImageWithImageName:(NSString *)imageName cornerRadius:(CGFloat)cornerRadius borderWidth:(CGFloat)borderWidth borderColor:(UIColor *)borderColor{
//生成一张新图片
UIImage *sourceImage = [UIImage imageNamed:imageName];
//1.开启一个位图上下文
UIGraphicsBeginImageContextWithOptions(sourceImage.size, NO, 0.0);
//2.把图片画在 位图上下文
//2.1 图片要剪裁成圆角
CALayer *layer = [CALayer layer];//图层里有一张图片
//图层设置大小(一定要设置)
layer.bounds = CGRectMake(0,0, sourceImage.size.width, sourceImage.size.height);
//设置内容
layer.contents = (id)sourceImage.CGImage;
//设置圆角
layer.cornerRadius = cornerRadius;
//裁剪
layer.masksToBounds = YES;
//边框
layer.borderWidth = borderWidth;
//边框的颜色
layer.borderColor = borderColor.CGColor;
[layer renderInContext:UIGraphicsGetCurrentContext()];
//3.从位图上下文 获取新图片
UIImage *newImg = UIGraphicsGetImageFromCurrentImageContext();
//4.结束位图的编辑
UIGraphicsEndImageContext();
//5.返回新图片
return newImg;
}
@end
运行结果
