WPF teknolojisinde form biçim ve düzenlerini de değiştirmemiz mümkündür. Örneğin şekilli bir pencere yapalım.

Bunun için yapacağımız örnek için de Project menüsünden Add Window diyerek yeni pencere ekleyelim ve ana penceremiz içerisine bir buton ekleyerek şu kodu yazalım:

Class Window1

    Private Sub cmdyenipencere_Click(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs) Handles cmdyenipencere.Click

        Dim yenipencere As New Window2

        yenipencere.Show()

    End Sub

End Class

Window2 seçili iken properties penceresinden şu değişiklikleri yapalım:

WindowsStyle özelliğini None yaparak pencere üzerindeki tam ekran yapma, ekranı kaplama ve simge durumuna küçültme düğmelerinin temizlenmesini sağlayalım.

AllowsTransparency özelliğini true yaparak penceremizin saydam hale gelmesini sağlayalım.

Daha sonra projemize formumuzun şeklini belirleyecek herhangi bir resim dosyasını Add>New Item seçenekleri ile ekleyerek projemize dâhil edelim.

Window2’nin XAML kod penceresine eklediğimiz resmin formun zemini hale gelmesini sağlamak için şu kodu ekleyelim:

<Window.Background>

        <ImageBrush ImageSource="10.png"></ImageBrush>

</Window.Background> 

Ayrıca Window2 üzerine de bir buton ekleyelim. Butonumuza basıldığında pencereyi kapatsın. Kodu şu şekilde olacak:

Private Sub cmdgeri_Click(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs) Handles cmdgeri.Click

        Me.Close()

End Sub

Sonuç olarak Window2’nin tüm XAML kodu şu şekilde olacak:

<Window x:Class="Window2"

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

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

    Title="Window2" Height="300" Width="300" WindowStyle="None" AllowsTransparency="True">

    <Window.Background>

        <ImageBrush ImageSource="10.png"></ImageBrush>

    </Window.Background> 

    <Grid>

        <Button Margin="99,116,104,123" Name="cmdgeri" Background="Yellow">Geri</Button>

    </Grid>

</Window>

VB.NET kodu ise şu şekilde:

Partial Public Class Window2

    Private Sub cmdgeri_Click(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs) Handles cmdgeri.Click

        Me.Close()

    End Sub

End Class

Projemizi çalıştırıp pencere1’den pencere2’yi çağırdığımızda pencere2’nin şu şekilde olduğunu görürüz:

Panel’in zemin rengini değiştirmek için BackGround özelliği kullanılır.

Örneğimiz için Page.xaml dosyası içerisindeki

<Grid x:Name="LayoutRoot" Background="White">

</Grid>

Satırını değiştirelim.

<Grid x:Name="LayoutRoot">

     <Grid.Background>

         <SolidColorBrush Color="AliceBlue" />

     </Grid.Background> 

</Grid>

Bu örneğimizle panelimizin zemin rengini değiştirmiş olduk.

Renk değiştirme işleminde hexadecimal kodları da kullanabiliriz. Örneğin yukarıdaki rengi hexadecimal kodlarla elde etmeye çalışalım:

<Grid x:Name="LayoutRoot">

     <Grid.Background>

         <SolidColorBrush Color="#CCCCFF" />

     </Grid.Background> 

 </Grid>

Şimdi de bir çerçeve ekleyerek çerçeve içerisine buton ekleyelim.

Page.xaml kodumuz aşağıdaki gibi olacak:

<Grid x:Name="LayoutRoot">

        <Grid.Background>

            <SolidColorBrush Color ="#CCCCFF" />

        </Grid.Background>

        <Border Margin="100 " Padding=" 5" Background="LightYellow"

                BorderBrush="SteelBlue" BorderThickness=" 5" CornerRadius=" 10">

            <Button Margin=" 2" Content=" Tıkla" ></Button>

        </Border>               

</Grid>

Kodumuzu çalıştırdığımızda ekran görüntüsünün aşağıdaki gibi olduğunu görürüz:

Renk paletinde RGB metodunu kullanarak kırmızı, yeşil ve mavi renklerin karışımını kullanarak çeşitli renkler elde edebiliriz.  Yukarıdaki tablomuzu kullanarak kavuniçi rengi elde edelim. Kodumuz aşağıdaki gibi olacak:

private void Button_Click(object sender, RoutedEventArgs e)

        {

            byte a=100;byte kırmızı = 255; byte yesil = 204; byte mavi = 0;

            LayoutRoot.Background = new SolidColorBrush(Color.FromArgb (a,kırmızı, yesil, mavi));  

        }

Projemizi çalıştırıp butonu tıkladığımızda zemin rengi değişerek aşağıdaki hali alacaktır: