Xamarin Forms Shell中如何将FlyoutItem设置为选中视觉状态

方案1：直接操作Shell的SelectedItem属性（推荐） #

无需手动调用VisualStateManager，Shell本身会根据SelectedItem属性自动同步FlyoutItem的选中视觉状态，是成本最低的实现方式：

1. 首先给你的FlyoutItem添加x:Name标识（如果是在Shell的代码文件内操作）：

<FlyoutItem x:Name="AboutFlyoutItem" Title="About" Icon="icon_about.png">
    <ShellContent Route="AboutPage" ContentTemplate="{DataTemplate local:AboutPage}" />
</FlyoutItem>
<FlyoutItem x:Name="BrowseFlyoutItem" Title="Browse" Icon="icon_feed.png">
    <ShellContent Route="ItemsPage" ContentTemplate="{DataTemplate local:ItemsPage}" />
</FlyoutItem>

2. 在你的自定义跳转逻辑执行完成后，直接给Shell.Current.SelectedItem赋值对应FlyoutItem即可：

// 跳转到AboutPage后执行
Shell.Current.SelectedItem = AboutFlyoutItem;

如果无法直接访问FlyoutItem的x:Name，可以通过路由匹配遍历获取对应FlyoutItem：

// 示例：匹配路由为AboutPage的FlyoutItem
var targetRoute = "AboutPage";
var targetFlyoutItem = Shell.Current.Items
    .OfType<FlyoutItem>()
    .FirstOrDefault(f => f.Items.OfType<ShellContent>().Any(s => s.Route == targetRoute));

if (targetFlyoutItem != null)
{
    Shell.Current.SelectedItem = targetFlyoutItem;
}

方案2：手动获取VisualElement修改视觉状态 #

如果确实有需要手动控制视觉状态的场景，可以通过可视化树查找对应元素后调用VisualStateManager修改：

1. 先获取FlyoutPresenter控件，再遍历其可视化子元素找到对应FlyoutItem绑定的视觉元素：

using Xamarin.Forms;
using System.Linq;

// 获取Flyout的容器控件
var flyoutPresenter = Shell.Current.FindByName<FlyoutPresenter>("FlyoutPresenter");
// 先获取目标FlyoutItem（可参考方案1的匹配逻辑）
var targetFlyoutItem = GetYourTargetFlyoutItem();
// 查找绑定了目标FlyoutItem的视觉元素
var targetVisualElement = flyoutPresenter.GetVisualTreeDescendants()
    .OfType<VisualElement>()
    .FirstOrDefault(e => e.BindingContext == targetFlyoutItem);

2. 调用VisualStateManager切换选中状态：

if (targetVisualElement != null)
{
    // 切换为选中状态
    VisualStateManager.GoToState(targetVisualElement, "Selected");
    // 如果需要取消其他项的选中状态，遍历所有FlyoutItem对应的视觉元素切换为Normal状态即可
}

注意：如果你自定义了FlyoutItem的ItemTemplate，需要确保模板根元素正确配置了包含Selected状态的VisualStateGroup，否则状态切换不会生效。

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