<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html><head><meta http-equiv="Cont-阿里云开发者社区

1、UIImageView 是用来显示图片的控件，相当于相框，用来显示UIImage对象

//初始化UIImage对象及为其加载图片
//第一种方式

// UIImage *image = [UIImage imageNamed:@"1.JPG"];

第二种方式

通过图片的路径加载图片

通过应用程序包找出图片 NSBundle (应用程序包类)

获取当前应用包对象

//pathForResource: 资源名称 ofType: 资源类型
// NSString *filePath = [[NSBundle mainBundle]pathForResource:@"2" ofType:@"JPG"];

// UIImage *image2 = [UIImage imageWithContentsOfFile:filePath];

两种优缺点和使用场景：

第一种方式：如果这个图片资源被多次使用，使用第一种方式，此种方式会把图片添加到应用程序的缓存中，多次使用比较方便，缺点：占用内存，优点：第二次使用速度很快

第二种方式：如果这个图片资源只被使用一次，使用第二种方式，此种方式不会把图片对象添加到缓存中，缺点：耗时

注意：本节素材下载(百度云)：UIImageView素材 http://pan.baidu.com/s/1t2H2m

动画素材 http://pan.baidu.com/s/1eQk7fN0

——————————————————————————————

//创建UIimageView 对象

UIImageView *imageView = [[UIImageView alloc]initWithImage:image];

//配置属性

//设定frame

imageView.frame = [UIScreen mainScreen].bounds;

//重新设置图片

imageView.image = image2;

[self.view addSubview:imageView];

[imageView release];

//UIImageView 加载动态图片

    //1.准备一组图片使用数组存放
    NSMutableArray *imageArray = [NSMutableArray arrayWithCapacity:7];
     //使用for循环添加图片

for (int i =1; i < 8; i ++) {

        //先确定图片的名字
        NSString *name = [NSString stringWithFormat:@"huoju_%d.tiff",i ];
        //初始化image对象
        UIImage *image = [UIImage imageNamed:name];
        //将图片添加到数组中

[imageArray addObject:image];

}

// NSLog(@"%@",imageArray);//验证数组中是否添加完成

//建立动画视图

    UIImageView *fireImageView = [[UIImageView alloc]initWithFrame:CGRectMake(120, 100, 79, 106)];
    fireImageView.backgroundColor = [UIColor greenColor];
    //设置UIImageView 播放动态图片需要的数组

fireImageView.animationImages = imageArray;

    //设置播放速度
    fireImageView.animationDuration = 0.1;
    //设置播放图片重复次数

fireImageView.animationRepeatCount = 1000;

//启动动态图片播放对动画的配置写在动画开始之前 VIP

[fireImageView startAnimating];

//添加到父视图
[self.view addSubview:fireImageView];

[fireImageView release];

    //等比缩放图片
    NSString *fielePath2 = [[NSBundle mainBundle]pathForResource:@"8" ofType:@"JPG"];
    UIImage *image3 = [UIImage imageWithContentsOfFile:fielePath2];
    //image3.size 中存放的是图片的宽和高

NSLog(@"%@",NSStringFromCGSize(image3.size));

//将UIImageView 设置为宽200，高为知，用来显示不是真的image3

UIImageView *CFImageView = [[UIImageView alloc]initWithImage:image3];
CGFloat h = image3.size.height * 200 / image3.size.width ;

CFImageView.frame = CGRectMake(60, 200, 200, h);

[self.view addSubview:CFImageView];

[CFImageView release];

最终效果如下：

————————————————————————————

练习1：

//制作僵尸动态图片

CGSize zSize = CGSizeZero;

NSMutableArray *Zombil = [NSMutableArray arrayWithCapacity:22];

    for (int i = 1; i < 23; i ++) {
        //先确定图片的名字
        NSString *name1 = [NSString stringWithFormat:@"Zombie%d.tiff",i];
        //创建Image对象
        UIImage *image4 = [UIImage imageNamed:name1];
       //定义Size变量存储图片大小
        zSize = image4.size;
       //将图片添加到数组中

[Zombil addObject:image4];

}

NSLog(@"%@",Zombil);//验证

    //建一个imageView 视图
    UIImageView *zombie1 = [[UIImageView alloc]initWithFrame:CGRectMake(10, 100, 300, zSize.height * 300 / zSize.height)];
    zombie1.backgroundColor = [UIColor redColor];
    //设置播放动画需要的数组
    zombie1.animationImages = Zombil;
    //设置播放速度
    zombie1.animationDuration = 3;
    //设置播放重复次数:给0是无限重复

zombie1.animationRepeatCount = 100;

    //启动动画
    [zombie1 startAnimating];
    //加载到父视图

[self.view addSubview:zombie1];

[zombie1 release];

最终效果：

======================================================

2、UISwitch 开关控件继承自 UIControl
    //创建Swictch对象
    UISwitch *aSwitch1 = [[UISwitch alloc]initWithFrame:CGRectMake(30, 50, 0, 0)];
    //配置Switch边框的渲染颜色
    aSwitch1.tintColor = [UIColor redColor];
   //配置控件内部的颜色
    aSwitch1.onTintColor = [UIColor blueColor];
    //设置按钮的颜色

aSwitch1.thumbTintColor = [UIColor cyanColor];

//给Switch 添加事件
//self 指视图控制器对象

[aSwitch1 addTarget:self action:@selector(handleSwitch:) forControlEvents:UIControlEventValueChanged];//当状态代表的数值改变的时候事件触发

