码迷,mamicode.com
首页 > 其他好文 > 详细

UI动画效果

时间:2015-06-26 22:21:41      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

UI界面的动画效果总结

方式1:头尾式

//开始动画
[UIView beginAnimations:nil context:nil];
//设置动画时间
[UIView setAnimationDuration:2.0];

/* 需要执行动画的代码 */

//提交动画
[UIView commitAnimations];

方式2:block式

[UIView animateWithDuration:2.0 delay:1.0 options:kNilOptions animations:^{

    /* 需要执行动画的代码 */

} completion:nil];

// 1s后,再执行动画(动画持续2s)
[UIView animateWithDuration:2.0 delay:1.0 options:kNilOptions animations:^{

    /* 需要执行动画的代码 */

} completion:^(BOOL finished){
    /* 动画结束后执行的代码 */
}];

帧动画

// 设置动画图片(images 是数组存放的是图片)
self.imageView.animationImages = images;

// 设置播放次数
self.imageView.animationRepeatCount = 1;

// 设置图片
self.imageView.image = [UIImage imageNamed:@"imageName"];

// 设置动画的时间
self.imageView.animationDuration = image.count * 0.04;

// 开始动画
[self.imageView startAnimating];

//self.imageView.animationDuration 时间后 执行next方法
[self performSelector:@selector(next) withObject:nil afterDelay:self.imageView.animationDuration];

更新View动画

  • 让 self.view 以及它的所有子控件强制更新的动画
//利用 2 秒的时间去更新
[UIView animateWithDuration:2.0 animations:^{
    [self.view layoutIfneeded];
}];

UI动画效果

标签:

原文地址:http://www.cnblogs.com/ShaoYinling/p/4603313.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!