Oluşturacağımız uygulamanın tasarım görünümü;
Burada bir adet elips 3 adet slider eklendi.(Slider toolbox ekranında mevcuttur.)
Bir tane fonksiyon tanımlayıp renk kodunu yazmamız gerekiyor.
Sliderlere ayrı ayrı tıklayarak şu kodları yazıyoruz.
Uygulamamızı çalıştırıyoruz;
Görüldüğü gibi her bir slideri çalıştırdığımızda renkler değiştirilecektir.
Şeklinde olacaktır.
ÇALIŞMA KODLARI
mainpage.xaml
<Grid x:Name="LayoutRoot" Background="White">
<Ellipse x:Name="elips" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="161" Stroke="Black" VerticalAlignment="Top" Width="172" Margin="107,10,0,0"/>
<Slider x:Name="slider3" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,261,0,0" Width="400" Background="#FFDA2323" Maximum="255" ValueChanged="Slider_ValueChanged_2"/>
<Slider x:Name="slider2" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,224,0,0" Width="399" Height="15" Background="#FF4FE463" Maximum="255" ValueChanged="Slider_ValueChanged_1"/>
<Slider x:Name="slider1" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,188,0,0" Width="400" Background="#FFE89928" Maximum="255" ValueChanged="Slider_ValueChanged"/>
</Grid>
mainpage.xaml.cs
private void renkdegis()
{
Color renk = Color.FromArgb(255, Convert.ToByte(slider1.Value), Convert.ToByte(slider2.Value), Convert.ToByte(slider3.Value));
elips.Fill = new SolidColorBrush(renk);
}
private void Slider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
{
renkdegis();
}
private void Slider_ValueChanged_1(object sender, RoutedPropertyChangedEventArgs<double> e)
{
renkdegis();
}
private void Slider_ValueChanged_2(object sender, RoutedPropertyChangedEventArgs<double> e)
{
renkdegis();
}
Burada bir adet elips 3 adet slider eklendi.(Slider toolbox ekranında mevcuttur.)
Bir tane fonksiyon tanımlayıp renk kodunu yazmamız gerekiyor.
Sliderlere ayrı ayrı tıklayarak şu kodları yazıyoruz.
Uygulamamızı çalıştırıyoruz;
Görüldüğü gibi her bir slideri çalıştırdığımızda renkler değiştirilecektir.
ÇALIŞMA KODLARI
mainpage.xaml
<Grid x:Name="LayoutRoot" Background="White">
<Ellipse x:Name="elips" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="161" Stroke="Black" VerticalAlignment="Top" Width="172" Margin="107,10,0,0"/>
<Slider x:Name="slider3" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,261,0,0" Width="400" Background="#FFDA2323" Maximum="255" ValueChanged="Slider_ValueChanged_2"/>
<Slider x:Name="slider2" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,224,0,0" Width="399" Height="15" Background="#FF4FE463" Maximum="255" ValueChanged="Slider_ValueChanged_1"/>
<Slider x:Name="slider1" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,188,0,0" Width="400" Background="#FFE89928" Maximum="255" ValueChanged="Slider_ValueChanged"/>
</Grid>
mainpage.xaml.cs
private void renkdegis()
{
Color renk = Color.FromArgb(255, Convert.ToByte(slider1.Value), Convert.ToByte(slider2.Value), Convert.ToByte(slider3.Value));
elips.Fill = new SolidColorBrush(renk);
}
private void Slider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
{
renkdegis();
}
private void Slider_ValueChanged_1(object sender, RoutedPropertyChangedEventArgs<double> e)
{
renkdegis();
}
private void Slider_ValueChanged_2(object sender, RoutedPropertyChangedEventArgs<double> e)
{
renkdegis();
}
Yorumlar
Yorum Gönder