iOS图片界面翻页切换效果

2024-09-26 19:03:45

先看效果：

下面贴代码：

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

iOS开发之级联界面(推荐界面)搭建原理

先看看效果图: 一.整体布局 1.项目需求点击左边cell,右边的cell数据更新 2.界面搭建 2.1交给两个控制器管理比较麻烦,点击一个控制器需要通知另外一个控制器 2. 2因此交给一个控制器管理比较好 2.3用xib搭建,左右各放一个tableView就可以了 3.开发顺序先做左边的tableView,再做右边的,因为右边的数据是根据左边变化的二.左边tableView界面搭建 1.自定义cell 左边一个指示器欧一个view 中间位置用label 2.设置
IOS 聊天界面（自适应文字）的实现

该篇文章主要介绍一个实现聊天界面的思路过程,源码可以在源码链接获得,该工程实现聊天的基本功能,功能还不够完善,欢迎大家提PR,效果图如下所示我希望通过相对简单的方式实现界面的布局,没有复杂的计算达到自适应的效果. iOS8新功能介绍虽然self size cell最终没有在我的工程中用到,但是这是我曾经挖过的坑,所以在此做了简单的介绍. 在iOS 8 中,UITableView新增一项功能 self size cells,这是一项通过 UITableViewCell 的约束自动自动计算UI
iOS中使用UItableviewcell实现团购和微博界面的示例

使用xib自定义UItableviewcell实现一个简单的团购应用界面布局一.项目文件结构和plist文件二.实现效果三.代码示例 1.没有使用配套的类,而是直接使用xib文件控件tag值操作数据模型部分: YYtg.h文件复制代码代码如下: // // YYtg.h // 01-团购数据显示(没有配套的类) // // Created by apple on 14-5-29. // Copyright (c) 2014年 itcase. All rights reserv
Unity iOS混合开发界面切换思路解析

思路之前一篇文章里面只谈到了Unity和iOS工程的融合,并没有谈到iOS和Unity界面的切换,这里谈谈思路,Unity导出的iOS工程里面的结构大致是这样的,有一个Window,Window上有一个UnityView,但是并没有控制器,也没有根控制器,虽然在导出的iOS工程中Classes文件夹下的UnityAppController中有rootController的属性,但是上面也标注为空~ 所以,思路就只有一种,,既然Unity导出的iOS工程有一个Window并没有控制器,那好,混合
iOS仿微信图片分享界面实现代码

分享功能目前几乎已成为很多app的标配了,其中微信,微博等app的图片分享界面设计的很棒,不仅能够展示缩略图,还可以预览删除.最近我在做一款社交分享app,其中就要实现图文分享功能,于是试着自行实现仿微信分享风格的功能. 核心思想: 主要是使用UICollectionView来动态加载分享图片内容,配合预览页面,实现动态添加和预览删除图片效果. 实现效果: 核心代码如下: 分享界面: // // PostTableViewController.h // NineShare // // Creat
总结IOS界面间跳转的几种方法

注意: 下面以FirstViewController(FVC)的按钮button点击后跳转到SecondViewController(SVC)为例说明: 方式一:Storyboard的segues方式鼠标点击按钮button然后按住control键拖拽到SVC页面,在弹出的segue页面中选择跳转模式即可优点:操作方便,无代码生成,在storyboard中展示逻辑清晰缺点:页面较多时不方便查看,团队合作时可维护性差, 多人合作时不建议使用这种方式. 方式二:选项卡UITabBarContr
iOS实现电商购物车界面示例

先看界面效果图: 主要实现了商品的展示,并且可以对商品进行多选操作,以及改变商品的购买数量.与此同时,计算出,选中的总价格. 做此类型项目:要注意的:视图与数据要分离开来.视图的展现来源是数据模型层.所以我做的操作就是改变数据层的内容,在根据数据内容,去更新视图界面. 已下是具体实现思路与代码: 1. 实现步骤在AppDelegate.m中包含ViewController.h头文件,创建ViewController对象(vc),接着创建一个UINavigationController对象(nV
iOS制作带弹跳动画发布界面

项目中经常会用到带弹跳动画发布界面,具体内容如下效果图: 代码: // PublishView.m // UIImage+ImageEffects.h 苹果蒙化图片的分类 pop.h弹跳动画框架 EJExtension.h模型转换框架 // ComposeModel 用于设置按钮文字与图片的模型,在本地设置plist文件保存image(按钮图片)和text(按钮文字) #import "PublishView.h" #import "BSVerticalButton.h&q
iOS高仿微信相册界面翻转过渡动画效果

点开微信相册的时候,想要在相册图片界面跳转查看点赞和评论时,微信会采用界面翻转的过渡动画来跳转到评论界面,好像是在图片界面的背面一样,点击完成又会翻转回到图片界面,这不同于一般的导航界面滑动动画,觉得很有意思,于是自己学着做了一下,其实也很简单,下面是实现的类似的效果图: 在图片界面点击右下角的查看评论会翻转到评论界面,评论界面点击左上角的返回按钮会反方向翻转回图片界面,真正的实现方法,与传统的导航栏过渡其实只有一行代码的区别,让我们来看看整体的实现. 首先我们实现图片界面,这个界面上有黑色的背
IOS实现微信朋友圈相册评论界面的翻转过渡动画

先来看看实现的类似效果图: 在图片界面点击右下角的查看评论会翻转到评论界面,评论界面点击左上角的返回按钮会反方向翻转回图片界面,真正的实现方法,与传统的导航栏过渡其实只有一行代码的区别,让我们来看看整体的实现. 首先我们实现图片界面,这个界面上有黑色的背景,一张图片和一个查看评论的按钮: - (void)viewDidLoad { [super viewDidLoad]; self.view.backgroundColor = [UIColor blackColor];// 背景设为黑色 //

iOS图片界面翻页切换效果

相关推荐

随机推荐