CoreAnimation-03-隐式动画

最新推荐文章于 2025-09-04 19:07:27 发布

转载最新推荐文章于 2025-09-04 19:07:27 发布 · 46 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/theDesertIslandOutOfTheWorld/p/4768337.html

文章标签：

#ui

本文介绍如何在Storyboard中创建UIView对象，并通过随机数动态修改其可动画属性，如位置、尺寸、圆角半径、背景颜色和边框样式，以实现简单的动画效果。

简介

每个UI控件，默认自动创建一个图层（根图层），即每个UI控件对应于至少一个图层
可以手动创建图层，这些图层为非根图层
对非根图层的某些属性(标记为Animatable的属性)进行修改，默认会自动产生一些动画效果
常见的可执行隐式动画的属性
- 位置与尺寸
  - anchorPoint，锚点
  - position，位置
  - bounds，尺寸
  - frame，位置与尺寸
  - transform，形变
- appearance
  - backgroundColor，背景色
  - hidden，是否隐藏
  - opacity，透明度
  - maskToBounds，是否剪切超出图层区域的的内容
  - cornerRadius，圆角半径
- 边框
  - borderWidth，边框宽度
  - borderColor，边框颜色
- 阴影
  - shadowColor，背景颜色
  - shadowOffset，背景偏移量
  - shadowOpacity，背景透明度
  - shadowPath，背景边框的路径，即背景显示什么形状的图形
  - shadowRaduis，背景的圆角半径

示例

通过storyboard创建一个UIView对象，并拥有该对象
```
@property (weak, nonatomic) IBOutlet UIView *blueView;
```

点击屏幕，动态修改图层的可动画属性

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    //通过随机数产生随机的旋转角度
    CGFloat angle = angleToRadion(arc4random_uniform(360) + 1);
    //旋转
    self.blueView.layer.transform = CATransform3DMakeRotation(angle, 0, 0, 1);
    //移动到随机位置(50~249, 50~449)
    self.blueView.layer.position = CGPointMake(arc4random_uniform(200) + 50, arc4random_uniform(400) + 50);
    //设置随机的圆角半径
    self.blueView.layer.cornerRadius = arc4random_uniform(50);
    //设置随机的背景颜色
    self.blueView.layer.backgroundColor = [self randomColor].CGColor;
    //设置随机的边框宽度
    self.blueView.layer.borderWidth = arc4random_uniform(10);
    //设置随机的边框颜色
    self.blueView.layer.borderColor = [self randomColor].CGColor;
}

产生随机颜色的方法

- (UIColor *)randomColor
{
    return [UIColor colorWithRed:arc4random_uniform(256) / 255.0 green:arc4random_uniform(256) / 255.0 blue:arc4random_uniform(256) / 255.0 alpha:1];
}