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.
Bir cevap yazın