Flyout クラス
定義
重要
一部の情報は、リリース前に大きく変更される可能性があるプレリリースされた製品に関するものです。 Microsoft は、ここに記載されている情報について、明示または黙示を問わず、一切保証しません。
情報またはユーザー操作が必要な軽量 UI を表示するコントロールを表します。 ダイアログとは異なり、ポップアップは、その外側をクリックまたはタップするか、デバイスの [戻る] ボタンを押すか、'Esc' キーを押すことで軽く閉じることができます。
/// [Windows.Foundation.Metadata.ContractVersion(Windows.Foundation.UniversalApiContract, 65536)]
/// [Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
/// [Windows.Foundation.Metadata.Threading(Windows.Foundation.Metadata.ThreadingModel.Both)]
/// [Windows.UI.Xaml.Markup.ContentProperty(Name="Content")]
class Flyout : FlyoutBase
[Windows.Foundation.Metadata.ContractVersion(typeof(Windows.Foundation.UniversalApiContract), 65536)]
[Windows.Foundation.Metadata.MarshalingBehavior(Windows.Foundation.Metadata.MarshalingType.Agile)]
[Windows.Foundation.Metadata.Threading(Windows.Foundation.Metadata.ThreadingModel.Both)]
[Windows.UI.Xaml.Markup.ContentProperty(Name="Content")]
public class Flyout : FlyoutBase
Public Class Flyout
Inherits FlyoutBase
<Flyout>
singleUIElement
</Flyout>
- 継承
- 属性
Windows の要件
デバイス ファミリ |
Windows 10 (10.0.10240.0 で導入)
|
API contract |
Windows.Foundation.UniversalApiContract (v1.0 で導入)
|
例
ヒント
詳細、設計ガイダンス、およびコード例については、「 ポップアップ」を参照してください。
WinUI 2 ギャラリー アプリには、ほとんどの WinUI 2 コントロールと機能の対話型の例が含まれています。 Microsoft Store からアプリを入手するか、GitHub でソース コードを取得します。
注釈
ポップアップには、ユーザーの操作を必要とするメッセージが表示されます。
![ポップアップ コントロール](windows.ui.xaml.controls/images/controls/flyout.png?view=winrt-26100)
情報を収集したり、詳細情報を表示したり、警告や確認を行ったりするために、ポップアップ コントロールを使用します。 ダイアログとは異なり、ポップアップは別のウィンドウを作成せず、他のユーザー操作をブロックしません。 項目のメニューを表示するには、代わりに MenuFlyout を 使用します。 XAML やコード例など、詳細については、「 クイック スタート: ポップアップの追加」を参照してください。
ポップアップ コントロール (または MenuFlyout) は、 Button.Flyout プロパティの値として使用されます。 これは通常、ページの UI 定義の一部として XAML で設定されます。 Button は、専用の Flyout プロパティを持つ唯一のコントロールです。 ポップアップを他のコントロールに関連付けるには、 FlyoutBase.AttachedFlyout 添付プロパティを使用します。 Button.Flyout に設定すると、ボタンがタップされたとき、または呼び出されたときにポップアップが表示されます。 FlyoutBase.AttachedFlyout を使用して他の UI 要素にポップアップが割り当てられている場合、ポップアップを表示するには、ShowAt メソッドまたは静的 ShowAttachedFlyout メソッドを呼び出す必要があります。
この参照トピックに記載されているメンバーに加えて、一般的なポップアップ シナリオでよく使用される基本クラス FlyoutBase の他のメンバーがあります。
- FlyoutBase.AttachedFlyout: ポップアップを特定の UI 要素に関連付ける添付プロパティ (任意 の FrameworkElement 派生クラスを指定できます)。
- ShowAttachedFlyout: ポップアップが FlyoutBase.AttachedFlyout 割り当てを通じて UI 要素に既に関連付けられているかどうかを判断できる静的メソッドです。 その場合、メソッドは指定した FrameworkElement を使用して ShowAt を内部的に呼び出します。
ユーザー補助
ここに示すように、フォーカス可能なコンテンツを含まないポップアップを使用する場合 (たとえば、テキストのみ) は、コンテンツにアクセスできるようにするための追加の手順を実行する必要があります。 具体的には、Windows ナレーターまたは他のスクリーン リーダーがポップアップのコンテンツを読み取れるようにする必要があります。
![テキスト コンテンツを含むポップアップ コントロール](windows.ui.xaml.controls/images/flyout-text.png?view=winrt-26100)
既定では、 FlyoutPresenter に設定されたプロパティがあり、フォーカスを受け取らないようにします。 これは、ポップアップ内のコンテンツがフォーカスを受け取ることができる場合に望ましい動作です。 ただし、Flyout 内のコンテンツがフォーカスを受け取ることができない場合は、 FlyoutPresenterStyle に更新して 、代わりに FlyoutPresenter にフォーカスを受け取らせる必要があります。 これを行うには、 IsTabStop を true に設定し、 TabNavigation をフライアウト発表者スタイルで [循環 ] に設定します。
この例では、コンテンツにアクセスできるように FlyoutPresenter にフォーカスを受け取らせる方法を示します。
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Button VerticalAlignment="Center" HorizontalAlignment="Center"
Content="Open flyout">
<Button.Flyout>
<Flyout>
<Flyout.FlyoutPresenterStyle>
<Style TargetType="FlyoutPresenter">
<Setter Property="ScrollViewer.HorizontalScrollMode" Value="Disabled"/>
<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled"/>
<Setter Property="IsTabStop" Value="True"/>
<Setter Property="TabNavigation" Value="Cycle"/>
</Style>
</Flyout.FlyoutPresenterStyle>
<TextBlock TextWrapping="Wrap" Text="This is some text in a flyout."/>
</Flyout>
</Button.Flyout>
</Button>
</Grid>
コンストラクター
Flyout() |
Flyout クラスの新しいインスタンスを初期化します。 |
プロパティ
AllowFocusOnInteraction |
ユーザーが操作するときに要素が自動的にフォーカスを取得するかどうかを示す値を取得または設定します。 (継承元 FlyoutBase) |
AllowFocusWhenDisabled |
コントロールが無効になっているときにフォーカスを受け取ることができるかどうかを示す値を取得または設定します。 (継承元 FlyoutBase) |
AreOpenCloseAnimationsEnabled |
ポップアップを開くか閉じたときにアニメーションを再生するかを示す値を取得または設定します。 (継承元 FlyoutBase) |
Content |
ポップアップの内容を取得または設定します。 |
ContentProperty |
Content 依存関係プロパティの識別子を取得します。 |
Dispatcher |
このオブジェクトが関連付けられている CoreDispatcher を取得します。 CoreDispatcher は、コードが UI 以外のスレッドによって開始された場合でも、UI スレッド上の DependencyObject にアクセスできる機能を表します。 (継承元 DependencyObject) |
ElementSoundMode |
サウンドを再生するかどうかのコントロールの設定を指定する値を取得または設定します。 (継承元 FlyoutBase) |
FlyoutPresenterStyle | |
FlyoutPresenterStyleProperty |
FlyoutPresenterStyle 依存関係プロパティの識別子を取得します。 |
InputDevicePrefersPrimaryCommands |
ポップアップを開くために使用される入力デバイスがセカンダリ コマンドを簡単に開かないかどうかを示す値を取得します。 (継承元 FlyoutBase) |
IsConstrainedToRootBounds |
ポップアップが XAML ルートの境界内に表示されるかどうかを示す値を取得します。 (継承元 FlyoutBase) |
IsOpen |
ポップアップが開いているかどうかを示す値を取得します。 (継承元 FlyoutBase) |
LightDismissOverlayMode |
ライトを閉じる UI の外側の領域を暗くするかどうかを指定する値を取得または設定します。 (継承元 FlyoutBase) |
OverlayInputPassThroughElement |
ポップアップのオーバーレイの下にある場合でも、ポインター入力イベントを受け取る要素を取得または設定します。 (継承元 FlyoutBase) |
Placement |
ポップアップの配置ターゲットに対して使用される既定の配置を取得または設定します。 (継承元 FlyoutBase) |
ShouldConstrainToRootBounds |
ポップアップを XAML ルートの境界内に表示するかどうかを示す値を取得または設定します。 (継承元 FlyoutBase) |
ShowMode |
表示時のポップアップの動作を示す値を取得または設定します。 (継承元 FlyoutBase) |
Target |
ポップアップの配置ターゲットとして使用する要素を取得します。 (継承元 FlyoutBase) |
XamlRoot |
このポップアップを表示する XamlRoot を取得または設定します。 (継承元 FlyoutBase) |
メソッド
イベント
Closed |
ポップアップが非表示のときに発生します。 (継承元 FlyoutBase) |
Closing |
ポップアップが非表示になり始めると発生します。 (継承元 FlyoutBase) |
Opened |
ポップアップが表示されるときに発生します。 (継承元 FlyoutBase) |
Opening |
ポップアップが表示される前に発生します。 (継承元 FlyoutBase) |