UIControl

作者: 9bf19a4010ab | 来源:发表于2016-07-19 18:20 被阅读43次

    首先不得不说 UIButton的父类就是UIControl
    今天主要介绍UIControl的四种控件 UISwitch, UISlider, UISegmentedControl, UIPageControl

    1. UISwitch
      // UISwitch 的初始化
      UISwitch *switch1 = [[UISwitch alloc] initWithFrame:CGRectMake(20, 50, 80, 30)];
      // 设置开关开启时的颜色
      switch1.onTintColor = [UIColor greenColor];
      // 设置开关移动点的颜色
      switch1.thumbTintColor = [UIColor grayColor];
      // 设置开关边框的颜色
      switch1.tintColor = [UIColor grayColor];
      // 通过setter方法给开关的初始状态赋值
      switch1.on = NO;
      [switch1 setOn:NO animated:NO];
      // 给开关添加点击事件
      [switch1 addTarget:self action:@selector(switchAction:) forControlEvents:UIControlEventValueChanged];

      // switch点击事件的实现
      - (void)switchAction:(UISwitch *)switch1 {
      // 根据switch状态来决定他触发的事件
      if (switch1.on == YES) {
       NSLog(@"开");
      } else if (switch1.on == NO)
      NSLog(@"关");
      }
      
    2. UISlider
      // UISlider 初始化 (其中高度是系统设置好的)
      UISlider *slider = [[UISlider alloc] initWithFrame:CGRectMake(20, 150, 300, 30)];
      [self.view addSubview:slider];
      // 设置slider的值(也就是滑动范围)
      slider.value = 50;
      // 当为"YES"时, 在触发方法中 会连续的表现slider的变化 当为"NO"时 知道鼠标松开时 只显示slider的一个最终值 没有实时性
      slider.continuous = YES;
      // 设置slider圆点的颜色
      slider.thumbTintColor = [UIColor grayColor];
      // 设置slider滑过区域的颜色
      slider.minimumTrackTintColor = [UIColor greenColor];
      // 设置slider没滑过区域的颜色
      slider.maximumTrackTintColor = [UIColor blackColor];
      // 也可以将slider各个部分设置为图片
      // 设置滑块右边的图片
      [slider setMaximumTrackImage: [UIImage imageNamed:@"player_slider_playback_right"] forState:UIControlStateNormal];
      // 设置滑块左边的图片
      [slider setMinimumTrackImage:[UIImage imageNamed:@"player_slider_playback_left"] forState:UIControlStateNormal];
      // 设置滑块的图片
      [slider setThumbImage:[UIImage imageNamed:@"player_slider_playback_thumb"] f orState:UIControlStateNormal];
      // 给slider加触发方法
      [slider addTarget:self action:@selector(sliderClick:) forControlEvents:UIControlEventValueChanged];

      // 触发方法
      - (void)sliderClick:(UISlider *)slider                     {
      NSLog(@"slider: %f", slider.value);
      }
      
    3. UISegmentedControl (是一个包含很多button的控件)
      // UISegmentedControl初始化
      UISegmentedControl *segment = [[UISegmentedControl alloc] initWithItems:@[@"first", @"sec", @"thired"]];
      // 如果不自己设置frame系统就会根据里面的内容自动设置
      segment.frame = CGRectMake(50, 100, 300, 30);
      [self.view addSubview:segment];
      // 设置显示状态 默认为NO
      segment.momentary = NO;
      // 表示一个segment有多少item 注意 该属性只有getter方法 没有setter方法
      NSLog(@"%ld", segment.numberOfSegments);
      // 向UISegmentedControl添加item(也就是button)
      [segment insertSegmentWithTitle:@"确认" atIndex:1 animated:YES];
      // 修改 对应下标button的标题
      [segment setTitle:@"退出" forSegmentAtIndex:1];
      // 设置对应下标button的宽度 默认是系统给设置宽度 系统给平均分配
      [segment setWidth:90 forSegmentAtIndex:0];
      // 设置对应下标item中标题的位置 (20, 0)表示向右偏移20 上下不偏移
      [segment setContentOffset:CGSizeMake(0, 0) forSegmentAtIndex:0];
      // 设置对应下标的button不能被选中
      [segment setEnabled:NO forSegmentAtIndex:0];

    4. UIPageControl
      UIPageControl *page = [[UIPageControl alloc] initWithFrame:CGRectMake(20, 100, 150, 30)];
      page.backgroundColor = [UIColor blackColor];
      [self.view addSubview:page];
      page.numberOfPages = 7; // 分页控制器页数
      page.currentPage = 2; // 显示当前页
      page.hidesForSinglePage = YES; // 当page至有一页 page会隐藏
      // CGSize size = [page sizeForNumberOfPages:0]; // 获取点的大小
      // NSLog(@"%@", NSStringFromCGSize(size));
      page.pageIndicatorTintColor = [UIColor redColor]; // 设置点点的颜色
      page.currentPageIndicatorTintColor = [UIColor greenColor]; // 设置可移动点的颜色
      page.defersCurrentPageDisplay = YES; // 默认为NO 当为YES 点点 不能移动 当为NO时系统会配合点击方法让小点移动 当为YES 必须调用 [page updateCurrentPageDisplay] 方法 小点才会移动

      // 给page绑定事件
      [page addTarget:self   action:@selector(pageClick:) forControlEvents:UIControlEventValueChanged];
      

    相关文章

      网友评论

          本文标题:UIControl

          本文链接:https://www.haomeiwen.com/subject/xuomjttx.html