zoukankan      html  css  js  c++  java
  • IOS ,简单的图片浏览器

    简单的图片浏览器,如下图;

    功能比较简单。

    1 就是当点击按键左右时,可以换图片,同时也改变图片下面的说明和上面图片的页数。

    2 当是第一个图片和最后一个图片时,相对应的按键也无法点击。

    二,1 第一先导入图片到项目images.xcassets下,国为项目当中要用些图片。然后开始新创建一个IOS项目,创建的过程,应该都会了。

    设计界面如下:

    三设计完界面后,然后就要开始写后台代码了。

    1 界面上有两个Label,我们按住Ctrl键拉两个Label属性到后台,其实也可以在后台写好属性再关连到界面上去。

    2 创建左右按键的属性 ,同时再创建两个左右按键点击事件。因为在这个图片浏览器当中,我们不但要可以点击左右按键,还要判断按键是否可以点击,而判断按键是否可以点击是在属性的enabled属性来设置的,所以要创建按键事件和按键属性

    3 和上面一样再创建一个图片的属性。

    4 界面对应的属性和事件创建完了以后,我们再在后台创建一个int 类型名为index的属性,这个属性是我们拿来计算当前是第张图片用的,可以把这个当做一个变量来看,就是拿来计算当前图片数的。

    5 最后我们再创建一个NSArray数组的属性,其实这个属性是用来保存图片和图片说明文字的。如果在真正的项目中,这些图片数据,应该通过网络从服务器中传过来的。

    所有后台代码如下:

    //
    //  ViewController.m
    //  图片-02
    //
    //  Created by 徐周 on 15-6-1.
    //  Copyright (c) 2015年 XUZHOU. All rights reserved.
    //
    
    #import "ViewController.h"
    
    @interface ViewController ()
    
    //显示页数属性
    @property (weak, nonatomic) IBOutlet UILabel *Titel;
    
    //显示图片的文字内容属性
    @property (weak, nonatomic) IBOutlet UILabel *Titevalue;
    
    //显示图片属性
    @property (weak, nonatomic) IBOutlet UIImageView *Viweimg;
    //左按键的属性
    @property (weak, nonatomic) IBOutlet UIButton *leftEng;
    
    //右按键的属性
    @property (weak, nonatomic) IBOutlet UIButton *righEng;
    
    //左按键的事件
    - (IBAction)Buttonleft;
    
    //右按键的事件
    - (IBAction)Buttonriht;
    
    //当前图片的索引
    @property(nonatomic,assign) int index;
    
    //创建图片的数组集合
    @property(nonatomic,strong)NSArray *ArrayAmg;
    
    @end
    
    @implementation ViewController
    
    - (void)viewDidLoad
    {
        //当模拟器开始运行时,调用ChangData方法设置界面的显示
        [super viewDidLoad];
        [self ChangData];
    }
    
    //左选择图片
    - (IBAction)Buttonleft {
        
        self.index--;
        [self ChangData];
        
    }
    //右选择图片
    - (IBAction)Buttonriht {
        
        self.index++;
        [self ChangData];
    }
    //创建原始图片数据
    -(NSArray *)ArrayAmg
    {
       if(_ArrayAmg==nil)
       {
           NSMutableDictionary *img1=[NSMutableDictionary dictionary];
           img1[@"img"]=@"123";
           img1[@"tite"]=@"这真是一个大美女哦!";
           
           NSMutableDictionary *img2=[NSMutableDictionary dictionary];
           img2[@"img"]=@"555";
           img2[@"tite"]=@"这也是个大美女";
           
           NSMutableDictionary *img3=[NSMutableDictionary dictionary];
           img3[@"img"]=@"666";
           img3[@"tite"]=@"这是一个中国大美女";
           
           NSMutableDictionary *img4=[NSMutableDictionary dictionary];
           img4[@"img"]=@"chiniupa";
           img4[@"tite"]=@"这是在做什么呢";
           
           NSMutableDictionary *img5=[NSMutableDictionary dictionary];
           img5[@"img"]=@"danteng";
           img5[@"tite"]=@"太尼妈搞笑了";
           
           
           _ArrayAmg=@[img1,img2,img3,img4,img5];
           
           
       }
        
        return _ArrayAmg;
    }
    
    //修改图片数据和按键属性
    -(void)ChangData
    {
        //设置当前图片的数和总图片数
        self.Titel.text=[NSString stringWithFormat:@"%d/%d",self.index+1,self.ArrayAmg.count];
        
        //从当前NSArray中找到索引值中所对应的数据,然后赋给界面。
        NSDictionary *dicary=self.ArrayAmg[self.index];
        //设置图片
        self.Viweimg.image=[UIImage imageNamed:dicary[@"img"]];
        //设置图片说明文字
        self.Titevalue.text=dicary[@"tite"];
        
        //设置左按键是否可以点击
        if(self.index<1)
        {
            self.leftEng.enabled=NO;
        }
        else
        {
            self.leftEng.enabled=YES;
        }
        //设置右按键是否可以点击
        if(self.index>=self.ArrayAmg.count-1)
        {
            self.righEng.enabled=NO;
        }
        else
        {
            self.righEng.enabled=YES;
        }
        
      
    }
    
    @end
    View Code

     这样,简单的图片浏览器就做好了,没有什么技术难点,学习IOS一步步来,博客写得不好,再努力!

  • 相关阅读:
    JS4
    JS3
    JS2
    JS1
    Dos命令
    面向对象的复习
    9.14Css
    9.13列表的用法
    9.12Css
    9.11Css
  • 原文地址:https://www.cnblogs.com/xu3593/p/4544427.html
Copyright © 2011-2022 走看看