Wpf-popup

WPF-ポップアップ

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

ポップアップの階層

Popupクラスの一般的に使用されるプロパティ

以下に、Popupの最も一般的に使用されるプロパティを示します。

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

Popupクラスの一般的に使用されるイベント

Popupで最も一般的に使用されるイベントを以下に示します。

Sr.No.	Event & Description
1	Closed IsOpenプロパティがfalseに設定されたときに発生します。
2	Opened IsOpenプロパティがtrueに設定されたときに発生します。

例

• WPFPopupControl という名前の新しいWPFプロジェクトを作成しましょう。
• ツールボックスを見ると、ポップアップコントロールがないことがわかります。 ただし、XAMLからアプリにポップアップコントロールを追加できます。
• 次の例は、ポップアップコントロールの使用方法を示しています。 以下は、PopupコントロールとCheckBoxが作成および初期化されるXAMLコードです。 ユーザーがCheckBoxをチェックすると、ポップアップが表示されます。

<Window x:Class = "WPFPopupControl.MainWindow"
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008"
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006"
   xmlns:local = "clr-namespace:WPFPopupControl"
   mc:Ignorable = "d" Title = "MainWindow" Height = "350" Width = "604">

   <Grid>
      <CheckBox Name = "PCheckBox" Margin = "198,94,208,194" Content = "Checked Me"/>
      <Popup IsOpen = "{Binding ElementName = PCheckBox,Path = IsChecked}"
         PlacementTarget = "{Binding ElementName = PCheckBox}"
         AllowsTransparency = "True" PopupAnimation = "Slide">

         <Canvas Width = "125" Height = "100" Background = "LightGray">
            <Canvas.RenderTransform>
               <RotateTransform x:Name = "theTransform"/>
            </Canvas.RenderTransform>
            <TextBlock TextWrapping = "Wrap" Foreground = "Blue"
               Text = "Hi, this is Popup"/>
         </Canvas>

      </Popup>
   </Grid>

</Window>

上記のコードをコンパイルして実行すると、次の出力が生成されます。 チェックボックスをオンにすると、ポップアップが表示されます。チェックボックスをオフにすると、ポップアップが消えます。

ポップアップの出力

上記のサンプルコードを実行し、ポップアップクラスの他のプロパティとイベントを試すことをお勧めします。