如何修改选中视图的属性？Context Menu点击触发空引用异常求助

看起来你遇到的空引用异常，大概率是因为在处理上下文菜单点击时，要么没正确获取到当前的列表项数据，要么错误地尝试直接访问DataTemplate里的UI元素（比如Label/StackLayout）而导致找不到实例。下面给你两种靠谱的解决思路，优先推荐第一种数据驱动的方式，这也是Xamarin.Forms的最佳实践：

方案1：用MVVM数据绑定+属性变更驱动UI（推荐） #

这种方式不需要直接操作UI元素，而是通过修改绑定的数据属性来让UI自动更新，从根源避免空引用问题：

步骤1：完善你的产品模型 #

先让你的产品类实现INotifyPropertyChanged接口，这样属性变化时能通知UI更新：

public class Product : INotifyPropertyChanged
{
    private bool _isBought;
    private string _name;

    public string Name
    {
        get => _name;
        set
        {
            _name = value;
            OnPropertyChanged();
        }
    }

    public bool IsBought
    {
        get => _isBought;
        set
        {
            _isBought = value;
            OnPropertyChanged();
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

步骤2：在XAML中用DataTrigger绑定UI样式 #

修改你的ListView ItemTemplate，给Label/StackLayout添加DataTrigger，根据IsBought属性自动切换颜色：

<ListView x:Name="productsList" ItemsSource="{Binding Products}" ItemSelected="OnItemSelected">
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell>
                <StackLayout>
                    <Label Text="{Binding Name}">
                        <Label.Triggers>
                            <DataTrigger TargetType="Label" Binding="{Binding IsBought}" Value="True">
                                <Setter Property="TextColor" Value="Gray" />
                                <Setter Property="TextDecorations" Value="Strikethrough" />
                            </DataTrigger>
                            <DataTrigger TargetType="Label" Binding="{Binding IsBought}" Value="False">
                                <Setter Property="TextColor" Value="Black" />
                            </DataTrigger>
                        </Label.Triggers>
                    </Label>
                    <!-- 上下文菜单 -->
                    <ViewCell.ContextActions>
                        <MenuItem Text="Bought" Command="{Binding BindingContext.MarkAsBoughtCommand, Source={x:Reference productsList}}" CommandParameter="{Binding .}" />
                    </ViewCell.ContextActions>
                </StackLayout>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

步骤3：在ViewModel中添加命令处理 #

在你的页面ViewModel（或者页面后台代码，不过更推荐ViewModel）中添加命令，处理“Bought”点击：

public ICommand MarkAsBoughtCommand => new Command<Product>(product =>
{
    if (product == null) return; // 先判空，避免空引用
    product.IsBought = !product.IsBought;
});

方案2：直接操作UI元素（不推荐，仅作参考） #

如果你一定要直接操作UI，需要正确获取当前ViewCell的子元素，但因为ListView的单元格是复用的，这种方式容易出问题，不过可以这样做：

修改上下文菜单的点击事件：

<MenuItem Text="Bought" Clicked="OnMarkAsBoughtClicked" />

然后在后台代码中：

private void OnMarkAsBoughtClicked(object sender, EventArgs e)
{
    var menuItem = sender as MenuItem;
    var product = menuItem?.BindingContext as Product;
    if (product == null) return;

    // 获取当前ViewCell
    var viewCell = menuItem.Parent as ViewCell;
    var stackLayout = viewCell?.View as StackLayout;
    var label = stackLayout?.Children.FirstOrDefault() as Label;
    if (label == null) return;

    // 修改UI属性
    if (product.IsBought)
    {
        label.TextColor = Color.Black;
        label.TextDecorations = TextDecorations.None;
        product.IsBought = false;
    }
    else
    {
        label.TextColor = Color.Gray;
        label.TextDecorations = TextDecorations.Strikethrough;
        product.IsBought = true;
    }
}

排查空引用的关键要点 #

• 检查上下文菜单的CommandParameter是否正确传递了当前项（用{Binding .}）
• 不要直接通过productsList.SelectedItem去获取项，因为上下文菜单点击时不一定会触发ItemSelected
• 操作UI元素前一定要逐层判空，避免因为单元格复用或者元素找不到导致空引用

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