UI-第五讲:UIControl及其子类

UI-第五讲:UIControl及其子类

• 继承关系
• UIControl 初识
• UISwitch 的使用
• UISlider 的使用
• UISegmentedControl 的使用
• UIPageControl 的使用

一 继承关系:

二 UIControl初识
* UIControl 是有控制功能的视图(比如UIButton, UISider, UISegmentControl等)的父类
* 只要跟控制有关的控件都是继承于该类
* UIControl这个类通常使用其子类
* 事件响应的三种形式: 基于触摸,基于值,基于编辑
* UIControl包括:
1. UIButton
2. UIDatePicker
3. UIPageControl
4. UISegmentedControl
5. UITextField
6. UISlider
7. UISwitch
* UIControl常用方法:
1. 添加事件:
// 参数1 : target 目标对象
// 参数2 : action 为方法选择器
// 参数3 : controlEvents 为触发事件
(void) addTarget:(id)target action:(SEL)action forControlEvents:
(UIControlEvents)controlEvents;
2. 移除一个事件
// 参数1 : target 为目标对象
// 参数2 : action 为方法选择器
// 参数3 : controlEvents 为触发事
- (void)removeTarget:(id)target action:(SEL)action forControlEvents:
(UIControlEvents)controlEvents;
* Control 的事件处理
1. UIControlEventTouchDown //用户按下时触发
2. UIControlEventTouchDownRepeat //点击计数大于1时触发
3. UIControlEventTouchDragInside //当触摸在控件内拖动时触发
4. UIControlEventTouchDragOutside //当触摸在控件之外拖动时触发
5. UIControlEventTouchDragEnter //当触摸从控件之外拖动到内部时触发
6. UIControlEventValueChanged //当控件的值发生变化时, 用于滑块,分段控制器等控件
7. UIControlEventEditingDidBegin //文本控制中开始编辑时
8. UIControlEventEditingChanged //文本控制中的文本被改变
9. UIControlEventEditingDidEnd //文本控件中编辑结束时
10. UIControlEventEditingDidOnExit //文本控制内通过按下回车键结束编辑时
11. UIControlEventAllTOuchEvents //所有触摸事件
12. UIControlEventAllEditingEvents //文本编辑的所有事件
13. UIControlEventAllEvents //所有事件

三 UISwitch的使用
* UISwitch继承于UIControl
* UISwitch -> UIControl -> UIView -> UIResponder -> NSObject
* UISwitch 的常用方法和属性
1. 初始化;
- (instancetype)initWithFrame; //这个frame是没有意义的,系统的开关控制大小是确定的(系统默认)
- onTintColor //设置开关开启状态时的颜色
- tintColor ..设置开关风格颜色
- thumbTintColor //设置开关按钮颜色
- onImage //设置开关开启时的图片(iOS7 后不再起任何作用)
- offImage //设置开关关闭时的图片(iOS7 后不再起任何作用)
- on //开关的状态
- setOn:animated: //手动设置开关状态
2. 创建Switch
//创建一个UISwitch frame只有origin起作用 size使用系统默认大小
UISwitch *switch = [[UISwitch alloc]initWithFrame:CGRectMake(100,100,0,0)];
[self.view addSubview:switch];
[switch release];

四 UISlider 的使用
* 是iOS中的滑块控制
* 通常用于控制视频播放进度,控制音量等
* 继承于UIControl ,忽快提供了一系列连续的值,滑块停在不同的位置.获取到滑块上的值也不同
* UISlider 的常用属性
1. minimumValue //设置滑块最小值
2. maximumValue //设置滑块的最大值
3. value //设置滑块的当前值
4. minimumTrackTinkColor //定义划过区域的颜色
5. addTarget:action:forControlEvents: //给slider添加事件
- 注意: controlEvent为UIControlEventValueChanged
- 原因: 滑块上的每一点都对应特定范围内的某个值,所以当值变化时触发slider事件
6. 示例代码:
- 创建一个UISlider对象 并添加到self.view 上
UISlider *slider = [[UISlider alloc]initWithFrame:CGRectMake(self.view.center.x-100,imageView.frame.origin.y+imageView.frame.size.height+50,200,50)];
[self.view addSubview : slider];
[slider release];
- UISlider 相关属性设置
// 设置slider的最小值
slider.minimumValue = 0.0;
// 设置slider的最大值
slider.maximumValue = 2.0;
// 设置划过区域的颜色
slider.minimumTrackTintColor = [UIColor redColor];
- 为UISlider添加事件
// 添加slider的事件
[slider addTarget:self action:@sselector(sliderAction:)forControlEvents: UIControlEventValueChanged];

