无法访问XAML嵌套CollectionView（cv2）的问题求助

cv2无法直接通过x:Name访问，是因为它嵌套在DataTemplate内部。DataTemplate是批量生成cv1子项的模板，每个cv1条目都会对应一个独立的cv2实例，编译器不会将模板内的控件名称注册到页面后台上下文，所以直接写cv2会提示“不存在于当前上下文”。

推荐采用数据绑定+MVVM思想解决，通过绑定数据模型的属性控制cv2的显示状态和数据源，这是Xamarin/.NET MAUI的标准实践，能避免直接操作UI控件带来的耦合问题。

步骤1：定义数据模型 #

给cv1的每个条目数据添加对应属性，并实现INotifyPropertyChanged接口（确保属性变化时UI自动更新）：

using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Runtime.CompilerServices;

public class CaseItem : INotifyPropertyChanged
{
    public string Key { get; set; }
    
    private ObservableCollection<TimeLineItem> _timeLine;
    public ObservableCollection<TimeLineItem> TimeLine
    {
        get => _timeLine;
        set
        {
            _timeLine = value;
            OnPropertyChanged();
        }
    }
    
    private bool _isCv2Visible;
    public bool IsCv2Visible
    {
        get => _isCv2Visible;
        set
        {
            _isCv2Visible = value;
            OnPropertyChanged();
        }
    }
    
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

public class TimeLineItem
{
    public string DateCase { get; set; }
    public string NumCase { get; set; }
    public string Serial { get; set; }
    public string Time { get; set; }
}

步骤2：修改XAML代码 #

将cv2的ItemsSource和IsVisible绑定到数据模型的对应属性，移除x:Name（不再需要）：

<CollectionView x:Name="cv1">
   <CollectionView.ItemTemplate>
      <DataTemplate>
         <Frame Margin="5">
            <Frame.GestureRecognizers>
               <TapGestureRecognizer Tapped="TapGestureRecognizer_Tapped"/>
            </Frame.GestureRecognizers>
            <StackLayout>
               <Label Text="{Binding Key}"/>
               <CollectionView ItemsSource="{Binding TimeLine}" IsVisible="{Binding IsCv2Visible}">
                  <CollectionView.ItemTemplate>
                     <DataTemplate>
                        <StackLayout Orientation="Horizontal" HorizontalOptions="FillAndExpand">
                           <Label Text="{Binding DateCase}" HorizontalOptions="Start"/>
                           <Label Text="{Binding NumCase}" HorizontalOptions="CenterAndExpand"/>
                           <Label Text="{Binding Serial}" HorizontalOptions="CenterAndExpand"/>
                           <Label Text="{Binding Time}" HorizontalOptions="End"/>
                        </StackLayout>
                     </DataTemplate>
                  </CollectionView.ItemTemplate>
               </CollectionView>
            </StackLayout>
         </Frame>
      </DataTemplate>
   </CollectionView.ItemTemplate>
</CollectionView>

步骤3：调整后台代码 #

初始化cv1的数据源，每个CaseItem包含对应的TimeLine数据；在点击事件中通过绑定上下文获取当前条目，切换IsCv2Visible属性：

// 初始化cv1的数据源
var Cases = new ObservableCollection<CaseItem>();
// 示例数据，实际根据业务逻辑填充
Cases.Add(new CaseItem
{
    Key = "Case 1",
    TimeLine = new ObservableCollection<TimeLineItem>
    {
        new TimeLineItem { DateCase = "2024-05-20", NumCase = "001", Serial = "ABC123", Time = "10:00" },
        new TimeLineItem { DateCase = "2024-05-21", NumCase = "002", Serial = "DEF456", Time = "14:30" }
    },
    IsCv2Visible = false // 初始状态隐藏cv2
});

cv1.ItemsSource = Cases;

// 点击Frame的事件处理
private void TapGestureRecognizer_Tapped(object sender, EventArgs e)
{
    if (sender is Frame frame && frame.BindingContext is CaseItem caseItem)
    {
        // 切换cv2的显示状态
        caseItem.IsCv2Visible = !caseItem.IsCv2Visible;
    }
}

原理说明 #

每个cv2属于cv1的一个条目，通过绑定数据模型的属性，能精准控制每个cv2的显示状态和数据源，无需直接操作UI控件实例，既符合MVVM的设计思想，也解决了模板控件无法直接访问的问题。

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