【简易版】IOS仿periscope自制狂赞飘桃心

periscope自制狂赞飘桃心

国外的IOS app“periscope”非常的火，观看手机视频直播的时候，点击屏幕任何一个地方，屏幕右下角就能飘出各种颜色的桃心，效果非常的炫！

为此我自制了一个仿periscope桃心的代码：

- (void) StartLittleHeartShow{

// 构造一个小桃心的UIImageView，其中桃心的颜色可以随机变化

float fColorRedBase = random()%10/10.0;

float fColorGreenBase = random()%5/10.0;

float fColorBlueBase = random()%5/10.0;

float fAlphaBase = 1.0 - random()%7/10.0;

//小桃心的颜色

UIColor* heartColor = [[UIColor alloc] initWithRed:fColorRedBase green:fColorGreenBase blue:fColorBlueBase alpha:fAlphaBase];

//向UIImage的桃心图片中填入随机颜色

UIImage* flakeImage = [[UIImage imageNamed:@"PooHeart.png"] imageWithTintColor:heartColor];

UIImageView* flakeView = [[UIImageView alloc] initWithImage:flakeImage];

float fXBase = HEART_BK_VIEW_WIDTH/2;//HEART_BK_VIEW_WIDTH是窗体view的宽度

float fYBase = HEART_BK_VIEW_HEIGHT;//HEART_BK_VIEW_HEIGHT是窗体view的高度

// 设置小桃心动画起始点，X位置向右随机偏移0~19

long lRandom = random();

int startX = fXBase+lRandom%20;

int startY = fYBase;

//设置小桃心动画结束点，X位置左右偏移0~74

int endX = ((lRandom%2)==0) ? (startX - lRandom%75) : (startX + lRandom%75);

double scale = 1 / round(random() % 100) + 1.0;//设置桃心大小的随机偏移，这样出来的桃心大小就可以不一样

double speed = 1 / round(random() % 100) + 1.0;//设置桃心飞行的速度偏移，这样每个桃心飞出来的速度就可以不一样

scale = (scale > 1.5) ? 1.5 : scale;

flakeView.frame = CGRectMake(startX, startY, 25.0 * scale, 25.0 * scale);//初始化桃心的frame

@try {

// 把该桃心加入到主视图中，注意在动画完成后，需要把这个桃心从主视图中remove掉

[self.view addSubview:flakeView];

[UIView beginAnimations:nil context:(__bridge void *)(flakeView)];

// 设置桃心飞行的时间，也就是其飞行的速度

float fSpeedBase = random()%5;

fSpeedBase = (fSpeedBase < 3.0) ? 3.0 : fSpeedBase;

float fDuration = fSpeedBase * speed;

fDuration = (fDuration > 5.0) ? 5.0 : fDuration;

fDuration = (fDuration <= 0) ? 2.5 : fDuration;

fDuration = fDuration - 1;

[UIView setAnimationDuration:fDuration];

// 设置桃心的飞行终点！

flakeView.frame = CGRectMake(endX, fYBase-HEART_BK_VIEW_HEIGHT-random()%50, 25.0 * scale, 25.0 * scale);

// 设置桃心动画结束后的callback函数，需要在callback中将flakeView移除self.view

[UIView setAnimationDidStopSelector:@selector(onAnimationComplete:finished:context:)];

[UIView setAnimationDelegate:self];

[UIView commitAnimations];//开始动画

}

@catch (NSException *exception) {

NSLog(@"StartLoveShow exception...");

}

}

//在动画结束后，onAnimationComplete函数中移除flakeView

- (void)onAnimationComplete:(NSString *)animationID finished:(NSNumber *)finished context:(void *)context {

UIImageView *flakeView = (__bridge UIImageView *)(context);

flakeView.hidden = YES;

[flakeView removeFromSuperview];

}

//最后放入一个全屏的click事件中，就可以了，点击任何一个地方都可以出桃心

- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {

[self StartLoveShow];

}