[C#/WPF] Popup 엘리먼트 : IsOpen 속성을 사용해 팝업 표시하기/숨기기

■ Popup 엘리먼트 : IsOpen 속성을 사용해 팝업을 표시하거나 숨기는 방법을 보여준다.

▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <ToggleButton Name="toggleButton"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Width="250"
            Height="30">
            <StackPanel>
                <TextBlock
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center">
                    <Run Text="Is button toggled? " />
                    <Run Text="{Binding IsChecked, ElementName=toggleButton}" />
                </TextBlock>
                <Popup
                    IsOpen="{Binding IsChecked, ElementName=toggleButton}">
                    <Border BorderThickness="1">
                        <TextBlock
                            Padding="30"
                            Background="LightBlue"
                            Foreground="Blue">
                            Popup Text
                        </TextBlock>
                    </Border>
                </Popup>
            </StackPanel>
        </ToggleButton>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<ToggleButton Name="toggleButton"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Width="250"

Height="30">

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center">

</TextBlock>

<Popup

IsOpen="{Binding IsChecked, ElementName=toggleButton}">

<TextBlock

Padding="30"

Background="LightBlue"

Foreground="Blue">

Popup Text

</TextBlock>

</Border>

</Popup>

</StackPanel>

</ToggleButton>

</Grid>

</Window>

TestProject.zip