aboutsummaryrefslogtreecommitdiffstatsci
path: root/Templates/ColorPicker.template
blob: f626bfea0fe174ec0192d3d725592baa87dfd809 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<?xml version="1.0"?>
<Border Background="{./Background}"	Foreground="{./Foreground}"
		CornerRadius="{./CornerRadius}" BorderWidth="1">
		<HorizontalStack Spacing="0">
			<VerticalStack Margin="5">
				<SaturationValueSelector S="{²./S}" V="{²./V}" Focusable="true" Name="colorSelector" Margin="0"
					Foreground="{../hueSelector.HueColor}"
					Width="128" Height="128"/>
				<HueSelector Hue="{²./H}" Focusable="true" Name="hueSelector" Margin="0" Width="128" Height="20"/>
			</VerticalStack>
			<VerticalStack Margin="5" Spacing="1">
				<GraphicObject Width="34" Height="21" Background="{./SelectedColor}"/>
				<Label Focusable="true" Selectable="true" Width="Stretched" Text="{./HexColor}" />				
				<HorizontalStack Height="Fit">
					<Label Text="R" Width="Fit"/>
					<Spinner Style="ColorSpinner" Value="{²./R}" Width="40"  />
				</HorizontalStack>
				<HorizontalStack Height="Fit">
					<Label Text="G" Width="Fit"/>
					<Spinner Style="ColorSpinner" Value="{²./G}" Width="40"  />
				</HorizontalStack>
				<HorizontalStack Height="Fit">
					<Label Text="B" Width="Fit"/>
					<Spinner Style="ColorSpinner" Value="{²./B}" Width="40"  />
				</HorizontalStack>
				<HorizontalStack Height="Fit">
					<Label Text="A" Width="Fit"/>
					<Spinner Style="ColorSpinner" Value="{²./A}" Width="40"  />
				</HorizontalStack>
				<HorizontalStack Height="Fit">
					<Label Text="H" Width="Fit"/>
					<Spinner Style="HSVSpinner" Value="{²./H}" Width="40"  />
				</HorizontalStack>
				<HorizontalStack Height="Fit">
					<Label Text="S" Width="Fit"/>
					<Spinner Style="HSVSpinner" Value="{²./S}" Width="40"  />
				</HorizontalStack>
				<HorizontalStack Height="Fit">
					<Label Text="V" Width="Fit"/>
					<Spinner Style="HSVSpinner" Value="{²./V}" Width="40"  />
				</HorizontalStack>
			</VerticalStack>
		</HorizontalStack>
</Border>