【成长记录】iOS小程序图片浏览器

做一个基本的图片浏览器，效果如下

需求实现

1 左右进行切换

2 数字显示第几张

3 下方有描述

4 第一张图片左图标不能使用，第五张图片右图标不能使用

代码初步实现

#import "ViewController.h"@interface ViewController ()//按钮方法-(IBAction)previous;-(IBAction)next;//设置按钮，导航，描述等属性@property(nonatomic,weak) IBOutlet UIButton *previousBtn;//前一张@property(nonatomic,weak) IBOutlet UIButton *nextBtn;//后一张@property(nonatomic,weak) IBOutlet UILabel *noLabel;//数字导航@property(nonatomic,weak) IBOutlet UIImageView *iconView;//图片view@property(nonatomic,weak) IBOutlet UILabel *descLabel;//描述//需要记录显示的账片序数@property(nonatomic,assign) int index;@end@implementation ViewController- (void)viewDidLoad{    [super viewDidLoad];        self.index = 1;    [self previous];}#pragma mark 改变数据-(void)changeDate{    //1,改变数据    switch (self.index) {        case 0:            self.noLabel.text = @"1/5";            self.iconView.image = [UIImage imageNamed:@"biaoqingdi"];            self.descLabel.text = @"在他面前，其他神马表情都弱爆了！";            break;                    case 1:            self.noLabel.text = @"2/5";            self.iconView.image = [UIImage imageNamed:@"wangba"];            self.descLabel.text = @"哥们为什么选八号呢";            break;        case 2:            self.noLabel.text = @"3/5";            self.iconView.image = [UIImage imageNamed:@"bingli"];            self.descLabel.text = @"这也忒狠了";            break;                    case 3:            self.noLabel.text = @"4/5";            self.iconView.image = [UIImage imageNamed:@"chiniupa"];            self.descLabel.text = @"这小姑娘吃个牛排比杀牛还费劲啊";            break;        case 4:            self.noLabel.text = @"5/5";            self.iconView.image = [UIImage imageNamed:@"danteng"];            self.descLabel.text = @"亲，你能改下你的网名么？哈哈";        break;    }    //2,改变按钮的状态        //如果index = 0，上箭头不可用  indeex = 4，下箭头不可用    self.previousBtn.enabled = (self.index != 0);    self.nextBtn.enabled = (self.index !=4);}-(IBAction)previous{    //1缩小索引    self.index--;    //2,改变数据    [self changeDate];}-(IBAction)next{    //1缩小索引    self.index++;    //2,改变数据    [self changeDate];}@end

改变按钮的状态时用到了按钮的一个属性叫做enable，按住command进去看一下，发现是个BOOL类型，所以直接进行判断

这是一个非常死板的代码，因为如果想要再添加图片只能机械的在方法changData中进行复制粘贴，所以做出以下改进

#define LHSIconKey @"icon"#define LHSDescKey @"desc"#import "ViewController.h"@interface ViewController ()//按钮方法-(IBAction)previous;-(IBAction)next;//设置按钮，导航，描述等属性@property(nonatomic,weak) IBOutlet UIButton *previousBtn;//前一张@property(nonatomic,weak) IBOutlet UIButton *nextBtn;//后一张@property(nonatomic,weak) IBOutlet UILabel *noLabel;//数字导航@property(nonatomic,weak) IBOutlet UIImageView *iconView;//图片view@property(nonatomic,weak) IBOutlet UILabel *descLabel;//描述//需要记录显示的账片序数@property(nonatomic,assign) int index;//strong:用于一般的对象//weak：用于UI控件@property(nonatomic,strong) NSArray *imageData;@end@implementation ViewController- (void)viewDidLoad{    [super viewDidLoad];        self.index = 1;    [self changeDate];    }#pragma mark 设置数组数据-(NSArray *)imageData{    if (_imageData == nil) {//未被初始化        //初始化数据               NSMutableDictionary *image1 = [NSMutableDictionary dictionary];        image1[LHSIconKey] = @"biaoqingdi";        image1[LHSDescKey] = @"在他面前，其他神马表情都弱爆了！";                NSMutableDictionary *image2 = [NSMutableDictionary dictionary];        image2[LHSIconKey] = @"wangba";        image2[LHSDescKey] = @"哥们为什么选八号呢";                NSMutableDictionary *image3 = [NSMutableDictionary dictionary];        image3[LHSIconKey] = @"bingli";        image3[LHSDescKey] = @"这也忒狠了";                NSMutableDictionary *image4 = [NSMutableDictionary dictionary];        image4[LHSIconKey] = @"chiniupa";        image4[LHSDescKey] = @"chiniupa";                NSMutableDictionary *image5 = [NSMutableDictionary dictionary];        image5[LHSIconKey] = @"danteng";        image5[LHSDescKey] = @"亲，你能改下你的网名么？哈哈";        _imageData = @[image1, image2, image3, image4, image5];    }    return _imageData;}#pragma mark 改变数据-(void)changeDate{    //1,改变数据    self.noLabel.text = [NSString stringWithFormat:@"%d/%d",self.index + 1,self.imageData.count];    //2,取出字典中index对应的字典数据    NSDictionary *imageDict = self.imageData[self.index];    //3.设置图片    self.iconView.image = [UIImage imageNamed:imageDict[LHSIconKey]];    //4.设置描述    self.descLabel.text = imageDict[LHSDescKey];    //5.改变按钮状态    self.previousBtn.enabled = (self.index != 0);    self.nextBtn.enabled = (self.index != self.imageData.count -1);}-(IBAction)previous{    //1缩小索引    self.index--;    //2,改变数据    [self changeDate];}-(IBAction)next{    //1缩小索引    self.index++;    //2,改变数据    [self changeDate];}@end

这算是一个扩展性比较好的代码了，我们可以将数组字典放在.plist文件中，直接在文件中读取，这也算是小小的数据库应用

- (NSArray *)imageData{    if (_imageData == nil) { // 从未初始化        // 初始化数据        // File : 全路径        // NSBundle : 一个NSBundle代表一个文件夹        // 利用mainBundle就可以访问软件资源包中的任何资源        NSBundle *bundle = [NSBundle mainBundle];                //  获得imageData.plist的全路径        NSString *path = [bundle pathForResource:@"imageData" ofType:@"plist"];                _imageData = [NSArray arrayWithContentsOfFile:path];    }    return _imageData;}