ios 组合动画实现图片浏览,效果为图片放大并淡出
2014-08-12 14:27
579 查看
//声明变量
@property (strong,
nonatomic) IBOutlet UIImageView *viewToAnimate;//由storyboard引出
@property (strong,
nonatomic) NSMutableArray * array;
@property (assign,
nonatomic) NSInteger currentNum;
- (void)viewDidLoad
{
[superviewDidLoad];
//添加图片资源
_array = [[NSMutableArrayalloc]initWithObjects:@"flower1.jpg",@"flower2.jpg",@"flower3.jpg",@"flower4.jpg",@"flower5.jpg",nil];
[self.viewToAnimatesetImage:[UIImageimageNamed:_array[0]]];
//设置图片循环播放的timer
[NSTimerscheduledTimerWithTimeInterval:(4.0f)target:selfselector:@selector(beginToplay)userInfo:nilrepeats:YES];
}
//图片播放的动画效果,放大并淡出
- (void)beginToplay
{
[self.viewToAnimatesetImage:[UIImageimageNamed:_array[_currentNum]]];
[UIViewanimateWithDuration:1
delay:1
options:UIViewAnimationOptionCurveEaseOutanimations:^(void){
self.viewToAnimate.alpha =0.0;
self.viewToAnimate.frame =CGRectMake(10,20,300,650);
}completion:^(BOOL finished){
[UIView
animateWithDuration:.0
delay:0.5
options:UIViewAnimationOptionTransitionCrossDissolve
animations:^(void){
_currentNum ++;
if(_currentNum == [_arraycount])
{
_currentNum = 0;
}
[self.viewToAnimatesetImage:[UIImage
imageNamed:_array[_currentNum]]];
self.viewToAnimate.alpha =1.0;
self.viewToAnimate.frame =CGRectMake(60,
18,200, 450);
}completion:^(BOOL finished){
}];
}];
}
@property (strong,
nonatomic) IBOutlet UIImageView *viewToAnimate;//由storyboard引出
@property (strong,
nonatomic) NSMutableArray * array;
@property (assign,
nonatomic) NSInteger currentNum;
- (void)viewDidLoad
{
[superviewDidLoad];
//添加图片资源
_array = [[NSMutableArrayalloc]initWithObjects:@"flower1.jpg",@"flower2.jpg",@"flower3.jpg",@"flower4.jpg",@"flower5.jpg",nil];
[self.viewToAnimatesetImage:[UIImageimageNamed:_array[0]]];
//设置图片循环播放的timer
[NSTimerscheduledTimerWithTimeInterval:(4.0f)target:selfselector:@selector(beginToplay)userInfo:nilrepeats:YES];
}
//图片播放的动画效果,放大并淡出
- (void)beginToplay
{
[self.viewToAnimatesetImage:[UIImageimageNamed:_array[_currentNum]]];
[UIViewanimateWithDuration:1
delay:1
options:UIViewAnimationOptionCurveEaseOutanimations:^(void){
self.viewToAnimate.alpha =0.0;
self.viewToAnimate.frame =CGRectMake(10,20,300,650);
}completion:^(BOOL finished){
[UIView
animateWithDuration:.0
delay:0.5
options:UIViewAnimationOptionTransitionCrossDissolve
animations:^(void){
_currentNum ++;
if(_currentNum == [_arraycount])
{
_currentNum = 0;
}
[self.viewToAnimatesetImage:[UIImage
imageNamed:_array[_currentNum]]];
self.viewToAnimate.alpha =1.0;
self.viewToAnimate.frame =CGRectMake(60,
18,200, 450);
}completion:^(BOOL finished){
}];
}];
}
相关文章推荐
- iOS-坐标变换(可用于实现图片放大还原等效果)
- ios 图片放大缩小动画效果
- iOS----实现scrollView或者scrollView的子类下拉图片放大的效果
- 优秀前端教程:实现图片的形状遮罩和动画放大效果
- iOS----实现scrollView或者scrollView的子类下拉图片放大的效果
- iOS下拉tableView实现上面的图片放大效果
- swift3.0实现图片放大缩小动画效果
- CSS3 动画实现放大缩小、涟漪扩散效果、叠加图片循环来回显示
- iOS开发UIImage和UIImageView属性介绍,实现图片动画,实现开始/停止按钮效果
- 【iOS开发-9】UIImage和UIImageView属性介绍,实现图片动画,实现开始/停止按钮效果
- CSS3实现鼠标移动到图片上图片变大(缓慢变大,有过渡效果,放大的过程是有动画过渡的,这个过渡的时间可以自定义)
- iOS 点击图片放大效果的实现
- iOS仿keep5.3.0版本运动能力界面实现UITableView图片下拉放大效果
- iOS自定义UICollectionViewFlowLayout实现图片浏览效果
- Android浏览图片,点击放大至全屏效果(包含点击前位置到全屏的动画)
- [iOS]实现UITableView头部带有图片并且下拉图片放大效果
- ios 图片放大缩小动画效果
- Android 图片浏览功能简单实现(画廊效果实现,支持放大缩小)
- iOS tableView实现下拉图片放大效果
- 关于IOS中通过图片实现动画效果