iOS 开关-UISwitch

来源：互联网发布：linux如何查看内网ip 编辑：程序博客网时间：2024/06/05 17:00

正如分段控件代替了单选按钮，开关也代替了点选框，一般来说我的和设置页面经常常需要这种开关的需求，我们就来看看吧！

首先介绍一下switch控件

switch在UIKit框架之下，继承自UIControl，可以添加触发事件。开关状态下默认的样式如下.
开状态下的样式
关状态下的样式

点进去UISwitch，可以发现switch有以下的属性和方法：

属性：

onTintColor            UIColor          开状态下的颜色tintColor              UIColor          关状态下的颜色thumbTintColor          UIColor          滑块颜色onImage                  UIImage          无效offImage                UIImage          无效on（ isOn）              BOOL             isOn是用来获取状态的是get方法，on可以用来设置开关

方法：

- (instancetype)initWithFrame:(CGRect)frame;      // This class enforces a size appropriate for the control, and so the frame size is ignored.它有默认size，因此frame的size可以忽略，即使你定制了size系统也会忽略掉。- (nullable instancetype)initWithCoder:(NSCoder *)aDecoder;- (void)setOn:(BOOL)on animated:(BOOL)animated; // does not send action

⚠️：虽然系统默认switch的size，但是switch的size也不是不能变的，我们可以通过缩放来改变switch的大小，如果还是不能满足你的需求，那你就需要自定义啦！

Objective-C代码：

    //2. create switch    self.mainSwitch = [[UISwitch alloc] initWithFrame:CGRectMake(100, 70, 0, 0)];    [self.view addSubview:self.mainSwitch];    //缩小或者放大switch的size    self.mainSwitch.transform = CGAffineTransformMakeScale(0.5, 0.5);    self.mainSwitch.layer.anchorPoint = CGPointMake(0, 0.3);//    self.mainSwitch.onImage = [UIImage imageNamed:@"on.png"];   //无效//    self.mainSwitch.offImage = [UIImage imageNamed:@"off.png"]; //无效//    self.mainSwitch.backgroundColor = [UIColor yellowColor];    //它是矩形的    // 设置开关状态(默认是 关)//    self.mainSwitch.on = YES;    [self.mainSwitch setOn:YES animated:true];  //animated    //判断开关的状态    if (self.mainSwitch.on) {        NSLog(@"switch is on");    } else {        NSLog(@"switch is off");    }    //添加事件监听    [self.mainSwitch addTarget:self action:@selector(switchAction:) forControlEvents:UIControlEventValueChanged];    //定制开关颜色UI    //tintColor 关状态下的背景颜色    self.mainSwitch.tintColor = [UIColor redColor];    //onTintColor 开状态下的背景颜色    self.mainSwitch.onTintColor = [UIColor yellowColor];    //thumbTintColor 滑块的背景颜色    self.mainSwitch.thumbTintColor = [UIColor blueColor];

swift代码：

//2. create switch        mainSwitch = UISwitch(frame: CGRect(x: 100, y: 100, width: 0, height: 0))        view.addSubview(self.mainSwitch)        //缩小或者放大switch的size        mainSwitch.transform = CGAffineTransform(scaleX: 0.8, y: 0.8)        mainSwitch.layer.anchorPoint = CGPoint(x:0, y:0.3)        mainSwitch.onImage = UIImage(named:"on.png")   //无效        mainSwitch.offImage = UIImage(named:"off.png") //无效//        mainSwitch.backgroundColor = UIColor.yellow     //设置背景颜色之后才发现原来它是矩形的        // 设置开关状态(默认是 关)//        self.mainSwitch.isOn = true;        mainSwitch.setOn(true, animated: true) // animated        //判断switch的开关状态        if mainSwitch.isOn {            print("switch is on")        } else {            print("switch is off")        }        //添加监听事件        mainSwitch.addTarget(self, action: #selector(switchAction), for: .valueChanged)        //定制开关颜色UI        //tintColor 关状态下的背景颜色        mainSwitch.tintColor = UIColor.red;        //onTintColor 开状态下的背景颜色        mainSwitch.onTintColor = UIColor.yellow;        //thumbTintColor 滑块的背景颜色        mainSwitch.thumbTintColor = UIColor.blue;

当然，有的项目里的开关UI需要自定义字体或者自定义图片，那么就需要自己自定义switch啦！

0 0