iOS学习之UIControl

2022-07-12 14:56:38

一、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基本样式

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来触发事件。

码农公寓

相关文章