国外的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];
}