UIController子类控件 UI_06

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；

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