iOSUI控件(3)

1.开关控件

UISwitch控件代表一个开关按钮，用于处理布尔值。可通过监控ValueChange事件来检测开关按钮的状态切换，也可通过属性on或实例方法isOn来获取当前值。

示例：通过switch开关来控制背景颜色

- (IBAction)backChange:(UISwitch *)sender {    if ([sender isOn]) {        [self.view setBackgroundColor:[UIColor whiteColor]];            }    else    {        [self.view setBackgroundColor:[UIColor blackColor]];    }}

2.分段控件(UISegmentedControl)

分段控件提供一栏按钮，每次只能激活其中一个按钮。常用语在不同类别的信息之间选择，或在不同的屏幕之间切换。

支持的属性：

1. Style 设置控件的风格
   
2. State 设置控件不保持状态
   
3. Tint 设置被选中分段的高亮颜色
   
4. Segments 设置控件的分段数
   
5. Segment 选择某个分段
   
6. Title 选择分段的标题
   
7. Image 选择分段的图片
   
8. Behavior
   Enabled： 设置控件是否可用
   Selected：设置是否被选中

实例： 分段控件设置背景颜色，动态增加、删除分段

效果图：

主要实现代码：

- (IBAction)segmentChanged:(UISegmentedControl *)sender {    switch ([sender selectedSegmentIndex]) {        case 0:            [self.view setBackgroundColor:[UIColor redColor]];            break;             case 1:            [self.view setBackgroundColor:[UIColor greenColor]];             break;             case 2:            [self.view setBackgroundColor:[UIColor blueColor]];             break;             case 3:            [self.view setBackgroundColor:[UIColor purpleColor]];             break;                    default:            break;    }}- (IBAction)add:(UIButton *)sender {    NSUInteger count = self.seg1.numberOfSegments;    NSString*  title = self.tv.text;    if([title length] > 0)    {        [self.seg1 insertSegmentWithTitle:title atIndex:count animated:YES];    }    }- (IBAction)remove:(UIButton *)sender {    NSUInteger count = self.seg1.numberOfSegments;    [self.seg1 removeSegmentAtIndex:count-1 animated:YES];}

3.图像控件(UIImageView)

代表一个图片显示控件，直接继承UIView，没有继承UIControl。

可以通过如下两个属性访问或设置控件显示的图片：

• image: 访问或设置该控件显示的图片
  
• highlightedImage 访问或设置该控件处于高亮状态时显示的图片

还可以使用动画显示一组图片，主要属性和方法如下：

• animationImages： 访问或设置该UIImageView需要动画显示的多张图片。NSArray
  
• highlightedAnimationImages: 访问或设置该UIImageView 高亮状态下需要动画显示的多张图片。该属性是一个NSArray对象。
  
• animationDuratin: 访问或设置 动画持续时间
  
• animationRepeatCount: 访问或设置动画持续次数
  
• startAnimating: 开始播放动画
  
• isAnimating: 该方法判断该UIImageView是否播放动画

实例： 图片浏览器及“幻灯片”播放器

效果图：

NSArray * images;NSArray * images1;int curImage;CGFloat alpha;-(void) viewDidLoad{    [super viewDidLoad];    curImage = 0;    alpha = 1.0;    images = [NSArray arrayWithObjects:@"1.jpg",@"2.jpg",@"3.jpg" ,@"4.jpg",nil];    //启动iv1控件的用户交互，从而允许该控件能响应用户手势    self.iv1.userInteractionEnabled = YES;    //创建一个轻击的手势检测器    UITapGestureRecognizer * singleTap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(clicked:)];    //为控件添加手势    [self.iv1 addGestureRecognizer:singleTap];        /*     *幻灯片播放     */    self.iv3.animationImages=[NSArray arrayWithObjects:                             [UIImage imageNamed:@"1.jpg"],                             [UIImage imageNamed:@"2.jpg"],                             [UIImage imageNamed:@"3.jpg"],                             [UIImage imageNamed:@"4.jpg"],nil ];        //设置动画总时间    self.iv3.animationDuration=1.0;        //设置重复次数，0表示不重复    self.iv3.animationRepeatCount=0;        //开始动画    [self.iv3 startAnimating];    }- (IBAction)plus:(UIButton *)sender {    alpha += 0.2;    if(alpha >= 1.0)    {        alpha = 1.0;    }    self.iv1.alpha = alpha;}- (IBAction)minus:(UIButton *)sender {    alpha -= 0.2;    if(alpha <= 0.0)    {        alpha = 0.0;    }    self.iv1.alpha = alpha;}- (IBAction)next:(UIButton *)sender {    self.iv1.image = [UIImage imageNamed:[images objectAtIndex:(++curImage % images.count)]];}-(void) clicked:(UIGestureRecognizer*)getureRecognizer{    //获取正在显示的原始图片    UIImage * srcImage = self.iv1.image;    //获取用户手指在iv1控件上的触碰点    CGPoint pt = [getureRecognizer locationInView:self.iv1];    //获取正在显示的原图对应的CGImageRef    CGImageRef sourceImageRef = [srcImage CGImage];    //获取图片实际大小与第一个UIImageView的缩放比例    CGFloat scale = srcImage.size.width / 320;    //将iv控件上的触碰点的左边换算成原始图片上的位置    CGFloat x = pt.x * scale;    CGFloat y = pt.y * scale;    if(x + 120 > srcImage.size.width)    {        x = srcImage.size.width -140;    }    if(y+ 120 > srcImage.size.height)    {        y = srcImage.size.height - 140;    }    CGImageRef newImageRef = CGImageCreateWithImageInRect(sourceImageRef, CGRectMake(x,y, 140, 140));    self.iv2.image = [UIImage imageWithCGImage:newImageRef];}

4. 进度条

包括UiprogressView和UIActivityIndicatorView，前者显示 百分比，后者显示衣蛾旋转的齿轮。

4.1 UIPRogressView

UIProgressView继承UIView。

支持的主要属性：

1. Style
   
2. Progress 设置进度条任务的完成比例，0.0-0.1之间。
   
3. Progress Tint 设置已经完成进度的颜色。
   
4. Track Tint 设置进度条的轨道颜色
   
5. progressImage：
   
6. trackImage：

4.2 UIActivityIndicatorView

表示任务正在进行中，该控件显示一个旋转的进度换，不精确显示百分比。

支持的属性：

1. Style
   
2. Color
   

3. Behavior

   • Animating: 勾选控制进度环显示出来后立即开始转动
     
   • Hides When Stopped: 设置进度换停止转动时自动隐藏

方法：

1. -startAnimating: 控制进度环开始转动
   
2. -stopAnimating: 控制进度环停止转动

5. 拖动条(UISlider)

UISlider支持的属性与UIProgressBar相似。UISlider支持高度定制，包括定制拖动条的轨道、以完成精度的外观。

1. setMinimumTrackImage:forState: 设置拖动条已完成进度的轨道图片
   
2. setMaximumTrackImage:forState: 设置拖动条外完成进度轨道图片
   
3. setThumbImage:forState: 设置拖动条上滑块的图片