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

[Rooster]

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"

Ö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>

Programımızı çalıştırdığımızda ve Fare ile Buton üzerine geldiğimizde Popup1 açılır penceresi açılacaktır.​

 

[Nazdravia]

Yararlı+++