UI基础-图片浏览器-改进1

  上篇文章实现了一个使用UIImageView\UILabel\UIButton实现一个综合的小的图片浏览器,虽然能实现功能,但是代码有很大的问题,这里进行第一次改进:将代码中重复性的代码进行封装,封装成一个方法,用用户点击按钮时,调用点击按钮的响应方法,这个方法中直接调用封装的这个方法.

  下面直接上代码,storyboard拖线跟上篇一样,这里不再重复

  ViewController.m

  

 1 //
 2 //  ViewController.m
 3 //  01-图片浏览器1
 4 //
 5 //  Created by hukezhu on 15/5/12.
 6 //
 7 //
 8 
 9 #import "ViewController.h"
10 
11 @interface ViewController ()
12 /**  界面上最上面显示索引的label*/
13 @property (weak, nonatomic) IBOutlet UILabel *noLabel;
14 /**  显示图片的控件*/
15 @property (weak, nonatomic) IBOutlet UIImageView *iconView;
16 /**  描述图片内容的label*/
17 @property (weak, nonatomic) IBOutlet UILabel *descLabel;
18 /**
19  *  左边按钮的属性,用来控制按钮的不可用状态
20  */
21 @property (weak, nonatomic) IBOutlet UIButton *left;
22 /**
23  *  右边按钮的属性,用来控制按钮的不可用状态
24  */
25 @property (weak, nonatomic) IBOutlet UIButton *right;
26 /**
27  *  索引,记录位置
28  */
29 @property (nonatomic ,assign)int index;
30 /**
31  *  上一张的点击响应方法
32  */
33 - (IBAction)previous;
34 /**
35  *  下一张的点击响应方法
36  */
37 - (IBAction)next;
38 @end
39 
40 @implementation ViewController
41 
42 - (void)viewDidLoad {
43     [super viewDidLoad];
44 
45     //首先将当前计数器设置为-1,然后再调用next方法,即可显示首页面.
46     self.index = -1;
47     [self next];
48 }
49 //发现代码中previous和next方法中的代码基本上一样,属于重复性的,可以将其封装成一个方法
50 
51 - (void)move{
52 
53     switch (self.index) {
54         case 0:
55             self.noLabel.text = @"1/5";
56             self.iconView.image = [UIImage imageNamed:@"biaoqingdi"];
57             self.descLabel.text = @"哥牛逼啊";
58             break;
59         case 1:
60             self.noLabel.text = @"2/5";
61             self.iconView.image = [UIImage imageNamed:@"bingli"];
62             self.descLabel.text = @"亮瞎眼啊";
63             break;
64         case 2:
65             self.noLabel.text = @"3/5";
66             self.iconView.image = [UIImage imageNamed:@"chiniupa"];
67             self.descLabel.text = @"小姑娘吃牛排比杀牛还费劲";
68             break;
69         case 3:
70             self.noLabel.text = @"4/5";
71             self.iconView.image = [UIImage imageNamed:@"danteng"];
72             self.descLabel.text = @"蛋疼";
73             break;
74         case 4:
75             self.noLabel.text = @"5/5";
76             self.iconView.image = [UIImage imageNamed:@"wangba"];
77             self.descLabel.text = @"王八";
78             break;
79             
80     }
81     //设置按钮的不可用状态,当计数器为0时,左边的按钮为不可用状态
82     self.left.enabled = self.index != 0;
83     //当计数器为4时,右边的按钮为不可用状态
84     self.right.enabled = self.index != 4;
85 }
86 - (IBAction)previous{
87 
88     //计数器减一
89     self.index--;
90     [self move];
91 }
92 - (IBAction)next{
93     self.index++;
94     [self move];
95 }
96 @end

  这段代码中,将实现选择的那段代码,封装成了一个move方法,使用的时候直接调用这个move方法即可.代码比较简单,不再重复了.

  分析代码,还是有些问题,我们数据直接写在了move方法中,这种方法不太好,分析数据,发现每个switch选项中,序号设置这一项可以提取出来,而剩下的两个数据可以使用字典来存储,下篇文章,我会再次改进这个代码,将数据存储到字典中.

posted @ 2015-05-13 15:12  吃唐僧肉的小悟空  阅读(142)  评论(0编辑  收藏  举报