如何更改OFF状态的UISwitch默认颜色?

时间:2014-09-02 06:11:18

标签: ios uiswitch tintcolor

我想在关闭状态下更改UISwitch中onTintColor的颜色。该开关位于tableview中,并以编程方式进行切换。

    [settingsSwitch setBackgroundColor:[UIColor whiteColor]];
    [settingsSwitch setTintColor:[UIColor whiteColor]];
    [settingsSwitch setThumbTintColor:[UIColor redColor]];
    [settingsSwitch setOnTintColor:[UIColor colorWithRed:138/256.0  green:9/256.0 blue:18/256.0 alpha:1]];

enter image description here

这是我将背景颜色设置为白色时得到的结果。

enter image description here

如果没有背景,我会得到红色,这是我细胞的颜色。

enter image description here

这是我想要的结果,当开关打开时onTintColor应该是深红色,而在关闭状态下它应该是白色。

我尝试用这行代码设置开关上的图像

[settingsSwitch setOnImage:[UIImage imageNamed:@"on.png"]];
[settingsSwitch setOffImage:[UIImage imageNamed:@"off.png"]];

但它没有改变图像。 我想改变开关处于关闭状态的颜色。 希望我已经清楚地解释了我的问题。谢谢你提前帮忙。

3 个答案:

答案 0 :(得分:8)

您可以使用以下CODE来满足要求。

您的ViewDidLoad

- (void)viewDidLoad
{
    [super viewDidLoad];

    // Do any additional setup after loading the view, typically from a nib.

    [self.view setBackgroundColor:[UIColor redColor]];

    settingsSwitch.layer.cornerRadius = 16.0; // you must import QuartzCore to do this


    if (settingsSwitch.on) {
        NSLog(@"If body ");
        [settingsSwitch setThumbTintColor:[UIColor redColor]];

        [settingsSwitch setBackgroundColor:[UIColor whiteColor]];
        [settingsSwitch setOnTintColor:[UIColor whiteColor]];

    }else{
        NSLog(@"Else body ");

        [settingsSwitch setTintColor:[UIColor clearColor]];

        [settingsSwitch setThumbTintColor:[UIColor redColor]];

        [settingsSwitch setBackgroundColor:[UIColor colorWithRed:138/256.0 green:9/256.0 blue:18/256.0 alpha:1]];
    }
}

调用状态更改IBAction的方法。

- (IBAction)switchStatusChange:(UISwitch *)sender
{
    if (sender.on) {
        NSLog(@"If body ");
        [sender setThumbTintColor:[UIColor redColor]];

        [sender setBackgroundColor:[UIColor whiteColor]];
        [sender setOnTintColor:[UIColor whiteColor]];

    }else{
        NSLog(@"Else body ");

        [sender setTintColor:[UIColor clearColor]];

        [sender setThumbTintColor:[UIColor redColor]];

        [sender setBackgroundColor:[UIColor colorWithRed:138/256.0 green:9/256.0 blue:18/256.0 alpha:1]];
    }
}

答案 1 :(得分:4)

您可以使用第一种方法+添加边框半径来移除不需要的角落:

slider.backgroundColor = [UIColor whiteColor];
slider.layer.cornerRadius = 18.0;

最初来自this回答。

答案 2 :(得分:1)

UISwitch中的角落切断了视图,看不到四舍五入,最好的答案就在这里https://stackoverflow.com/a/38564168/6609238