WPF Form Popup (Açılır Pencere) Kullanımı

Bu yazımızda WPF Formda Popup yani Açılır Pencere oluşturmayı ve kullanımını gösteren bir örnek oluşturacağız. Örneğimizde 2 farklı Popup oluşturarak birinin Button üzerine gelindiğinde, diğerinin CheckBox kontrolü seçildiğinde çalışmasını sağlayacağız.

Popup konrolü oluşturmak için;


<Popup></Popup>

etiketi kullanılır.
popup kontrolünü görünür yapmak için ise IsOpen özelliğini True yapmak gerekir.


IsOpen="True"

IsOpen="True"

Örneğimizi oluşturalım. Kodlarımızı XAML penceresinde oluşturacağız. XAML kodlarımız aşağıdaki şekilde olacaktır.


    <Grid>
        <Button x:Name="btn1" Content="Button" HorizontalAlignment="Left"  
                    VerticalAlignment="Top" Width="75" Click="Button_Click" 
                    RenderTransformOrigin="1.35,-1.184" Margin="58,63,0,0"/>

        <Popup Margin="10,10,0,13" x:Name="Popup1" HorizontalAlignment="Left"   
        		VerticalAlignment="Top" Width="150" Height="50" PlacementTarget="{Binding ElementName=btn1}" AllowsTransparency="True"
        		PopupAnimation="Slide" IsOpen="{Binding IsMouseOver, ElementName=btn1, Mode=OneWay}" >
            <TextBlock x:Name="txt1" Background="Azure" Text="www.yazilimkodlama.com"/>
        </Popup>

        <Popup Margin="10,10,0,13" x:Name="Popup2" HorizontalAlignment="Left"   
        		VerticalAlignment="Top" Width="194" Height="50" PlacementTarget="{Binding ElementName=chk1}" AllowsTransparency="True"
        		PopupAnimation="Slide" IsOpen="{Binding IsChecked, ElementName=chk1, Mode=OneWay}" >
            <TextBlock x:Name="txt2" Background="Silver" Text="www.yazilimkodlama.com"/>
        </Popup>
        <CheckBox Name="chk1" Content="CheckBox" HorizontalAlignment="Left" Margin="217,71,0,0" VerticalAlignment="Top"/>
    </Grid>