iOS UICollectionView 入门 07 点击cell放大图片
2023-09-14 09:07:55 时间
这一节,我们实现通过点击图片将图片放大显示的功能。
首先我们创建一个名为FlickrPhotoViewConroller的类,这个类继承于UIViewController。
改动头文件内容例如以下:
#import <UIKit/UIKit.h> @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:^{}]; }
程序运行效果例如以下:
相关文章
- iOS小技能:适配安全区域距离(safeAreaInsets)
- iOS的三重缓冲和微型口吃(micro stuttering)
- 备份从android到ios系统文件,如何将音乐从安卓设备转移到iOS设备中「建议收藏」
- iOS Toolkit for Mac(iOS数据恢复工具)v9.0.76中文激活版
- 企业微信 iOS 工程演进之路(一)- 组件化
- AnyMP4 iOS Cleaner for mac(IOS文件清理工具)v1.0.16激活版
- iOS之APP上架
- 【IOS 开发】Objective - C 入门 之 数据类型详解
- iOS快速入门
- iOS网络多线程 —实现网络加载图片详解手机开发
- IOS校验验证手机号,信用卡号,电话号码,邮编,Email等详解手机开发
- iOS开发系列课程(08) — 事件处理详解和手势操作手机开发
- android仿ios开关按钮详解手机开发
- iOS开发入门笔记详解手机开发
- ios入门之消息推送详解手机开发
- iOS开发– 开发环境,证书和授权文件详解手机开发
- iOS开发—集成百度地图,位置偏移问题详解手机开发
- appLinux开发探索之路:从iOS APP开始(linux开发ios)
- Linux下开发iOS应用:挑战还是机会?(linux做ios开发)
- iOS与Linux:新老技术的融合(ios与linux的关系)
- 比较iOS和Linux:谁更具优势?(ios和linux)
- 在iOS上安装Linux系统的挑战(ios上安装linux)
- iOS访问MySQL数据库的实战技术(ios访问mysql)
- IOS上可以安装Oracle吗(ios能装oracle吗)
- 移动端iOS技术实现Oracle数据库连接(ios联接oracle)
- iOS中使用schema协议调用APP和使用iframe打开APP的例子