aboutsummaryrefslogtreecommitdiffstatsci
path: root/Templates/ColorPicker.template
blob: 81bb0bd185be440da07ed8f0eeeed21260aa40a3 (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
45
46
<?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="2" Spacing="0">
				<HorizontalStack Height="Fit" Width="Stretched" Spacing="2">
					<GraphicObject Width="34" Height="21" Background="{./SelectedColor}"/>
					<Label Focusable="true" Selectable="true" Width="Stretched" Text="{./HexColor}" />
				</HorizontalStack>
				<HorizontalStack Height="Fit">
					<Label Text="Red:" Width="40"/>
					<Spinner Style="ColorSpinner" Value="{²./R}" Width="60"  />
				</HorizontalStack>
				<HorizontalStack Height="Fit">
					<Label Text="Green:" Width="40"/>
					<Spinner Style="ColorSpinner" Value="{²./G}" Width="60"  />
				</HorizontalStack>
				<HorizontalStack Height="Fit">
					<Label Text="Blue:" Width="40"/>
					<Spinner Style="ColorSpinner" Value="{²./B}" Width="60"  />
				</HorizontalStack>
				<HorizontalStack Height="Fit">
					<Label Text="Alpha:" Width="40"/>
					<Spinner Style="ColorSpinner" Value="{²./A}" Width="60"  />
				</HorizontalStack>
				<HorizontalStack Height="Fit">
					<Label Text="Hue:" Width="40"/>
					<Spinner Style="HSVSpinner" Value="{²./H}" Width="60"  />
				</HorizontalStack>
				<HorizontalStack Height="Fit">
					<Label Text="Sat:" Width="40"/>
					<Spinner Style="HSVSpinner" Value="{²./S}" Width="60"  />
				</HorizontalStack>
				<HorizontalStack Height="Fit">
					<Label Text="Val:" Width="40"/>
					<Spinner Style="HSVSpinner" Value="{²./V}" Width="60"  />
				</HorizontalStack>
			</VerticalStack>
		</HorizontalStack>
</Border>