[self.view addSubview:aSwitch1];

[aSwitch1 release];

}

#pragma mark switch 的关联事件
- (void)handleSwitch: (UISwitch *)aswitch{

//首先应该或许开关控件当前的状态

    switch ((int)aswitch.on) {
        case YES:
            NSLog(@"开了");
            break;
            case NO:
            NSLog(@"关了");
            break;
        default:
            break;

}

======================================================

3、UIStepper 加减控件继承自 UIControl
    UIStepper *aStep = [[UIStepper alloc]initWithFrame:CGRectMake(100, 100, 0, 0)];
    //设置边框颜色
    aStep.tintColor = [UIColor redColor];
    //设置背景颜色
    aStep.backgroundColor = [UIColor cyanColor];
    //设置step的最小值默认最小值是0.0
    aStep.minimumValue = 10.0;
    //设置step的最大值默认最大值是100.0
    aStep.maximumValue = 30.0;
    //长按按钮数值是否自动增加或减小，默认为YES
    aStep.autorepeat = NO;
    //设置控件所代表的数值当大于最大值或者小于最小值的时候，是否可以从另一头开始
//    aStep.wraps = YES;
    //设置点击按钮时数值的变化值
    aStep.stepValue = 10.0;

//给aStep添加事件

[aStep addTarget:self action:@selector(handleStepper : ) forControlEvents:(UIControlEventValueChanged)];

[self.view addSubview:aStep];
[aStep release];

}

//实现事件方法

- (void)handleStepper : (UIStepper *)stepper{
//stepper.value 代表这个控件当前的数值
NSLog(@"%f",stepper.value);

}

=========================================================

4、UISegmentedControl 分段控制器，此控件有多个分段组成，每一个分段相当于一个button

    NSArray *titles = @[@"红色",@"绿色背景",@"蓝色",@"橙色",@"紫色"];
   //创建segmentControl 对象，并为每个分段添加title
    UISegmentedControl *aSegment = [[UISegmentedControl alloc]initWithItems:titles];
    //segmentControl 每个标题的宽度默认是等分总宽度的
    aSegment.frame = CGRectMake(20, 40, 280, 40);
    //设置segmentControl的边框颜色
    aSegment.tintColor = [UIColor magentaColor];
    //设置默认选中的分段

aSegment.selectedSegmentIndex = 0;

//修改分段的宽度

[aSegment setWidth:60 forSegmentAtIndex:1];

//给segmentControl 关联事件

[aSegment addTarget:self action:@selector(handlSegment : ) forControlEvents:(UIControlEventValueChanged)];

//添加父视图
[self.view addSubview:aSegment];

[aSegment release];

}

————————————————————

#pragma mark segmentControl 的关联事件
- (void)handlSegment : (UISegmentedControl *)segment{

// segment.selectedSegmentIndex 返回当前分段控制器被选中的下标

NSLog(@"%ld",segment.selectedSegmentIndex);//验证

    self.view.backgroundColor = [UIColor blueColor];
    switch (segment.selectedSegmentIndex) {
        case 0:
            self.view.backgroundColor = [UIColor redColor];
            break;
            case 1:
            self.view.backgroundColor = [UIColor greenColor];
            break;
            case 2:
            self.view.backgroundColor = [UIColor blueColor];
            break;
            case 3:
            self.view.backgroundColor = [UIColor orangeColor];
            break;
            case 4:
            self.view.backgroundColor = [UIColor purpleColor];
            break;
        default:
            break;
    }

}

================================================

5、UISlider 滑块控件，继承自UIControl ，主要用来显示当前播放进度，控制音量或进度

（注意：必须记忆的方法）

    UISlider *aSlider = [[UISlider alloc]initWithFrame:CGRectMake(20, 100, 280, 30)];
    //设置属性
    //设置滑块最小值
    aSlider.minimumValue = 0.2;
    //设置滑块最大值
    aSlider.maximumValue = 1.0;
    //设置滑块当前的数值(或位置)
    aSlider.value = 0.5;
    //设置滑过区域的颜色
    aSlider.minimumTrackTintColor = [UIColor redColor];
    //设置未滑过区域的颜色
    aSlider.maximumTrackTintColor = [UIColor whiteColor];
    //设置滑块上的图片
    [aSlider setThumbImage:[UIImage imageNamed:@"slider"] forState:UIControlStateNormal];
//关联时间

[aSlider addTarget:self action:@selector(handleSlinder : ) forControlEvents:(UIControlEventValueChanged)];

[self.view addSubview:aSlider];

[aSlider release];

}

效果图：

—————— ————————————————————————

#pragma mark slider的关联时间
- (void)handleSlinder : (UISlider *)aSlider{
//通过滑块控制视图的透明度
self.view.alpha = aSlider.value;

//value 返回的是当前滑块所在位置代表的数值

//NSLog(@"%.2f",aSlider.value);//验证使用，用过要注掉

}

=========================================================

总结：UIControll 是控制控件的基类，凡是继承自该类的子类都可以通过addTarget： action： forControlEvents ：这个方法添加响应时间，UIontrol类的实现类似我们学过的target ... action 设计模式，所以如果你想自定义一个视图，而且还是能够响应事件的，那就让它继承自UIControl；

欢迎学习本文，未经博主许可，禁止转载！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html><head><meta http-equiv="Cont

热门文章

最新文章

相关电子书