UWP中C#实现ListView多行ToggleSwitch绑定不同列表数据的问题

嘿，我之前也踩过几乎一模一样的坑！你现在遇到的问题根源在于把UI元素（ToggleSwitch）直接放进了数据模型里，这完全违背了UI和数据分离的设计原则，再加上ListView的容器复用（虚拟化）机制，就会出现多个Switch实例拿到同一数据的混乱情况。下面给你一步步的解决方案：

1. 重构数据模型，剥离UI元素 #

首先，把数据模型里的public ToggleSwitch Switch {get; set;}替换成纯数据属性，比如一个表示开关状态的布尔值，同时实现INotifyPropertyChanged接口（用来通知UI数据变化）：

public class YourDataModel : INotifyPropertyChanged
{
    private bool _isSwitchChecked;
    // 这里可以添加你需要的其他业务数据属性，比如每行要展示的文本
    public string RowDisplayText { get; set; }

    public bool IsSwitchChecked
    {
        get => _isSwitchChecked;
        set
        {
            if (_isSwitchChecked != value)
            {
                _isSwitchChecked = value;
                OnPropertyChanged(nameof(IsSwitchChecked));
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 修改ListView的ItemTemplate，用数据绑定替代直接赋值UI元素 #

在XAML里，给ListView的ItemTemplate定义每行布局，把ToggleSwitch的IsChecked属性双向绑定到数据模型的IsSwitchChecked，同时把TextBlock绑定到你的展示文本：

<ListView x:Name="TargetListView">
    <ListView.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal" Margin="0 5">
                <TextBlock Text="{Binding RowDisplayText}" Width="150"/>
                <ToggleSwitch IsChecked="{Binding IsSwitchChecked, Mode=TwoWay}"
                              Toggled="ToggleSwitch_Toggled"/>
            </StackPanel>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

3. 正确处理ToggleSwitch的Toggled事件 #

别再用遍历的方式找对应数据了！直接从触发事件的ToggleSwitch的DataContext拿到对应的模型实例，这样绝对不会搞混：

private void ToggleSwitch_Toggled(object sender, RoutedEventArgs e)
{
    // 获取触发事件的ToggleSwitch实例
    var currentSwitch = sender as ToggleSwitch;
    if (currentSwitch == null) return;

    // 拿到该行对应的数据模型
    var targetModel = currentSwitch.DataContext as YourDataModel;
    if (targetModel == null) return;

    // 现在可以直接操作这个模型的数据，比如打印状态或执行业务逻辑
    Debug.WriteLine($"当前行文本：{targetModel.RowDisplayText}，开关状态：{targetModel.IsSwitchChecked}");
}

为什么原来的方法会出问题？ #

• 数据模型里放UI元素是大忌：UI元素属于视图层，数据模型应该只负责存储和管理业务数据，两者混在一起会触发各种复用、绑定的异常。
• ListView的虚拟化机制：当列表项较多时，ListView会复用已经滚出视图的容器（比如ListViewItem），原来的ToggleSwitch实例会被绑定到新的数据模型，你遍历的时候就会拿到被复用的实例，导致数据混乱。

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