如何在Xamarin.iOS中为UISwitch设置开关状态的滑块与轨道反转颜色

要实现开启/关闭状态颜色反转的UISwitch，你可以通过直接修改控件颜色属性并监听状态变更事件动态切换颜色，也可以封装成自定义类提升复用性。

方法一：直接在ViewController中实现 #

在ViewDidLoad方法中初始化UISwitch，设置初始颜色并绑定状态变更监听：

public override void ViewDidLoad()
{
    base.ViewDidLoad();

    // 创建UISwitch并设置位置
    var reverseSwitch = new UISwitch
    {
        Frame = new CGRect(100, 100, 0, 0),
        On = false // 初始为关闭状态
    };

    // 设置初始颜色：关闭时滑块红、轨道蓝
    reverseSwitch.ThumbTintColor = UIColor.Red;
    reverseSwitch.TintColor = UIColor.Blue;
    // 预设开启时的轨道颜色为红色
    reverseSwitch.OnTintColor = UIColor.Red;

    // 监听状态变化，动态切换颜色
    reverseSwitch.ValueChanged += (sender, args) =>
    {
        var sw = sender as UISwitch;
        if (sw == null) return;

        if (sw.On)
        {
            // 开启状态：滑块蓝、轨道红
            sw.ThumbTintColor = UIColor.Blue;
        }
        else
        {
            // 关闭状态：滑块红、轨道蓝
            sw.ThumbTintColor = UIColor.Red;
            sw.TintColor = UIColor.Blue;
        }
    };

    View.AddSubview(reverseSwitch);
}

方法二：封装自定义UISwitch类（推荐，便于复用） #

创建继承自UISwitch的自定义类，将颜色逻辑封装在内：

public class ReverseColorSwitch : UISwitch
{
    public ReverseColorSwitch() => Setup();
    public ReverseColorSwitch(CGRect frame) : base(frame) => Setup();

    private void Setup()
    {
        // 初始化颜色
        UpdateColors(On);
        // 绑定状态变更事件
        ValueChanged += OnValueChanged;
    }

    private void OnValueChanged(object sender, EventArgs e)
    {
        UpdateColors(On);
    }

    private void UpdateColors(bool isOn)
    {
        if (isOn)
        {
            ThumbTintColor = UIColor.Blue;
            OnTintColor = UIColor.Red;
        }
        else
        {
            ThumbTintColor = UIColor.Red;
            TintColor = UIColor.Blue;
        }
    }
}

使用时直接实例化自定义类即可：

public override void ViewDidLoad()
{
    base.ViewDidLoad();

    var customSwitch = new ReverseColorSwitch(new CGRect(100, 100, 0, 0));
    View.AddSubview(customSwitch);
}

属性说明 #

• ThumbTintColor：控制开关滑块的颜色
• TintColor：控制关闭状态下轨道的颜色
• OnTintColor：控制开启状态下轨道的颜色

内容的提问来源于stack exchange，提问作者Gith