图形的初级变化使用View

图形的初级变化使用View

view就是一个试图，而viewController就是这些试图的一个容器－－试图控制器。以下内容是view的一小部分关联，主要是按钮的使用，试图的变化。在Main.storyboard里面添加控件，如下图

试图上的button分别是：

1. switch按钮。我们常见的一种按钮，有打开喝关闭两种状态。
2. 灰色区域－－一个view添加背景色为灰色，目的是让读者看见将要变化的一段区域。
3. Action按钮。使view变化颜色。
4. Stop按钮。使变化颜色和转动暂停。
5. rotation按钮。点击后使 view转动。

代码部分：

　　1.在代码中添加view、switch，_view.link.

 @property (weak, nonatomic) IBOutlet UIView *myView

 @property (weak, nonatomic) IBOutlet UISwitch *mySwitch; 

{
    UIView *_view;
    //颜色数组
    NSMutableArray *_colorArray;
    
}

@property (nonatomic, strong) CADisplayLink *link;

 

　　2.循环创建7个新的试图view，并且为每一个view都添加背景色。随机颜色的设置和固定颜色写入。

    //创建视图 并添加到父视图
    for (int i = 0 ; i < 7; i++) {
        _view = [[UIView alloc] initWithFrame:CGRectMake(10 * i, 10 * i, self.myView.bounds.size.width - 2 * 10 * i, self.myView.bounds.size.height - 2 * 10 * i)];
        /*
        //随机颜色设置
        _colorArray = [NSMutableArray arrayWithObjects:
                       [UIColor colorWithRed:arc4random_uniform(255)/255.0 green:arc4random_uniform(255)/255.0 blue:arc4random_uniform(255)/255.0 alpha:1],
                       [UIColor colorWithRed:arc4random_uniform(255)/255.0 green:arc4random_uniform(255)/255.0 blue:arc4random_uniform(255)/255.0 alpha:1],
                       [UIColor colorWithRed:arc4random_uniform(255)/255.0 green:arc4random_uniform(255)/255.0 blue:arc4random_uniform(255)/255.0 alpha:1],
                       [UIColor colorWithRed:arc4random_uniform(255)/255.0 green:arc4random_uniform(255)/255.0 blue:arc4random_uniform(255)/255.0 alpha:1],
                       [UIColor colorWithRed:arc4random_uniform(255)/255.0 green:arc4random_uniform(255)/255.0 blue:arc4random_uniform(255)/255.0 alpha:1],
                       [UIColor colorWithRed:arc4random_uniform(255)/255.0 green:arc4random_uniform(255)/255.0 blue:arc4random_uniform(255)/255.0 alpha:1],
                       [UIColor colorWithRed:arc4random_uniform(255)/255.0 green:arc4random_uniform(255)/255.0 blue:arc4random_uniform(255)/255.0 alpha:1], nil ];
        */
        
        //给颜色建立数组，（最麻烦的方法）
        _colorArray = [NSMutableArray arrayWithObjects:[UIColor redColor],[UIColor greenColor],[UIColor blueColor],[UIColor grayColor],[UIColor yellowColor],[UIColor purpleColor],[UIColor orangeColor], nil];
        //并且是每个view都有颜色
        _view.backgroundColor = _colorArray[i];
        //添加到view显示
        [self.myView addSubview:_view];
        
    }

　　3.颜色变化效果代码及效果图

//开始动画
- (IBAction)startAction:(UIButton *)sender {
    //判断switch是否打开
    if (_mySwitch.isOn) {
  //每秒调用一次方法
//  [NSTimer scheduledTimerWithTimeInterval:.1 target:self selector:@selector(action:) userInfo:nil repeats:YES];
    //作用：只能点击一次有效，点击多次无效
    if (self.link) {
        return;
    }
    //每秒调用60次方法
    CADisplayLink *link = [CADisplayLink displayLinkWithTarget:self selector:@selector(action:)];
    
    [link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];
    //设置全局的link
    self.link = link;
    }
}

- (void)action:(CADisplayLink *)timer{
//- (void)action:(NSTimer *)timer{//使用NSTimer的时候
    //将每张视图加入到数组里面
    NSArray* subViews = [self.myView subviews];
    //循环遍历数组，改变颜色
    for (int i = 0; i < 7; i++) {
        _view = subViews[i];
        //使颜色轮流变化
        if (i == 6) {
            //当颜色是最后一个时候，变为第一个
            _colorArray[i] = _colorArray[0];
        }else{
            //把颜色变为下一个
            _colorArray[i] = _colorArray[i+1];
        }
        //给每一个view添加背景色
        _view.backgroundColor = _colorArray[i];
        [self.myView addSubview:_view];
    }
}

1. NSTimer与CADisplayLink区别：NSTIimer每秒（可以设置秒数，比如0.1秒）调用一次，看着比较机械，而CADisplayLink每秒调用方法60次（刷新60次），速度太快，看不清楚。
2. 当switch打开的时候，点击Action有效果，而关闭后则点击无效果。 

这是CADisplayLink效果图，录制效果不佳，实现效果是可以的

这是NSTimer（时间为1秒）效果图，使用NSTimer时候没有暂停方法。

 

点击Stop之后，会暂停，无论是颜色变化还是旋转，都会暂停，使用的是同一个方法。

//停止按钮
- (IBAction)stop:(UIButton *)sender {
    //从所有runloop模式删除对象(如果已经隐式地释放接收机留存)和释放的目标对象
    [self.link invalidate];
    //将self.link设置为nil
    self.link = nil;
}

旋转代码：

//旋转按钮
- (IBAction)rotation {
    if (self.link)    return;
     CADisplayLink *link = [CADisplayLink displayLinkWithTarget:self selector:@selector(rotationAct)];
    [link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];
    self.link = link;
}
//旋转动画
- (void)rotationAct {
    //这是转动效果
    //M_PI/100是因为转动太快，如此之后看着正常
    self.myView.transform = CGAffineTransformRotate(self.myView.transform, M_PI/100);
        //开始缓慢
        [UIView setAnimationCurve:UIViewAnimationCurveEaseIn];
        [self.myView addSubview:_view];

总结：

1. CADisplayLinkd的使用以及停止的使用。
2. 角度旋转。transform的使用
3. 颜色互相变化的方法。

 

欢迎读者提出宝贵意见，欢迎查阅！如需转载，请标明出处。