WPF nesneleri renklendirme

Oluşturduğumuz hesap makinesinin butonlarını renklendiriyoruz. Eşittir butonu için de cursor kullandık.

<Window x:Class="WPFGiris.D3.MainWindow"         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"         xmlns:local="clr-namespace:WPFGiris.D3"         mc:Ignorable="d"         Title="Hesap Makinesi" Height="525" Width="350">     <Grid Margin="10">                  <Grid.ColumnDefinitions>             <ColumnDefinition Width="*"/>             <ColumnDefinition Width="*"/>             <ColumnDefinition Width="*"/>             <ColumnDefinition Width="*"/>         </Grid.ColumnDefinitions>         <Grid.RowDefinitions>             <RowDefinition Height="2*"/>             <RowDefinition Height="*"/>             <RowDefinition Height="*"/>             <RowDefinition Height="*"/>             <RowDefinition Height="*"/>             <RowDefinition Height="*"/>         </Grid.RowDefinitions>         <Label x:Name="resultLabel" Content="0" Grid.ColumnSpan="4" HorizontalAlignment="Right" VerticalAlignment="Bottom" FontSize="60"/>         <Button x:Name="acButton" Click="AcButton_Click" Content="AC" Grid.Row="1" Margin="5"/>         <Button x:Name="negativeButton" Click="NegativeButton_Click" Content="+/1" Grid.Row="1" Grid.Column="1" Margin="5"/>         <Button x:Name="percentageButton" Click="PercentageButton_Click" Content="%" Grid.Row="1" Grid.Column="2" Margin="5"/>         <Button x:Name="divisionButton" Click="OperationButton_Click" Content="/" Grid.Row="1" Grid.Column="3" Margin="5"                 Background="Orange" Foreground="White"/>         <Button x:Name="sevenButton" Click="NumberButton_Click" Background="#444444" Foreground="#FFFFFF" Content="7" Grid.Row="2" Grid.Column="0" Margin="5"/>         <Button x:Name="eightButton" Click="NumberButton_Click" Content="8" Background="#444444" Foreground="#FFFFFF"  Grid.Row="2" Grid.Column="1" Margin="5"/>         <Button x:Name="nineButton" Click="NumberButton_Click" Content="9" Background="#444444" Foreground="#FFFFFF"  Grid.Row="2" Grid.Column="2" Margin="5"/>         <Button x:Name="multiplicationButton" Click="OperationButton_Click"  Background="Orange" Foreground="White" Content="*" Grid.Row="2" Grid.Column="3" Margin="5"/>         <Button x:Name="fourButton" Click="NumberButton_Click" Content="4" Background="#444444" Foreground="#FFFFFF"  Grid.Row="3" Grid.Column="0" Margin="5"/>         <Button x:Name="fiveButton" Click="NumberButton_Click" Content="5" Background="#444444" Foreground="#FFFFFF"  Grid.Row="3" Grid.Column="1" Margin="5"/>         <Button x:Name="sixButton" Click="NumberButton_Click" Content="6" Background="#444444" Foreground="#FFFFFF"  Grid.Row="3" Grid.Column="2" Margin="5"/>         <Button x:Name="substractionButton" Click="OperationButton_Click" Background="Orange" Foreground="White" Content="-" Grid.Row="3" Grid.Column="3" Margin="5"/>         <Button x:Name="oneButton" Click="NumberButton_Click" Content="1" Background="#444444" Foreground="#FFFFFF"   Grid.Row="4" Grid.Column="0" Margin="5"/>         <Button x:Name="twoButton" Click="NumberButton_Click"  Content="2" Background="#444444" Foreground="#FFFFFF"  Grid.Row="4" Grid.Column="1" Margin="5"/>         <Button x:Name="threeButton" Click="NumberButton_Click"  Content="3" Background="#444444" Foreground="#FFFFFF"  Grid.Row="4" Grid.Column="2" Margin="5"/>         <Button x:Name="plusButton" Click="OperationButton_Click" Background="Orange" Foreground="White" Content="+" Grid.Row="4" Grid.Column="3" Margin="5"/>         <Button x:Name="zeroButton" Click="NumberButton_Click" Content="0" Grid.Row="5" Background="#444444" Foreground="#FFFFFF"  Grid.ColumnSpan="2" Margin="5"/>         <Button x:Name="dotButton" Click="DotButton_Click"  Content="." Grid.Row="5" Background="#444444" Foreground="#FFFFFF"  Grid.Column="2" Margin="5"/>         <Button x:Name="equalButton" Click="EqualButton_Click" Background="Orange" Foreground="White" Content="=" Grid.Row="5" Grid.Column="3" Margin="5" Cursor="Hand"/>     </Grid> </Window> 

Kodları detaylı incelersek:

<Button x:Name="oneButton" Click="NumberButton_Click" Content="1" Background="#444444" Foreground="#FFFFFF"   Grid.Row="4" Grid.Column="0" Margin="5"/>

Burada background butonun arka planını, foreground ise metnin font rengini belirler. Hexadecimal olarak renk kodlarını bu şekilde yazabilirsiniz. Bu size windows formun aksine grafik gücünü gösteriyor… Form bizi kısıtlıyordu.

<Button x:Name="plusButton" Click="OperationButton_Click" Background="Orange" Foreground="White" Content="+" Grid.Row="4" Grid.Column="3" Margin="5"/>

Hexadecimal renk kodlarıyla uğraşmak istemiyorsanız kütüphanede tanımlı renkleri de üstteki koddaki gibi girebilirsiniz.

<Button x:Name="equalButton" Click="EqualButton_Click" Background="Orange" Foreground="White" Content="=" Grid.Row="5" Grid.Column="3" Margin="5" Cursor="Hand"/>

Buradaki kodumuzda da Cursor kullandık Hand değerini verdik, yani fare buton üzerine geldiğinde el işaretine dönecek.