[WinUI 3][Flyout] Flyout 添付プロパティを持たないコントロールでポップアップメッセージを表示する

前回の記事では、Flyout 添付プロパティを持つコントロールで、ポップアップメッセージを表示しました。

今回は TextBlock や Image のように Flyout 添付プロパティを持たないコントロールでポップアップメッセージを表示する方法について説明します。

環境

添付プロパティを使用せずに Flyout でポップアップメッセージを表示する

TextBlock ように、添付プロパティに Flyout を持っていない場合は、<FlyputBase.AttachedFlyout> を使用して、Flyout 機能を付加します。これによって、ポップアップメッセージを表示する準備が完了です。

<TextBlock Text="TextBlock" Tapped="TextBlock_Tapped">
    <FlyoutBase.AttachedFlyout>
        <Flyout>
            <TextBlock Text="This is some text in a flyout."  />
        </Flyout>
    </FlyoutBase.AttachedFlyout>
</TextBlock>

TextBlock がタップされた時に以下のコードを実行するとポップアップメッセージが表示されるようになります。

private void TextBlock_Tapped(object sender, TappedRoutedEventArgs e)
{
    FlyoutBase.ShowAttachedFlyout((FrameworkElement)sender);
}

添付プロパティを持たないコントロールでポップアップメッセージを表示する例

WinUI 3 Tips一覧

WinUI 3 のTips 一覧はこちら

Please follow and like us: