iOS SnowAnimation(下雪动画)~demo
//联系人:石虎 QQ: 1224614774昵称:嗡嘛呢叭咪哄
/**
注意点: 1.看 GIF 效果图.
2.看连线视图的效果图.
3.看实现代码(直接复制实现效果).
*/
一、GIF 效果图:
二、连线视图的效果图:
图1:
图2:
图3:
三、实现代码:
=========================
===================================================
==========================控制器1: SHContext.h
//
// SHContext.h
// SnowAnimation(下雪动画)~demo
//
// Created by 石虎 on 2017/8/15.
// Copyright © 2017年 shihu. All rights reserved.
//
#ifndef SHContext_h
#define SHContext_h
/*
该方法负责绘制圆角矩形
x1、y2：是圆角矩形左上角的座标。
width、height：控制圆角举行的宽、高
radius：控制圆角矩形的四个圆角的半径
*/
void CGContextAddRoundRect(CGContextRef c,CGFloat x1 , CGFloat y1
, CGFloat width ,CGFloat height , CGFloat radius)
{
// 移动到左上角
CGContextMoveToPoint (c, x1 + radius , y1);
// 添加一条连接到右上角的线段
CGContextAddLineToPoint(c , x1 + width - radius, y1);
// 添加一段圆弧
CGContextAddArcToPoint(c , x1 + width , y1, x1 + width
, y1 + radius, radius);
// 添加一条连接到右下角的线段
CGContextAddLineToPoint(c , x1 + width, y1 + height - radius);
// 添加一段圆弧
CGContextAddArcToPoint(c , x1 + width, y1 + height
, x1 + width - radius , y1 + height , radius);
// 添加一条连接到左下角的线段
CGContextAddLineToPoint(c , x1 + radius, y1 + height);
// 添加一段圆弧
CGContextAddArcToPoint(c , x1, y1 + height , x1
, y1 + height - radius , radius);
// 添加一条连接到左上角的线段
CGContextAddLineToPoint(c , x1 , y1 + radius);
// 添加一段圆弧
CGContextAddArcToPoint(c , x1 , y1 , x1 + radius , y1 , radius);
}
/*
该方法负责绘制多角星。
n：该参数通常应设为奇数，控制绘制N角星。
dx、dy：控制N角星的中心。
size：控制N角星的大小
*/
void CGContextAddStar(CGContextRef c ,NSInteger n
, CGFloat dx ,CGFloat dy , NSInteger size)
{
CGFloat dig =4 * M_PI / n ;
// 移动到指定点
CGContextMoveToPoint(c , dx , dy + size);
for(int i =1 ; i <= n ; i++)
{
CGFloat x =sin(i * dig);
CGFloat y =cos(i * dig);
// 绘制从当前点连接到指定点的线条
CGContextAddLineToPoint(c , x * size + dx ,y * size + dy);
}
}
/*
该方法负责绘制花朵。
n：该参数控制花朵的花瓣数。
dx、dy：控制花朵的位置。
size：控制花朵的大小
length：控制花瓣的长度
*/
void CGContextAddFlower(CGContextRef c ,NSInteger n
, CGFloat dx ,CGFloat dy , CGFloat size ,CGFloat length)
{
// 移动到指定点
CGContextMoveToPoint(c , dx , dy + size);
CGFloat dig =2 * M_PI / n;
// 采用循环添加n段二次曲线路径
for(int i =1; i < n + 1 ; i++)
{
// 结算控制点坐标
CGFloat ctrlX =sin((i - 0.5) * dig) * length + dx;
CGFloat ctrlY=cos((i - 0.5 ) * dig) * length + dy;
// 结算结束点的坐标
CGFloat x =sin(i * dig) * size + dx;
CGFloat y =cos(i * dig) * size + dy;
// 添加二次曲线路径
CGContextAddQuadCurveToPoint(c, ctrlX , ctrlY , x , y);
}
}
#endif /* SHContext_h */
=========================
===================================================
控制器2:SHSnowView.m
//
// SHSnowView.m
// SnowAnimation(下雪动画)~demo
//
// Created by 石虎 on 2017/8/15.
// Copyright © 2017年 shihu. All rights reserved.
//
#import "SHSnowView.h"
#import "SHContext.h"
@implementation SHSnowView
// 定义雪花的初始化位置
static CGPoint snowPos[] = {
{20, 4},
{50, 4},
{80, 4},
{110,4},
{140,4},
{170,4},
{200,4},
{230,4},
{260,4},
{290,4}
};
// 计算雪花的数量
static NSInteger snowCount =sizeof(snowPos)
/ sizeof(snowPos[0]);
-(id) initWithCoder:(NSCoder *)aDecoder
{
self = [superinitWithCoder:aDecoder];
if(self)
{
// 控制每隔0.2秒执行一次setNeedsDisplay方法刷新自己
[NSTimerscheduledTimerWithTimeInterval:0.2target:self
selector:@selector(setNeedsDisplay)userInfo:nilrepeats:YES];
}
returnself;
}
- (void)drawRect:(CGRect)rect
{
CGContextRef ctx =UIGraphicsGetCurrentContext();
// 设置采用白色作为填充色
CGContextSetRGBFillColor(ctx ,1, 1 ,1 , 1);
for (int i =0 ; i < snowCount ; i++ )
{
// 保存当前绘图状态
CGContextSaveGState(ctx);
// 平移坐标系统
CGContextTranslateCTM(ctx ,snowPos[i].x ,snowPos[i].y);
// 旋转坐标系统
CGContextRotateCTM(ctx , (arc4random() %6 - 3) *M_PI / 10);
// 控制“雪花”下掉
snowPos[i].y +=arc4random() % 8;
if (snowPos[i].y >320)
{
snowPos[i].y = 4;
}
// 创建、并绘制“雪花”
CGContextAddFlower(ctx , 6 ,0 , 0 ,4 , 8);
CGContextFillPath(ctx);
// 恢复绘图状态
CGContextRestoreGState(ctx);
}
}
@end
================
=======