如何在Xamarin.Forms中通过VisualStateManager随屏幕方向切换ListView项模板？

没问题，这事儿其实挺清晰的，我来一步步给你拆解实现步骤——结合你已经在后台创建好两个DataTemplate的前提，咱们分XAML配置和后台逻辑两部分来做：

第一步：在XAML中定义视觉状态 #

首先，你需要把VisualStateManager附着在ListView的父容器上（比如页面的根Grid），然后分别定义**纵向（Portrait）和横向（Landscape）**两个视觉状态，每个状态里通过Setter来指定ListView要使用的ItemTemplate。

假设你已经把后台创建的两个DataTemplate（比如叫VerticalItemTemplate和HorizontalItemTemplate）添加到了页面的资源字典里（如果还没加，后面会说怎么在后台加），XAML代码大概是这样：

<Grid x:Name="RootGrid">
    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="OrientationStates">
            <!-- 纵向状态：使用垂直布局的模板 -->
            <VisualState x:Name="Portrait">
                <VisualState.Setters>
                    <Setter Target="MyListView.ItemTemplate" Value="{StaticResource VerticalItemTemplate}" />
                </VisualState.Setters>
            </VisualState>

            <!-- 横向状态：使用水平布局的模板 -->
            <VisualState x:Name="Landscape">
                <VisualState.Setters>
                    <Setter Target="MyListView.ItemTemplate" Value="{StaticResource HorizontalItemTemplate}" />
                </VisualState.Setters>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>

    <ListView x:Name="MyListView" ItemsSource="{Binding YourItems}" />
</Grid>

如果你的DataTemplate是在后台创建的，记得把它们添加到页面的资源里，比如在页面的构造函数里：

public MainPage()
{
    this.InitializeComponent();

    // 假设你已经创建好了这两个模板
    DataTemplate verticalTemplate = CreateVerticalItemTemplate();
    DataTemplate horizontalTemplate = CreateHorizontalItemTemplate();

    // 添加到页面资源，让XAML能引用到
    Resources.Add("VerticalItemTemplate", verticalTemplate);
    Resources.Add("HorizontalItemTemplate", horizontalTemplate);

    // 初始化时设置初始状态
    UpdateVisualState(ApplicationView.GetForCurrentView().Orientation);
}

第二步：处理屏幕方向变化，切换视觉状态 #

接下来需要监听屏幕方向变化的事件，然后调用VisualStateManager的方法切换到对应的状态。在页面的OnNavigatedTo方法里注册事件，OnNavigatedFrom里注销：

protected override void OnNavigatedTo(NavigationEventArgs e)
{
    base.OnNavigatedTo(e);
    // 监听方向变化事件
    ApplicationView.GetForCurrentView().OrientationChanged += OnOrientationChanged;
    // 初始化状态
    UpdateVisualState(ApplicationView.GetForCurrentView().Orientation);
}

protected override void OnNavigatedFrom(NavigationEventArgs e)
{
    base.OnNavigatedFrom(e);
    // 注销事件，避免内存泄漏
    ApplicationView.GetForCurrentView().OrientationChanged -= OnOrientationChanged;
}

private void OnOrientationChanged(ApplicationView sender, object args)
{
    UpdateVisualState(sender.Orientation);
}

private void UpdateVisualState(ApplicationViewOrientation orientation)
{
    string targetState = orientation == ApplicationViewOrientation.Portrait ? "Portrait" : "Landscape";
    // 切换到目标视觉状态
    VisualStateManager.GoToElementState(RootGrid, targetState, useTransitions: true);
}

一些小提示 #

• 如果不需要过渡动画，可以把useTransitions参数设为false，切换会更直接。
• 如果你不想在XAML里写Setter，也可以直接在UpdateVisualState方法里给MyListView.ItemTemplate赋值，但用VisualStateManager的好处是可以统一管理视觉状态，后续如果要加其他状态变化（比如字体大小、布局位置）会更方便。
• 确保你的DataTemplate已经正确绑定了数据，避免切换后出现显示问题。

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