iOS学习之UIControl

时间:2023-11-10 13:19:14
一、UIControl初识
     1、UIControl是有控制功能的视图(比如UIButton、UISlider、UISegmentedControl等)的父类。
  • 只要跟控制有关的控件都是继承于该类。
  • UIControl这个类通常我们并不直接使用,而是使用其子类。
  • 事件响应的三种形式:基于触摸、基于值、基于编辑:
     2、UIControl常用方法
  参数说明:target为目标对象;action为方法选择器;controlEvents为触发事件
    // 添加一个事件
    - (void)addTarget:(id)target action:(SEL)action forControlEvents:(UIControlEvents)controlEvents;

    // 移除一个事件
    - (void)removeTarget:(id)target action:(SEL)action forControlEvents:(UIControlEvents)controlEvents;
     3、Control的事件处理
/**
 *  1.当触摸从控件内部拖动到外部时触发:UIControlEventTouchDragExit
    2.当控件之内触摸抬起时触发:UIControlEventTouchUpInside
    3.当控件之外触摸抬起时触发:UIControlEventTouchUpOutside
    4.触摸取消事件,设备被上锁或者电话呼叫打断:UIControlEventTouchCancel
    5.用户按下时触发:UIControlEventTouchDown
    6.点击计数大于1时触发:UIControlEventTouchDownRepeat
    7.当触摸在控件之内拖动时触发:UIControlEventTouchDragInside
    8.当触摸在控件之外拖动时触发:UIControlEventTouchDragOutside
    9.当触摸从控件之外拖动到内部时触发:UIControlEventTouchDragEnter
    10.当控件的值发生变化时(用于滑块、分段控件等控件):UIControlEventValueChanged
    11.文本控件中开始编辑时:UIControlEventEditingDidBegin
    12.文本控件中的文本被改变:UIControlEventEditingChanged
    13.文本控件中编辑结束时:UIControlEventEditingDidEnd
    14.文本控件内通过按下回车键结束编辑时:UIControlEventEditingDidOnExit
    15.所有触摸事件:UIControlEventAllTouchEvents
    16.文本编辑的所有事件:UIControlEventAllEditingEvents
    17.所有事件:UIControlEventAllEvents
 */
二、UISwitch的使用
     1、UISwitch的继承关系:UISwitch继承于UIControl,通常被叫做开关。
     2、UISwitch的方法(创建和部分常用方法)
  代码示例:
#pragma mark UISwitch
- (void)addSwitch
{
    // 创建对象
    // 设置frame只有origin起作用,size使用系统默认大小
    UISwitch *firstSwitch = [[UISwitch alloc] initWithFrame:CGRectMake(, , , )];
    // 开关风格的颜色
    firstSwitch.tintColor = [UIColor lightGrayColor];
    // 开的时候的颜色
    firstSwitch.onTintColor = [UIColor greenColor];
    // 按钮颜色
    firstSwitch.thumbTintColor = [UIColor grayColor];
    [firstSwitch setOn:YES animated:NO];
    // 添加事件
    [firstSwitch addTarget:self action:@selector(firstAction:) forControlEvents:UIControlEventTouchUpInside];

    [self.view addSubview:firstSwitch];
}

// 实现事件
- (void)firstAction:(UISwitch *)sender
{
    if (sender.isOn) {
        sender.thumbTintColor = [UIColor whiteColor];
        NSLog(@"开了");
    }else {
        sender.thumbTintColor = [UIColor grayColor];
        NSLog(@"关了");

    }
}
三、UISlider的使用
     1、UISlider概述
  • UISlider是iOS中的滑块控件。
  • 通常用于控制视频播放进度,控制音量等。
  • 它继承于UIControl,滑块提供了一系列连续的值,滑块停在不同的位置,获取到滑块上的值也不同
     2、UISlider的创建和常用属性
  在RootView.h中声明
@interface RootView : UIView

@property (nonatomic, strong) UISlider *mySlider;
@property (nonatomic, strong) UIImageView *myImageView;

@end

  在RootView.m中实现

#import "RootView.h"

@implementation RootView

- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        // 添加子视图
        [self addAllViews];
    }
    return self;
}

