Odtnhj

So I have created a design with sliders, scrollBars and IntegerUpDowns which all binded togheter move at the same time and have the same value. I have for of each, one for each ARGB. I have a stackPanel in the center which BackgroundColor should change while any of the Tools is modified.

As far as I thought about it, I just need to know one of the tools values in order to set the background through the data they deliver... But how can I implement that ?

So far I have coded this:

public partial class MainWindow : Window

 SolidColorBrush brush;

 public MainWindow()
 
 InitializeComponent();

 brush = new SolidColorBrush();
 brush.Color = Color.FromArgb(0, 0, 0, 0);
 stkColor.Background = brush;
 

 private void scbScrollA_Scroll(object sender, System.Windows.Controls.Primitives.ScrollEventArgs e)
 
 brush.Color.A = scbScrollA.Value(); //doesn't work
 

 private void scbScrollR_Scroll(object sender, System.Windows.Controls.Primitives.ScrollEventArgs e)
 

 

 private void scbScrollG_Scroll(object sender, System.Windows.Controls.Primitives.ScrollEventArgs e)
 

 

 private void scbScrollB_Scroll(object sender, System.Windows.Controls.Primitives.ScrollEventArgs e)
 

 

As I said, just by knowing the scroll data, because I have used Bindings with all the other tools, I could manage to set the color and refresh every single time any data is modified.

The bindings I have:

<xctk:IntegerUpDown Grid.Column="7" Grid.Row="0" x:Name="iudB" Increment="10" Minimum="0" Maximum="255"
 Value="Binding ElementName=scbScrollB, Path=Value"
 />

<ScrollBar Grid.Column="1" Grid.Row="6" Grid.RowSpan="2" Width="Auto" Orientation="Horizontal" 
 Minimum="0" Maximum="255" x:Name="scbScrollB" 
 Scroll="scbScrollB_Scroll" SmallChange="1" 
 LargeChange="10" Value="Binding ElementName=sliderB, Path=Value"
 />

<Slider 
 Grid.Column="6" Grid.Row="1" Grid.RowSpan="1"
 Orientation="Vertical"
 LargeChange="10" 
 Maximum="255" 
 SmallChange="1" 
 TickPlacement="TopLeft" 
 Minimum="0" 
 TickFrequency="25"
 x:Name="sliderB"
 />

The slider doesn't have binding because as far as I know they are bi-directional. None of them gives error.

Create a view model with four byte properties for the four components of a Color, and a Color property for the resulting color value.

public class ViewModel : INotifyPropertyChanged

 public event PropertyChangedEventHandler PropertyChanged;

 private byte alpha;
 private byte red;
 private byte green;
 private byte blue;

 private void NotifyPropertyChanged(string propertyName)
 
 PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
 

 private void SetColorComponent(ref byte field, byte value, string propertyName)
 
 if (field != value)
 
 field = value;
 NotifyPropertyChanged(propertyName);
 NotifyPropertyChanged(nameof(Color));
 
 

 public byte Alpha
 
 get return alpha; 
 set SetColorComponent(ref alpha, value, nameof(Alpha)); 
 

 public byte Red
 
 get return red; 
 set SetColorComponent(ref red, value, nameof(Red)); 
 

 public byte Green
 
 get return green; 
 set SetColorComponent(ref green, value, nameof(Green)); 
 

 public byte Blue
 
 get return blue; 
 set SetColorComponent(ref blue, value, nameof(Blue)); 
 

 public Color Color
 
 get return Color.FromArgb(alpha, red, green, blue); 
 

Assign an instance of the view model to the DataContext of the window and bind the Sliders, ScrollBars, etc. to the view model properties.

<Window ...>
 <Window.DataContext>
 <local:ViewModel/>
 </Window.DataContext>
 <StackPanel>
 <StackPanel.Background>
 <SolidColorBrush Color="Binding Color"/>
 </StackPanel.Background>

 <Slider Minimum="0" Maximum="255" Value="Binding Alpha"/>
 <Slider Minimum="0" Maximum="255" Value="Binding Red"/>
 <Slider Minimum="0" Maximum="255" Value="Binding Green"/>
 <Slider Minimum="0" Maximum="255" Value="Binding Blue"/>

 <ScrollBar Minimum="0" Maximum="255" Value="Binding Alpha" Orientation="Horizontal"/>
 <ScrollBar Minimum="0" Maximum="255" Value="Binding Red" Orientation="Horizontal"/>
 <ScrollBar Minimum="0" Maximum="255" Value="Binding Green" Orientation="Horizontal"/>
 <ScrollBar Minimum="0" Maximum="255" Value="Binding Blue" Orientation="Horizontal"/>
 </StackPanel>
</Window>