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:
