簡介

• 每個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];}

• 實現效果