源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

iOS图片界面翻页切换效果

  • 时间:2020-01-30 20:09 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:iOS图片界面翻页切换效果
先看效果: [img]http://files.jb51.net/file_images/article/201611/20161123164600971.gif?20161023164615[/img] 下面贴代码:
#import "ViewController.h" 
 
@interface ViewController () 
 
@property (weak, nonatomic) IBOutlet UIImageView *backgroundView; 
@property (strong,nonatomic) NSArray *array; 
 
@end 
 
@implementation ViewController 
 
-(NSArray *)array { 
  if (_array == nil) { 
    UIImage *image1 = [UIImage imageNamed:@"01.jpg"]; 
    UIImage *image2 = [UIImage imageNamed:@"02.jpg"]; 
    _array = @[image1,image2]; 
  } 
  return _array; 
} 
 
- (void)viewDidLoad { 
  [super viewDidLoad]; 
  self.backgroundView.image = self.array[0]; 
  // Do any additional setup after loading the view, typically from a nib. 
} 
 
-(void)changeImage { 
  if (self.backgroundView.image == self.array[0]) { 
    self.backgroundView.image = self.array[1]; 
  }else { 
    self.backgroundView.image = self.array[0]; 
  } 
} 
 
- (IBAction)pushClick:(id)sender { 
  [self changeImage]; 
  CATransition *transtion = [[CATransition alloc] init]; 
  transtion.type = @"push"; 
  transtion.subtype = kCATransitionFromBottom; 
  transtion.startProgress = 0.5; 
  transtion.endProgress = 0.8; 
  [self.view.layer addAnimation:transtion forKey:nil]; 
} 
 
/* 
 效果有好多种,上面代码只贴出了其中一种,如果需要其他效果,只需要将 
 transtion.type = @"push";中的type改一下就行。 
 比如: 
 transtion.type = @"fade"; 
 type的类型还有以下几种: 
 fade,reveal,moveIn,cube,suckEffect,oglFlip,rippleEffect,pageCurl,pageCurl,cameraIrisHollowOpen,cameraIrisHollowClose,pageUnCurl,pageCurl,pageCurl,pageCurl 
 
 */ 
 
- (void)didReceiveMemoryWarning { 
  [super didReceiveMemoryWarning]; 
  // Dispose of any resources that can be recreated. 
} 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部