iOS开发-简单的图片查看器
现在你只要拿着手机，不管你Android还是iOS，新闻类的App不可避免都有一个功能就是图片查看，做个专题，查看一下内容，App Store中也有专门针对图片浏览的App，鉴于目前所知有限，无法做到那么高大上的App，简单的做个美女查看的Demo。没有太多的功能，上一张，下一张，标签，图片，简简单的，深刻的感觉到知识就是力量，目前知识有限的结果就是Demo简单，且学且珍惜吧。 1.新建项目(如果不会可以参考本人之前的文章)，然后在StoryBoard中进行布局,将Girl文件夹中的图片拖入项目中； 2.将UIImageView，UILabel，UIButton拖入StoryBoard中，并且设置背景图片； 设置背景图片: 3.ViewController.h中定义成员变量: 1 2 3 4 5 6 7 8 9 10 #import <UIKit/UIKit.h> @interface ViewController : UIViewController @property (weak, nonatomic ) IBOutlet UIImageView *imageView; @property (weak, nonatomic ) IBOutlet UILabel *pageLabel; @end 4.上一张和下一张的事件代码: 定义一个图片数组: 1 2 3 4 5 6 7 8 9 10 11 @interface ViewController () @property NSArray *imageArr; @end @implementation ViewController - ( void )viewDidLoad { [ super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. _imageArr=@[@ "girl0.jpg" ,@ "girl1.jpg" ,@ "girl2.jpg" ]; } 上一张的代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 //显示上一张 - ( IBAction )preview:( id )sender { NSInteger currentIndex=[[[_pageLabel text] substringToIndex:1] integerValue]; NSInteger allCount=[_imageArr count]; if (currentIndex==1) { currentIndex=allCount; } else { currentIndex=currentIndex-1; } //设置标签 [_pageLabel setText:[ NSString stringWithFormat:@ "%ld/%ld" ,currentIndex,( long )allCount]]; //获取图片的名称 NSString *imageName=[ NSString stringWithFormat:@ "girl%ld.jpg" ,( long )currentIndex-1]; UIImage *image=[UIImage imageNamed:imageName]; [_imageView setImage:image]; } 下一张代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 //显示下一张 - ( IBAction )nextView:( id )sender { //截取标签上面的数字 NSInteger currentIndex=[[[_pageLabel text] substringToIndex:1] integerValue]; NSInteger allCount=[_imageArr count]; if (currentIndex==allCount) { currentIndex=0; } NSString *imageName=[ NSString stringWithFormat:@ "girl%ld.jpg" ,( long )currentIndex]; [_pageLabel setText:[ NSString stringWithFormat:@ "%ld/%ld" ,currentIndex+1,( long )allCount]]; UIImage *image=[UIImage imageNamed:imageName]; [_imageView setImage:image]; } 以上的代码基本上都是OC基础，UIImage设置图片的时候只需要传递一下图片名称即可，不需要传递路径； 5.最终效果如下: 效果很简单，就是在上一张和下一张到临界点的时候判断一下，两者的代码类似，其实可以封装一下，周末愉快； ViewController.m中的代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 // // ViewController.m // MyPicture // // Created by keso on 15/1/17. // Copyright (c) 2015年 keso. All rights reserved. // #import "ViewController.h" @interface ViewController () @property NSArray *imageArr; @end @implementation ViewController - ( void )viewDidLoad { [ super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. _imageArr=@[@ "girl0.jpg" ,@ "girl1.jpg" ,@ "girl2.jpg" ]; } - ( void )didReceiveMemoryWarning { [ super didReceiveMemoryWarning]; // Dispose of any resources that can be recreated. } //显示上一张 - ( IBAction )preview:( id )sender { NSInteger currentIndex=[[[_pageLabel text] substringToIndex:1] integerValue]; NSInteger allCount=[_imageArr count]; if (currentIndex==1) { currentIndex=allCount; } else { currentIndex=currentIndex-1; } //设置标签 [_pageLabel setText:[ NSString stringWithFormat:@ "%ld/%ld" ,currentIndex,( long )allCount]]; //获取图片的名称 NSString *imageName=[ NSString stringWithFormat:@ "girl%ld.jpg" ,( long )currentIndex-1]; UIImage *image=[UIImage imageNamed:imageName]; [_imageView setImage:image]; } //显示下一张 - ( IBAction )nextView:( id )sender { //截取标签上面的数字 NSInteger currentIndex=[[[_pageLabel text] substringToIndex:1] integerValue]; NSInteger allCount=[_imageArr count]; if (currentIndex==allCount) { currentIndex=0; } NSString *imageName=[ NSString stringWithFormat:@ "girl%ld.jpg" ,( long )currentIndex]; [_pageLabel setText:[ NSString stringWithFormat:@ "%ld/%ld" ,currentIndex+1,( long )allCount]]; UIImage *image=[UIImage imageNamed:imageName]; [_imageView setImage:image]; } @end 本文转自Fly_Elephant博客园博客，原文链接：http://www.cnblogs.com/xiaofeixiang/p/4230348.html，如需转载请自行联系原作者
