Xamarin.Forms中如何获取ListView的DataTemplate内视图引用

嘿，针对你在Xamarin.Forms里想获取ListView的DataTemplate内部视图引用的需求，我给你整理了几个实用的方案，完全适配你给出的XAML场景：

你的XAML里已经给ProductStackLayout绑定了Tapped事件，这其实是最直接的方式——事件的sender参数就是被点击的StackLayout本身，直接转类型就能拿到引用：

private void ListItemTapped(object sender, EventArgs e)
{
    var targetStack = sender as StackLayout;
    if (targetStack != null)
    {
        // 这里就拿到了ProductStackLayout的引用，想干嘛都行
        targetStack.BackgroundColor = Color.LightBlue;
        
        // 如果要找这个布局里的其他控件（比如Label），记得给Label加x:Name，然后用FindByName
        var productNameLabel = targetStack.FindByName<Label>("ProductNameLabel");
        if (productNameLabel != null)
        {
            productNameLabel.TextColor = Color.Red;
        }
    }
}

提示： 要找内部Label的话，得在XAML里给Label加上x:Name="ProductNameLabel"哦。

如果需要频繁访问DataTemplate里的控件，自定义ViewCell是更优雅的选择，扩展性拉满：

1. 先写自定义ViewCell类：

public class ProductViewCell : ViewCell
{
    // 把需要访问的控件暴露成属性
    public StackLayout ProductStackLayout { get; private set; }
    public Label ProductNameLabel { get; private set; }

    protected override void OnBindingContextChanged()
    {
        base.OnBindingContextChanged();
        
        // 在BindingContext变更时（也就是Cell被渲染绑定数据时）获取控件引用
        ProductStackLayout = this.FindByName<StackLayout>("ProductStackLayout");
        ProductNameLabel = this.FindByName<Label>("ProductNameLabel");
    }
}

2. 修改XAML里的ViewCell为自定义的：

<ListView x:Name="ProductList" ItemsSource="{Binding Products}">
    <ListView.ItemTemplate>
        <DataTemplate>
            <local:ProductViewCell>
                <StackLayout BackgroundColor="#eee" x:Name="ProductStackLayout" Orientation="Vertical" Padding="5" Tapped="ListItemTapped">
                    <Label x:Name="ProductNameLabel" Text="{Binding Name}" Style="{DynamicResource ProductPropertiesStyle}"/>
                    <!-- 其他控件 -->
                </StackLayout>
            </local:ProductViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

3. 之后在ListView的ItemSelected事件里就能轻松拿到控件：

private void ProductList_ItemSelected(object sender, SelectedItemChangedEventArgs e)
{
    if (e.SelectedItemIndex >= 0)
    {
        var targetCell = ProductList.TemplatedItems[e.SelectedItemIndex] as ProductViewCell;
        if (targetCell != null)
        {
            targetCell.ProductStackLayout.BackgroundColor = Color.Green;
            targetCell.ProductNameLabel.TextColor = Color.White;
        }
    }
}

要是不想把逻辑写在页面的代码-behind里，Behaviors是个好选择，能实现逻辑和UI的分离：

public class ProductCellBehavior : Behavior<ViewCell>
{
    protected override void OnAttachedTo(ViewCell bindable)
    {
        base.OnAttachedTo(bindable);
        // 监听Cell的Appearing事件，确保控件已经渲染完成
        bindable.Appearing += OnCellAppearing;
    }

    private void OnCellAppearing(object sender, EventArgs e)
    {
        var cell = sender as ViewCell;
        if (cell == null) return;
        
        var stackLayout = cell.FindByName<StackLayout>("ProductStackLayout");
        var nameLabel = cell.FindByName<Label>("ProductNameLabel");
        
        // 这里可以给控件绑定事件或者做初始化操作
        var tapGesture = new TapGestureRecognizer();
        tapGesture.Command = new Command(() => 
        {
            stackLayout.BackgroundColor = Color.Orange;
            nameLabel.TextColor = Color.Black;
        });
        stackLayout.GestureRecognizers.Add(tapGesture);
    }

    protected override void OnDetachingFrom(ViewCell bindable)
    {
        base.OnDetachingFrom(bindable);
        bindable.Appearing -= OnCellAppearing;
    }
}

然后在XAML里给ViewCell添加这个Behavior：

<ViewCell>
    <ViewCell.Behaviors>
        <local:ProductCellBehavior/>
    </ViewCell.Behaviors>
    <StackLayout BackgroundColor="#eee" x:Name="ProductStackLayout" Orientation="Vertical" Padding="5">
        <Label x:Name="ProductNameLabel" Text="{Binding Name}" Style="{DynamicResource ProductPropertiesStyle}"/>
    </StackLayout>
</ViewCell>

重要注意事项 #

• 别在页面初始化或者ListView构造时直接找DataTemplate里的控件！此时Cell还没被渲染，肯定返回null。一定要等Cell加载完成（比如在Tapped、Appearing、ItemSelected事件里操作）。
• 优先选择自定义ViewCell或Behaviors的方式，能让代码更整洁、更易维护，避免代码-behind里堆满耦合逻辑。

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