UIControl的两个子类 -- UISegmentedControl UISlider

UISegmentedControl – 分段控件

分段控件的初始化可用数组 但数组中的对象必须是字符串 或者 图片

如果选用图片初始化 必须使用镂空图

// 用字符串组成的数组初始化
    NSArray *stringArray = @[@"第一段",@"第二段",@"第三段"];

// 分段控件的初始化
    UISegmentedControl *segmentedControl = [[UISegmentedControl alloc] initWithItems:stringArray];

// 分段控件添加至视图上
    segmentedControl.frame = CGRectMake(20, 100, 300, 50);
    segmentedControl.backgroundColor = [UIColor greenColor];
    [self.view addSubview:segmentedControl];
    [segmentedControl release];

// 设置默认选中(从0开始)
    segmentedControl.selectedSegmentIndex = 1;

// 修改选中的颜色
    segmentedControl.tintColor = [UIColor brownColor];

// 修改中间段的宽度
    [segmentedControl setWidth:200 forSegmentAtIndex:1];

// 用图片组成的数组初始化

// 创建图片数组
    UIImage *image1 = [UIImage imageNamed:@"01-refresh"];
    UIImage *image2 = [UIImage imageNamed:@"02-redo"];
    UIImage *image3 = [UIImage imageNamed:@"03-loopback"];
    NSArray *imageArray = @[image1, image2, image3];

// 创建分段控件 并添加到视图上   
    UISegmentedControl *segmentedControlImage = [[UISegmentedControl alloc] initWithItems:imageArray];
    segmentedControlImage.backgroundColor = [UIColor orangeColor];
    segmentedControlImage.frame = CGRectMake(40, 300, 300, 50);
    segmentedControlImage.tintColor = [UIColor purpleColor];
    segmentedControlImage.selectedSegmentIndex = 0;
    [self.view addSubview:segmentedControlImage];
    [segmentedControlImage release];

// 添加一个点击事件
// 选取UIControlEventValueChanged 实际上是检测了索引的变化
    [segmentedControlImage addTarget:self action:@selector(segmentedAction:) forControlEvents:UIControlEventValueChanged];

// 实现一个需求: 点击分段控件的不同按钮 视图颜色随之改变

// 将三控制器设置为根视图控制器的子控制器(应将三控制器类设置根视图控制器的属性 方便取用)
    self.grayVC = [[GrayViewController alloc] init];
    [self addChildViewController:self.grayVC];
    [self.view addSubview:self.grayVC.view];
    [_grayVC release];

    self.blueVC = [[BlueViewController alloc] init];
    [self addChildViewController:self.blueVC];
    [self.view addSubview:self.blueVC.view];
    [_blueVC release];

    self.greenVC = [[GreenViewController alloc] init];
    [self addChildViewController:self.greenVC];
    [self.view addSubview:self.greenVC.view];
    [_greenVC release];

    // 最前面的应该是segment
    // 然后是默认选中按钮对应的视图
    [self.view bringSubviewToFront:self.grayVC.view];
    [self.view bringSubviewToFront:segmentedControlImage];


}

实现分段控件添加的方法:

- (void)segmentedAction:(UISegmentedControl *)segmentedControl
{
    // 需求 判断出 点击了哪个分段按钮
    // 每个分段按钮 控制一个界面 每个界面是一个控制器来控制 并且可以切换界面

       NSLog(@"点了第%ld个",segmentedControl.selectedSegmentIndex);
    // 通过索引切换不同的界面
    switch (segmentedControl.selectedSegmentIndex) {
        case 0:
            [self.view insertSubview:self.grayVC.view belowSubview:segmentedControl];
            break;
        case 1:
            [self.view insertSubview:self.greenVC.view belowSubview:segmentedControl];
            break;
        case 2:
            [self.view insertSubview:self.blueVC.view belowSubview:segmentedControl];
            break;
        default:
            break;
    }

UISlider – 滑块控件

初始化 和 属性

// 初始化
    UISlider *slider = [[UISlider alloc] initWithFrame:CGRectMake(50, 50, 300, 30)];
// 设置背景色
    slider.backgroundColor = [UIColor grayColor];
// 设置最小值轨迹颜色
    [slider setMinimumTrackTintColor:[UIColor greenColor]];
// 设置最大值轨迹颜色
    [slider setMaximumTrackTintColor:[UIColor purpleColor]];
// 设置拖动按钮颜色
    [slider setThumbTintColor:[UIColor brownColor]];
// 设置图片
    [slider setMinimumValueImage:[UIImage imageNamed:@"01-refresh"]];
    [slider setMaximumValueImage:[UIImage imageNamed:@"03-loopback"]];
    [slider setThumbImage:[UIImage imageNamed:@"01-refresh"] forState:UIControlStateNormal];
    [slider setThumbImage:[UIImage imageNamed:@"02-redo"] forState:UIControlStateHighlighted];
    [slider setThumbImage:[UIImage imageNamed:@"03-loopback"] forState:UIControlStateSelected];
// 设置滑块的初值 最大值 最小值
// 如果想设置初始位置 需要先把最大 最小值设置上
// 再给初值 才会发生变化
    slider.minimumValue = 0;
    slider.maximumValue = 10;
    slider.value = 10;
    [self.view addSubview:slider];
    [slider release];

给滑块控件添加方法

// 添加滑动事件
    [slider addTarget:self action:@selector(sliderClick:) forControlEvents:UIControlEventValueChanged];

UIImageView的属性

在给滑块控件实现方法前 先了解一下UIImageView的一些属性

// imageView的初始化
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 100, self.view.frame.size.width, 500)];
    imageView.backgroundColor = [UIColor purpleColor];
    imageView.tag = 1000;
    [self.view addSubview:imageView];
    [imageView release];

// 构建一个图片的数组(数组中元素多的话可以用这种循环方法)
    NSMutableArray *arr = [NSMutableArray array];
    for (int i = 1; i <= 10; i++) {
        // 把图片的名字拼接出来
        NSString *imageName = [NSString stringWithFormat:@"%d.jpg",i];
        // 初始化每一张图片
        UIImage *image = [UIImage imageNamed:imageName];
        // 把图片添加到数组里
        [arr addObject:image];
    }

// 设置imageView的播放动画的数组
    imageView.animationImages = arr;
// 设置时间间隔(播放完整一次10秒)
    imageView.animationDuration = 10;
// 设置重复次数(零代表无限次)
    imageView.animationRepeatCount = 0;
// 让动画开始
    [imageView startAnimating];

实现滑块的方法

// 实现滑动事件
- (void)sliderClick:(UISlider *)slider
{
    UIImageView *imageView = (UIImageView *)[self.view viewWithTag:1000];
    if (slider.value == slider.maximumValue) {
        // 为了美观 停止的时候 添加一张占位图
        [imageView stopAnimating];
        imageView.image = [UIImage imageNamed:@"005.jpg"];
    }else{
        imageView.animationDuration = slider.value;
        [imageView startAnimating];
    }
}