iOS 开关-UISwitch

本文介绍了iOS开发中的UISwitch控件,作为替代点选框的常见组件,它在个人设置和我的页面中广泛使用。UISwitch继承自UIControl,支持事件响应,并提供了丰富的属性和方法进行交互。文章还提到了如何通过Objective-C和Swift代码来操作switch,并提及了自定义开关UI的需求和实现方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

首先介绍一下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,因此framesize可以忽略,即使你定制了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啦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值