ShowFlyoutBehavior 的行为在 UWP 上不起作用？答案

【问题标题】：Behaviors for ShowFlyoutBehavior doesn't work on UWP?ShowFlyoutBehavior 的行为在 UWP 上不起作用？
【发布时间】：2016-04-18 19:10:10
【问题描述】：

我正在将我的 windows8.1 应用程序迁移到 UWP，我发现我的许多行为停止工作，其中一个是 ShowFlyoutBehavior，代码如下

                        <interactivity:Interaction.Behaviors>
                            <core:EventTriggerBehavior EventName="Tapped">
                                <behaviors:ShowFlyoutBehavior />
                            </core:EventTriggerBehavior>
                        </interactivity:Interaction.Behaviors>

错误消息是这样的：无法将“XX.App.Behaviors.ShowFlyoutBehavior”类型的实例添加到“Microsoft.Xaml.Interactivity.ActionCollection”类型的集合中。任何的想法？它在 Windows 8.1 上运行良好。我已经安装了 Microsoft.Xaml.Behaviors.Uwp.Managed NuGet 包

【问题讨论】：

原来IAction在代码中被注释掉了导致错误。

标签： c# xaml win-universal-app windows-10-mobile uwp-xaml

【解决方案1】：

假设您有简单的 xaml：

<Image Source="/Assets/Logo.scale-100.png"
       Height="100" Width="100">
    <FlyoutBase.AttachedFlyout>
        <Flyout>
            <StackPanel>
                <TextBlock Text="Awesome Flyout!" />
            </StackPanel>
        </Flyout>
    </FlyoutBase.AttachedFlyout>
</Image>

创建自定义行为：

public class OpenFlyoutAction: DependencyObject, IAction
{
    public object Execute(object sender, object parameter)
    {
        FlyoutBase.ShowAttachedFlyout((FrameworkElement)sender);

        return null;
    }
}

最终的 xaml：

<Image Source="/Assets/Logo.scale-100.png"
       Height="100" Width="100">
    <FlyoutBase.AttachedFlyout>
        <Flyout>
            <StackPanel>
                <TextBlock Text="Awesome Flyout!" />
            </StackPanel>
        </Flyout>
    </FlyoutBase.AttachedFlyout>
    <i:Interaction.Behaviors>
        <core:EventTriggerBehavior EventName="Tapped">
            <local:OpenFlyoutAction />
        </core:EventTriggerBehavior>
    </i:Interaction.Behaviors>
</Image>

【讨论】：