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选项中,序号设置这一项可以提取出来,而剩下的两个数据可以使用字典来存储,下篇文章,我会再次改进这个代码,将数据存储到字典中.

时间: 2024-10-29 17:20:19

UI基础-图片浏览器-改进1的相关文章

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

上篇文章,我们介绍了使用plist文件加载字典数据,用字典来存储数据,用键值对来存储数据,是NSDictionary类型(坏处:容易写错,不容易调试) 我们可以使用模型来存储数据,也就是将要说的字典转模型. 字典转模型: 字典:用来存储数据,用键值对来存储数据,是NSDictionary类型(坏处:容易写错,不容易调试) 模型:用来存储数据,用属性来存储数据,好处:(有提示,不容易写错) 字典转化成模型:一个字典转换成一个模型,把字典的键值对转换的模型的属性 模型的建立:模型是一个纯洁的obje

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

继续改进上面文章中的图片浏览器小案例,将数据放到字典中. 首先了解一下,viewDidLoad方法的作用: @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. } @end    在视图加载后被调用: 如果是在代码中创建的视图加载器,他将会在loadView

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

本篇文章再次改进图片浏览器小实例. 本篇引入"懒加载"的概念.懒加载(延迟加载),也就是在需要的时候才加载(效率高,占用内存小).所谓懒加载,也就是重写其get方法. 直接附上源码: 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

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

上面文章最后引出了plist文件.下面首先介绍一下plist文件. plist全名:Property List,属性列表文件,用来存储串行化后的对象的文件.属性列表文件的扩展名为.plist ,因此通常被称为 plist文件.文件是xml格式的. Plist文件通常用于储存用户设置,也可以用于存储捆绑的信息. 下图为图片浏览器实例使用到的plist文件的截图: 我下面介绍一下plist文件的创建过程,首先在Xcode中,点击"Flie"中的New file 或者直接使用快捷键 comm

UI基础-图片浏览器

本篇使用UIImageView\UILabel\UIButton实现一个综合的小案例. 功能分析: 点击箭头切换序号\图片\描述 如果是首张图片,左边箭头不能点击 如果是尾张图片,右边箭头不能点击 步骤分析: 搭建UI界面:两个UILabel,一个UIImageView,两个UIButton 监听按钮点击 切换序号\图片\描述 附上storyboard拖线的图片: 附上源代码: ViewController.m 1 // 2 // ViewController.m 3 // 01-图片浏览器1

IOS-UI基础-图片浏览器

图片浏览器思路 懒加载: 就是重写了数组/字典的 get方法, 到使用的时候才会去分配内存控件 - (NSArray *)dataArray { // 1. 初始化数据 if (nil == _dataArray) { _dataArray = @[ @{@"icon":@"img_01", @"title":@"显示信息1"}, @{@"icon":@"img_02", @"

ios开发-UI基础-应用管理(单纯界面)改进5-使用代理实现监听下载按钮的点击(delegate)

[注意]转载时请注明出处博客园-吃唐僧肉的小悟空http://www.cnblogs.com/hukezhu/ 前几篇文章介绍了一个应用管理的小应用,从最开始的单纯实现功能,一步一步就行改进\封装,上篇文章是使用xib进行了优化,本篇文章使用代理实现监听下载按钮的点击. 在原来的基础上,使用代理的主要思路分析: 首先要新建一个协议 声明协议的要实现的方法(一般为optional) 声明一个遵守该协议的代理的属性 使用代理,通知其代理完成操作 在代理中的实现步骤: 遵守协议 设置代理(一般通过拖线

iOS开发UI基础—简单的浏览器查看程序

iOS开发UI基础-简单的浏览器查看程序 一.程序实现要求 1.要求 2. 界面分析 (1) 需要读取或修改属性的控件需要设置属性 序号标签 图片 图片描述 左边按钮 右边按钮 (2) 需要监听响应事件的对象,需要添加监听方法 左边按钮 右边按钮 二.实现基本功能的程序 1 // 2 // YYViewController.m 3 // 03-图片浏览器初步 4 // 5 // Created by apple on 14-5-21. 6 // Copyright (c) 2014年 itcas

ios开发-UI基础-应用管理(单纯界面)改进2

本篇文章,通过字典转模型来改进上篇文章中的代码. 字典转模型,之前的文章已经介绍过,这里再重复一下:  字典转模型 字典:用来存储数据的,用键值对存储数据,是一个nsdictionary ,(不好处:key值容易写错) 模型: 用来存储数据的,一个字典对应一个模型,模型用属性来存储数据,是一个纯洁的object对象 @property(nonatomic,copy)NSString *name; @property(nonatomic,copy)NSString *icon; 字典转模型:一个字