当前位置: 首页 > 编程笔记 >

iOS图片界面翻页切换效果

易嘉胜
2023-03-14
本文向大家介绍iOS图片界面翻页切换效果,包括了iOS图片界面翻页切换效果的使用技巧和注意事项,需要的朋友参考一下

本文实例为大家分享了iOS图片界面翻页切换的具体代码,供大家参考,具体内容如下

先看效果:

下面贴代码

#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. 
} 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍Android 仿日历翻页、仿htc时钟翻页、数字翻页切换效果,包括了Android 仿日历翻页、仿htc时钟翻页、数字翻页切换效果的使用技巧和注意事项,需要的朋友参考一下 废话不多说,效果图:   自定义控件找自网络,使用相对简单,具体还没有来得及深入研究,只是先用笨方法大概实现了想要的效果,后续有空会仔细研究再更新文章, 本demo切换方法是用的笨方法,也就是由新数字和旧数字相比

  • Vue 提供了多种方式支持动画过渡效果。例如在各个过渡阶段应用 CSS 类,提供钩子函数使用 JS 操作 DOM,使用第三方 CSS/JS 动画库等。 如果对 Vue 中内置的 transition 机制还不了解,可以阅读 官方的介绍。 在模板项目中,主要使用了最简单的应用 CSS 类的方式完成动画效果。 具体实现 在模板项目中,页面切换时,会有左右滑动效果。 具体表现为打开新页面时左滑展示,返回

  • 实现类似91熊猫看书的电子书翻页效果。可以随着手指的滑动进行翻页。 [Code4App.com]

  • 本文向大家介绍JS实现图片切换特效,包括了JS实现图片切换特效的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JS实现图片切换的具体代码,供大家参考,具体内容如下 知识点: 1.window.onload网页全部加载完后再执行 2.获取元素 设置属性 3.临界情况判断 运行效果: 点击上一张下一章切换图片 代码: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐

  • iPad版腾讯视频翻转显示影片详情动画,path里也用到这个动画,用户点击列表上面某张缩略图片,图片翻转变大之后显示详情。动画效果请看视频。 [Code4App.com]

  • 本文向大家介绍基于javascript实现图片切换效果,包括了基于javascript实现图片切换效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js实现图片切换效果,供大家参考,具体内容如下 用js实现点击按钮,图片切换的效果: 结构:用一个固定宽高的div来做最外层的容器,设置overflow为hidden, 然后内层img_box设置宽度为四倍box的宽度,高度相同,也就是