五 UISegmentControl 的使用
* UISegmentControl 是iOS中常用的分段控制器
* UISegmentControl 常用属性和方法:
1. initWithItems: //UISegmentControl 独有的初始化方法,用来创建多个分段
2. selectedSegmentAtIndex //指定被选中的分段
3. tintColor //segmentedControl 条的颜色(含每个segment的颜色)
4. addTarget:action:forControlEvents: //添加点击时事件
- controlEvent为UIControlEventValueChanged
- 原因: 分段控制器本质上是通过数据管理分段 所以使用valueChanged属性来触发事件(数组下标的变化)
* UISegmentControl 基本样式
1. segmentedControlStyle 设置样式
2. momentaty //设置在点击事件后是否恢复原样
3. setTitle:forSegmentAtIndex: //为指定下标的分段设置title
4. setImage:forSegmentAtIndex: //为指定下标的分段设置图片
5. forSegmentAtIndex: //设置指定索引是否可点
6. isEnabledForSegmentAtIndex: //判断指定索引是否可点,返回BOOL类型
7. 示例代码:
- 为UISegmentControl添加事件
[segmented addTarget:self action:@selector(segmentedAction:) forControlEvents: UIControlEventValueChanged];
- UISegmentControl事件响应(通常和switch….case分支语句组合使用)

pragma mark — segmentedControl 点击事件

• (void)segmentedAction:(UISegmentControl *)segmented
  {
  switch(segmented.selectedSegmentIndex)
  {
  case 0:
  [self.view insertSubview : self.red belowSubview:segmented];
  break;
  case 1:
  [self.view insertSubview: self.blue belowSubview:segmented];
  break;
  case 2:
  [self.view insertSubview:self.yellow belowSubview:segmented];
  break;
  default:
  break;

      }
  

  }

六 UIPageControl 的使用
* UIPageControl(页码控制器)控件在程序中出现的⽐较频繁，尤其在和UIScrollView(滚动视图)配合来显⽰大量数据时，会使⽤它来控制UIScrollView的翻页。在滚动ScrollView时可通过PageControll中的⼩白点来观察当前页面的位置，也可通过点击PageContrll中的⼩白点来滚动到指定的⾯面。
* UIPageControl 常用属性和方法:
1. numberOfPages //指定页面个数
2. currentPage //指定pageControl的值
3. addTarget:action:forControlEvents: //添加点击事件
4. 注意：
- controlEvent为UIControlEventValueChanged
- 原因：分页本质是通过数据管理分页，所以使valueChanged属性来触发事件，即数组下标变化
5. 创建UIpageControl

UIPageControl *pageControl = [[UIPageControlalloc] initWithFrame:CGRectMake(100, self.view.frame.size.height - 100, self.view.frame.size.width - 200, 40)]; 
//设置pageControl的⻚页数
pageControl.numberOfPages = 3; 
//设置当前⻚页默认为0（第一⻚页）
pageControl.currentPage = 0; 
pageControl.backgroundColor = [UIColorgrayColor]; 
pageControl.tag = 101; 
//添加事件
[pageControl addTarget:self action:@selector(pageChange:) forControlEvents:UIControlEventValueChanged]; 
[self.view addSubview:pageControl]; 
[pageControl release];

总结:
1. UIControl是所有控制视图的⽗父类。
2. UISwitch的状态监测。
3. UISlider为滑块控件，通过控制value来设置当前的值，通过⽤来控制视频、⾳频等播放进度。
4. UISegmentedControl为分段控件，相当于一组按钮，不同的Item可以设置不同的点击事件。
5. UIPageControl的currentPage属性的使用。
- 需要注意：添加的点击事件通过UIControlEventValueChanged来触发事件