- (void)addAllViews
{
    // 布局slider
    self.mySlider = [[UISlider alloc] initWithFrame:CGRectMake(, , , )];
    // 滑块最小值
    self.mySlider.minimumValue = 0.0;
    // 滑块最大值
    self.mySlider.maximumValue = ;
    [self addSubview:self.mySlider];
    // 设置动图
    self.myImageView = [[UIImageView alloc] initWithFrame:CGRectMake(, , , )];
    NSMutableArray *imageArray = [NSMutableArray array];
    ; i <= ; i++) {
        NSString *str = [NSString stringWithFormat:@"%d.tiff", i];
        UIImage *image = [UIImage imageNamed:str];
        [imageArray addObject:image];
    }
    // 播放的动画数组
    self.myImageView.animationImages = imageArray;
    // 播放时间
    self.myImageView.animationDuration = ;
    // 开始动画
    [self.myImageView startAnimating];
    // 添加到父视图
    [self addSubview:self.myImageView];
}

  在RootViewController.m中添加滑块滑动事件

#import "RootViewController.h"
#import "RootView.h"
@interface RootViewController ()
@property (nonatomic, strong) RootView *rootView;

@end

@implementation RootViewController

- (void)loadView
{
    self.rootView = [[RootView alloc] initWithFrame:[UIScreen mainScreen].bounds];
    self.view = self.rootView;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    // 添加滑杆滑动事件
    [self.rootView.mySlider addTarget:self action:@selector(mySliderAction:) forControlEvents:UIControlEventValueChanged];
}

- (void)mySliderAction:(UISlider *)sender
{
    // 设置动图
    self.rootView.myImageView = [[UIImageView alloc] initWithFrame:CGRectMake(, , , )];
    NSMutableArray *imageArray = [NSMutableArray array];
    ; i <= ; i++) {
        NSString *str = [NSString stringWithFormat:@"%d.tiff", i];
        UIImage *image = [UIImage imageNamed:str];
        [imageArray addObject:image];
    }
    // 播放的动画数组
    self.rootView.myImageView.animationImages = imageArray;
    // 播放时间
    self.rootView.myImageView.animationDuration = 2.1 - sender.value;
    // 播放次数
    self.rootView.myImageView.animationRepeatCount = ;
    // 开始动画
    [self.rootView.myImageView startAnimating];
    // 添加到父视图
    [self.rootView addSubview:self.rootView.myImageView];
    NSLog(@"%.2f", self.rootView.mySlider.value);
}@end
四、UISegmentedControl的使用
     1、UISegmentedControl的概述
  • UISegmentedControl是iOS中常用的分段控件。
  • 每个segment都能被点击,它相当于继承了若干个button。分段控件提供一栏按钮(有时称为按钮栏),但一个时刻只能激活其中一个按钮。
  • 分段控件会导致用户在屏幕上看到的内容发生变化。它们常被用在不同类别的信息之间选择,或者在切换不同的视图。
     2、UISegmentedControl的创建和常用方法
#import <UIKit/UIKit.h>

@interface Root : UIView
// 分段选择器
@property (nonatomic, strong) UISegmentedControl *segmentControl;

// 图片视图
@property (nonatomic, strong) UIImageView *myImageView;
@property (nonatomic, strong) UIImageView *myImageView1;

@end
#import "Root.h"

@implementation Root

- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        // 添加视图
        [self addAllViews];
    }
    return self;
}
// 添加视图
- (void)addAllViews
{
    // 创建对象
    self.segmentControl = [[UISegmentedControl alloc] initWithItems:@[@"女神", @"男神", @"程序员"]];
    // 设置属性
    self.segmentControl.backgroundColor = [UIColor grayColor];
    self.segmentControl.frame = CGRectMake(, , , );
    // 指定被选中的分段
    self.segmentControl.selectedSegmentIndex = ;
    self.segmentControl.tintColor = [UIColor colorWithRed: /  alpha:];
    [self.segmentControl setTitle:];
    // 添加到父视图
    [self addSubview:self.segmentControl];
    // 布局图片视图
    self.myImageView = [[UIImageView alloc] initWithFrame:CGRectMake(, CGRectGetMaxY(self.segmentControl.frame) + , , )];
    // 设置默认图片
    self.myImageView.image = [UIImage imageNamed:@"女神.jpg"];
    [self addSubview:self.myImageView];
}
@end
     3、UISegmentedControl基本样式
  • iOS学习之UIControl
     4、UISegmentedControl添加事件
