iOS开发 -------- 图片浏览器初步

一 示例代码

---

 //
 //  RootViewController.m
 //  图片浏览器初步
 //
 //  Created by lovestarfish on 15/11/1.
 //  Copyright © 2015年 S&G. All rights reserved.
 //

 #import "RootViewController.h"

 #define POTOIMGW 175
 #define POTOIMGH 300
 #define POTOIMGX 100
 #define POTOIMGY 120

 @interface RootViewController ()

 @property (nonatomic,retain) UILabel *firstLabel;
 @property (nonatomic,retain) UILabel *lastLabel;
 @property (nonatomic,retain) UIImageView *icon;
 @property (nonatomic,retain) UIButton *leftButton;
 @property (nonatomic,retain) UIButton *rightButton;

 @property (nonatomic,retain) NSArray *dataSource;

 - (void)change;
 @property (nonatomic,assign) int i;

 @end

 @implementation RootViewController

 - (void)dealloc {
     self.firstLabel = nil;
     self.lastLabel = nil;
     self.icon = nil;
     self.leftButton = nil;
     self.rightButton = nil;
     self.dataSource = nil;
     [super dealloc];
 }

 - (NSArray *)dataSource {
     if (!_dataSource) {
         NSDictionary *dic1 = @{@"name":@"xib1",@"desc":@"第一张"};
         NSDictionary *dic2 = @{@"name":@"xib2",@"desc":@"第二张"};
         NSDictionary *dic3 = @{@"name":@"xib3",@"desc":@"第三张"};
         NSDictionary *dic4 = @{@"name":@"xib4",@"desc":@"第四张"};
         NSDictionary *dic5 = @{@"name":@"xib5",@"desc":@"第五张"};
         self.dataSource = @[dic1,dic2,dic3,dic4,dic5];
     }
     return _dataSource;
 }

 - (void)viewDidLoad {
     [super viewDidLoad];
     //初始化 i= 0
     self.i = ;

     //创建一个用来显示序号的label控件
     UILabel *headLabel =[[UILabel alloc] initWithFrame:CGRectMake(, , , )];
     [headLabel setTextAlignment:NSTextAlignmentCenter];
     [headLabel setTextColor:[UIColor blackColor]];
     [self.view addSubview:headLabel];
     [headLabel release];
     self.firstLabel = headLabel;

     //创建一个装载图片的控件
     UIImageView *potoImage = [[UIImageView alloc] initWithFrame:CGRectMake(POTOIMGX, POTOIMGY, POTOIMGW, POTOIMGH)];
     potoImage.image = [UIImage imageNamed:@"xib1"];
     [self.view addSubview:potoImage];
     [potoImage release];
     self.icon = potoImage;

     //创建最下边的描述图片的label控件
     UILabel *desLabel = [[UILabel alloc] initWithFrame:CGRectMake(, , , )];
     desLabel.textAlignment = NSTextAlignmentCenter;
     [self.view addSubview:desLabel];
     [desLabel release];
     self.lastLabel = desLabel;

     //创建两个方向键按钮
     UIButton *leftBtn = [UIButton buttonWithType:UIButtonTypeSystem];
     leftBtn.frame = CGRectMake(, , , );
     [leftBtn setTitle:@"向左" forState:UIControlStateNormal];
     [leftBtn addTarget:self action:@selector(leftBtnClick:) forControlEvents:UIControlEventTouchUpInside];
     [self.view addSubview:leftBtn];
     self.leftButton = leftBtn;

     UIButton *rightBtn = [UIButton buttonWithType:UIButtonTypeSystem];
     rightBtn.frame = CGRectMake(POTOIMGX + POTOIMGW + , , , );
     [rightBtn setTitle:@"向右" forState:UIControlStateNormal];
     [rightBtn addTarget:self action:@selector(rightBtnClick:) forControlEvents:UIControlEventTouchUpInside];
     [self.view addSubview:rightBtn];
     self.rightButton = rightBtn;

     [self change];
 }

 /**
  *  点击按钮图片和文字做出相应的改变
  */
 - (void)change {

     self.icon.image = [UIImage imageNamed:self.dataSource[self.i][@"name"]];
     self.lastLabel.text = self.dataSource[self.i][@"desc"];
     self.firstLabel.text = [NSString stringWithFormat:@"%d/5",self.i + ];
     /*
     self.firstLabel.text = [NSString stringWithFormat:@"%d/5",self.i + 1];
     switch (self.i) {
         case 0:
             self.lastLabel.text = @"一";
             self.icon.image = [UIImage imageNamed:@"xib1"];
             break;
         case 1:
             self.lastLabel.text = @"二";
             self.icon.image = [UIImage imageNamed:@"xib2"];
             break;
         case 2:
             self.lastLabel.text = @"三";
             self.icon.image = [UIImage imageNamed:@"xib3"];
             break;
         case 3:
             self.lastLabel.text = @"四";
             self.icon.image = [UIImage imageNamed:@"xib4"];
             break;
         case 4:
             self.lastLabel.text = @"五";
             self.icon.image = [UIImage imageNamed:@"xib5"];
             break;
         default:
             break;
     }
      */
     //控制按钮的点击,如果为5则右键shixiao,如果为1,则左键实现
     self.leftButton.enabled = (self.i != );
     self.rightButton.enabled = (self.i != );
 }

 /**
  *  向右按钮的点击方法
  */
 - (void)rightBtnClick:(UIButton *)button {
     self.i++;
     [self change];
 }

 /**
  *  向左按钮的点击方法
  */
 - (void)leftBtnClick:(UIButton *)button {
     self.i--;
     [self change];
 }

 - (void)didReceiveMemoryWarning {
     [super didReceiveMemoryWarning];

 }

 @end

二 实现效果

---