博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iOS UICollectionView 入门 07 点击cell放大图片
阅读量:5237 次
发布时间:2019-06-14

本文共 2411 字,大约阅读时间需要 8 分钟。

这一节,我们实现通过点击图片将图片放大显示的功能。

首先我们创建一个名为FlickrPhotoViewConroller的类,这个类继承于UIViewController。

改动头文件内容例如以下:

#import 
@class FlickrPhoto;@interface FlickrPhotoViewConroller : UIViewController@property (nonatomic, strong) FlickrPhoto *flickrPhoto;@end
声明outlet和action:

#import "FlickrPhotoViewConroller.h"#import "Flickr.h"#import "FlickrPhoto.h"@interface FlickrPhotoViewConroller ()@property (weak) IBOutlet UIImageView *imageView;- (IBAction)done:(id)sender;@end
打开storyboard,加入一个UIViewController到storyboard中,设置这个view的class为FlickrPhotoViewConroller。

从主view使用ctrl+drag创建一个到Flickr Photo view controller的modal segue。

选中这个segue。设置其identifier为ShowFlickrPhoto

加入一个toolbar和一个imageview到view中,改动toolbarbutton标题为Done,ctrl+drag连接button和FlickrPhotoViewController的done:方法。

再将imageView的outlet也连接上:

打开ViewController.m。加入下面代码到@interface区域中:

@property (nonatomic) BOOL sharing;
改动didSelectItemAtIndexPath方法:

if (!self.sharing)    {        NSString *searchTerm = self.searchs[indexPath.section];        FlickrPhoto *photo = self.searchResults[searchTerm][indexPath.row];        [self performSegueWithIdentifier:@"ShowFlickrPhoto" sender:photo];        [self.collectionView deselectItemAtIndexPath:indexPath animated:YES];    }    else    {            }
当用户点击某幅缩略图时,运行ShowFlickrPhoto segue。

#import "FlickrPhotoViewConroller.h"- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{    if ([segue.identifier isEqualToString:@"ShowFlickrPhoto"])    {        FlickrPhotoViewConroller *flickrPhotoViewController = segue.destinationViewController;        flickrPhotoViewController.flickrPhoto = sender;    }}
实现viewWillAppear方法。显示大图片到view中:

-(void)viewDidAppear:(BOOL)animated { // 1    if(self.flickrPhoto.largeImage)    {        self.imageView.image = self.flickrPhoto.largeImage;    }    else    { // 2        self.imageView.image = self.flickrPhoto.thumbnail;        // 3        [Flickr loadImageForPhoto:self.flickrPhoto thumbnail:NO completionBlock:^(UIImage *photoImage, NSError *error) {            if(!error) { // 4                dispatch_async(dispatch_get_main_queue(), ^{ self.imageView.image =                    self.flickrPhoto.largeImage;                });            }        }];    }}
实现done方法。通过点击Donebutton返回到主view:

- (void)done:(id)sender{    [self.presentingViewController dismissViewControllerAnimated:YES completion:^{}];}
程序运行效果例如以下:

转载于:https://www.cnblogs.com/bhlsheji/p/5354678.html

你可能感兴趣的文章
UVA11374 Airport Express
查看>>
P1373 小a和uim之大逃离 四维dp,维护差值
查看>>
NOIP2015 运输计划 树上差分+树剖
查看>>
P3950 部落冲突 树链剖分
查看>>
读书_2019年
查看>>
读书汇总贴
查看>>
微信小程序 movable-view组件应用:可拖动悬浮框_返回首页
查看>>
MPT树详解
查看>>
空间分析开源库GEOS
查看>>
RQNOJ八月赛
查看>>
前端各种mate积累
查看>>
jQuery 1.7 发布了
查看>>
Python(软件目录结构规范)
查看>>
Windows多线程入门のCreateThread与_beginthreadex本质区别(转)
查看>>
Nginx配置文件(nginx.conf)配置详解1
查看>>
linux php编译安装
查看>>
name phone email正则表达式
查看>>
721. Accounts Merge
查看>>
「Unity」委托 将方法作为参数传递
查看>>
重置GNOME-TERMINAL
查看>>