#import "RootViewController.h"
#import "Root.h"
@interface RootViewController ()
@property (nonatomic, strong) Root *root;

@end

@implementation RootViewController
- (void)loadView
{
    self.root = [[Root alloc] initWithFrame:[UIScreen mainScreen].bounds];
    self.view = self.root;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    [self.root.segmentControl addTarget:self action:@selector(segmentControlAction:) forControlEvents:UIControlEventValueChanged];
}

- (void)segmentControlAction:(UISegmentedControl *)sender
{
    NSInteger index = sender.selectedSegmentIndex;
    switch (index) {
        :
            self.root.myImageView.image = [UIImage imageNamed:@"女神.jpg"];
            [self.root addSubview:self.root.myImageView];
            break;
        :
            self.root.myImageView.image = [UIImage imageNamed:@"男神.jpg"];
            [self.root addSubview:self.root.myImageView];
            break;
        :
            self.root.myImageView.image = [UIImage imageNamed:@"屌丝.jpg"];
            [self.root addSubview:self.root.myImageView];
            break;

        default:
            break;
    }
}
@end
五、UIPageControl的使用
     1、UIPageControl概述
UIPageControl控件在程序中出现的比较频繁,尤其在和UIScrollView(滚动视图)配合来显示大量数据时,会使用它来控制UIScrollView的翻页。在滚动ScrollView时可通过PageControll中的小白点来观察当前页面的位置,也可通过点击PageController中的小白点来滚动到指定的页面。    
     2、UIPageControl常用属性和方法
#import "RootViewController.h"

@interface RootViewController ()

@property (nonatomic, strong) UIPageControl *myPage;
@property (nonatomic, strong) UIView *pageView;
@end

@implementation RootViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    [self addPageControl];
    // 添加事件
    [self.myPage addTarget:self action:@selector(myPageAction:) forControlEvents:UIControlEventValueChanged];

}

#pragma mark - UIPageControl
- (void)addPageControl
{
    self.myPage = [[UIPageControl alloc] initWithFrame:CGRectMake(, self.view.frame.size.height - , self.view.frame.size.width - , )];
    // 设置页数
    self.myPage.numberOfPages = ;
    // 设置当前页
    self.myPage.currentPage = ;
    self.myPage.backgroundColor = [UIColor grayColor];
    //如果是单页就隐藏
    self.myPage.hidesForSinglePage = YES;
    // 选中的圆点颜色
    self.myPage.currentPageIndicatorTintColor = [UIColor whiteColor];
    // 未选中的圆点颜色
    self.myPage.pageIndicatorTintColor = [UIColor blackColor];
    [self.view addSubview:self.myPage];

    self.pageView = [[UIView alloc] initWithFrame:CGRectMake(, self.view.frame.size.height - , , )];
    self.pageView.backgroundColor = [UIColor grayColor];
    [self.view addSubview:self.pageView];
}

// 实现事件
- (void)myPageAction:(UIPageControl *)page
{
    NSInteger index = page.currentPage;
    switch (index) {
        :
            self.pageView.backgroundColor = [UIColor grayColor];
            break;
        :
            self.pageView.backgroundColor = [UIColor cyanColor];
            break;
        :
            self.pageView.backgroundColor = [UIColor blackColor];
            break;
        :
            self.pageView.backgroundColor = [UIColor brownColor];
            break;
        default:
            break;
    }
}
@end
六、总结
     1、UIControl是所有控制视图的父类。
     2、UISwitch的状态监测。
     3、UISlider为滑块控件,通过控制value来设置当前的值,通过用来控制视频、音频等播放进度。
     4、UISegmentedControl为分段控件,相当于一组按钮,不同的Item可以设置不同的点击事件。
     5、UIPageControl的currentPage属性的使用。
     注意:添加的点击事件通过UIControlEventValueChanged来触发事件。