IOS Core Animation Advanced Techniques的学习笔记(三)

第四章：Visual Effects

Rounded Corners

例子4.1 cornerRadius

源码在这里下载：http://www.informit.com/title/9780133440751

#import "ViewController.h"
#import <QuartzCore/QuartzCore.h>

@interface ViewController ()

@property (nonatomic, weak) IBOutlet UIView *layerView1;
@property (nonatomic, weak) IBOutlet UIView *layerView2;

@end

@implementation ViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
	
    //set the corner radius on our layers
    self.layerView1.layer.cornerRadius = 20.0f;
    self.layerView2.layer.cornerRadius = 20.0f;
    
    //enable clipping on the second layer
    self.layerView2.layer.masksToBounds = YES;
}

@end

稍微修改一下

- (void)viewDidLoad
{
    [super viewDidLoad];
	
    //set the corner radius on our layers
    self.layerView1.layer.cornerRadius = 20.0f;
    self.layerView2.layer.cornerRadius = 20.0f;

    self.layerView1.clipsToBounds = YES;

    //enable clipping on the second layer
    self.layerView2.layer.masksToBounds = YES;
}

前面讲过了，UIView的clipsToBounds的函数等同于masksToBounds


Layer Borders

例子4.2 borderWidth

@interface ViewController ()

@property (nonatomic, weak) IBOutlet UIView *layerView1;
@property (nonatomic, weak) IBOutlet UIView *layerView2;

@end

@implementation ViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
	
    //set the corner radius on our layers
    self.layerView1.layer.cornerRadius = 20.0f;
    self.layerView2.layer.cornerRadius = 20.0f;
    
    //add a border to our layers
    self.layerView1.layer.borderWidth = 5.0f;
    self.layerView2.layer.borderWidth = 5.0f;
    
    //enable clipping on the second layer
    self.layerView2.layer.masksToBounds = YES;
}

@end

修改代码 borderColor

- (void)viewDidLoad
{
    [super viewDidLoad];
	
    //set the corner radius on our layers
    self.layerView1.layer.cornerRadius = 20.0f;
    self.layerView2.layer.cornerRadius = 20.0f;
    
    //add a border to our layers
    self.layerView1.layer.borderWidth = 5.0f;
    self.layerView1.layer.borderColor = [UIColor brownColor].CGColor;
    self.layerView2.layer.borderWidth = 5.0f;
    
    //enable clipping on the second layer
    self.layerView2.layer.masksToBounds = YES;
}

再做个试验，修改代码