XAML-ポップアップ

ポップアップは、アプリケーションウィンドウの境界内で、既存のコンテンツの上にコンテンツを表示します。他のコンテンツに一時的に表示されます。 Popupクラスの階層的な継承は次のとおりです-

プロパティ

Popupクラスで一般的に使用されるプロパティを以下に示します。

Sr.No.	Property & Description
1	Child ポップアップでホストされるコンテンツを取得または設定します。
2	ChildProperty Child依存プロパティの識別子を取得します。
3	ChildTransitions Popupの子コンテンツに適用されるTransitionスタイル要素のコレクションを取得または設定します。
4	ChildTransitionsProperty ChildTransitions依存プロパティを識別します。
5	HorizontalOffset アプリケーションウィンドウの左側とポップアップの左側の間の距離を取得または設定します。
6	HorizontalOffsetProperty HorizontalOffset依存プロパティの識別子を取得します。
7	IsLightDismissEnabled Popupを閉じる方法を決定する値を取得または設定します。
8	IsLightDismissEnabledProperty IsLightDismissEnabled依存プロパティを識別します。
9	IsOpen ポップアップが現在画面に表示されているかどうかを取得または設定します。
10	IsOpenProperty IsOpen依存プロパティの識別子を取得します。
11	VerticalOffset アプリケーションウィンドウの上部とポップアップの上部の間の距離を取得または設定します。
12	VerticalOffsetProperty VerticalOffset依存プロパティの識別子を取得します。

イベント

ポップアップクラスには次のイベントがあります。

Sr.No.

Event & Description

1

Closed

IsOpenプロパティがfalseに設定されたときに発生します。

2

Opened

IsOpenプロパティがtrueに設定されたときに発生します。

例

次の例は、ポップアップコントロールの使用方法を示しています。以下に、PopupコントロールとCheckBoxを作成して使用するXAMLコードを示します。ユーザーがCheckBoxをチェックすると、ポップアップが表示されます。

<Window x:Class = "XAMLPopup.MainWindow"
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   Title = "MainWindow" Height = "350" Width = "604">

   <Grid>
      <StackPanel>
         <CheckBox Name = "PCheckBox" Margin = "10,10,484,500" Content = "Checked Me" Height = "18"/>

         <Popup IsOpen = "{Binding ElementName = PCheckBox,Path = IsChecked}"
            PlacementTarget = "{Binding ElementName = PCheckBox}"
            AllowsTransparency = "True" PopupAnimation = "Slide"
            HorizontalOffset = "150" VerticalOffset = "100">

            <Canvas Width = "100" Height = "100" Background = "LightGray" Margin = "5">
               <Canvas.RenderTransform>
                  <RotateTransform x:Name = "theTransform"/>
               </Canvas.RenderTransform>

               <TextBlock TextWrapping = "Wrap" Foreground = "Blue" Text = "Hi, this is Popup"/>
            </Canvas>
         </Popup&gt
      </StackPanel>
   </Grid>

</Window>

上記のコードをコンパイルして実行すると、次の出力が生成されます-

ポップアップ出力

上記のサンプルコードを実行し、他のいくつかのプロパティとイベントを試すことをお勧めします。

Xaml-popup

XAML-ポップアップ

プロパティ

イベント

例