Xaml-popup

提供:Dev Guides
移動先:案内検索

XAML-ポップアップ

ポップアップは、アプリケーションウィンドウの境界内で、既存のコンテンツの上にコンテンツを表示します。 他のコンテンツに一時的に表示されます。 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依存プロパティの識別子を取得します。

イベント

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

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>

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

ポップアップ出力

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