|
1 | 1 | <?xml version="1.0" encoding="utf-8" ?> |
2 | | -<ContentPage |
| 2 | +<ContentPage |
3 | 3 | xmlns="http://schemas.microsoft.com/dotnet/2021/maui" |
4 | 4 | xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" |
5 | 5 | x:Class="AlohaKit.Gallery.SliderView" |
6 | 6 | xmlns:controls="clr-namespace:AlohaKit.Controls;assembly=AlohaKit" |
7 | 7 | Title="Slider"> |
8 | 8 | <ContentPage.Resources> |
9 | 9 | <ResourceDictionary> |
10 | | - |
| 10 | + |
11 | 11 | <Style x:Key="SettingsTextStyle" TargetType="Label"> |
12 | 12 | <Setter Property="FontSize" Value="9" /> |
13 | 13 | </Style> |
|
17 | 17 | <Setter Property="WidthRequest" Value="80" /> |
18 | 18 | <Setter Property="Margin" Value="6, 0" /> |
19 | 19 | </Style> |
20 | | - |
| 20 | + |
21 | 21 | </ResourceDictionary> |
22 | 22 | </ContentPage.Resources> |
23 | 23 | <Grid> |
|
34 | 34 | Text="Slider is a horizontal bar that can be manipulated by the user to select a double value from a continuous range."/> |
35 | 35 | </StackLayout> |
36 | 36 | <!-- FEATURES --> |
37 | | - <StackLayout |
| 37 | + <StackLayout |
38 | 38 | Grid.Row="1" |
39 | 39 | BackgroundColor="{AppThemeBinding Light={StaticResource LightBackgroundSecondaryColor}, Dark={StaticResource DarkBackgroundSecondaryColor}}" |
40 | 40 | Style="{StaticResource SectionContainerStyle}"> |
|
48 | 48 | <StackLayout |
49 | 49 | Grid.Row="2" |
50 | 50 | Style="{StaticResource SectionContainerStyle}"> |
51 | | - <Label |
| 51 | + <Label |
52 | 52 | Text="Settings" |
53 | 53 | Style="{StaticResource SectionTitleStyle}"/> |
54 | 54 | <StackLayout |
|
64 | 64 | Text="#DD5E89" |
65 | 65 | TextChanged="OnMinimumBrushStartColorEntryTextChanged" |
66 | 66 | Style="{StaticResource SettingsEntryStyle}"/> |
67 | | - <Label |
| 67 | + <Label |
68 | 68 | Text="MinimumBrush End Color" |
69 | 69 | VerticalOptions="Center" |
70 | 70 | Style="{StaticResource SettingsTextStyle}"/> |
71 | | - <Entry |
| 71 | + <Entry |
72 | 72 | x:Name="MinimumBrushEndColorEntry" |
73 | 73 | Placeholder="MinimumBrush" |
74 | 74 | Text="#F7BB97" |
|
78 | 78 | <StackLayout |
79 | 79 | Orientation="Horizontal" |
80 | 80 | Margin="0, 6"> |
81 | | - <Label |
| 81 | + <Label |
82 | 82 | Text="MaximumBrush Start Color" |
83 | 83 | VerticalOptions="Center" |
84 | 84 | Style="{StaticResource SettingsTextStyle}"/> |
|
88 | 88 | Text="#CC2B5E" |
89 | 89 | TextChanged="OnMaximumBrushStartColorEntryTextChanged" |
90 | 90 | Style="{StaticResource SettingsEntryStyle}"/> |
91 | | - <Label |
| 91 | + <Label |
92 | 92 | Text="MaximumBrush End Color" |
93 | 93 | VerticalOptions="Center" |
94 | 94 | Style="{StaticResource SettingsTextStyle}"/> |
95 | | - <Entry |
| 95 | + <Entry |
96 | 96 | x:Name="MaximumBrushEndColorEntry" |
97 | 97 | Placeholder="Color" |
98 | 98 | Text="#753A88" |
|
102 | 102 | <StackLayout |
103 | 103 | Orientation="Horizontal" |
104 | 104 | Margin="0, 6"> |
105 | | - <Label |
| 105 | + <Label |
106 | 106 | Text="ThumbBrush Start Color" |
107 | 107 | VerticalOptions="Center" |
108 | 108 | Style="{StaticResource SettingsTextStyle}"/> |
|
112 | 112 | Text="#CCCCCC" |
113 | 113 | TextChanged="OnThumbBrushStartColorEntryTextChanged" |
114 | 114 | Style="{StaticResource SettingsEntryStyle}"/> |
115 | | - <Label |
| 115 | + <Label |
116 | 116 | Text="ThumbBrush End Color" |
117 | 117 | VerticalOptions="Center" |
118 | 118 | Style="{StaticResource SettingsTextStyle}"/> |
119 | | - <Entry |
| 119 | + <Entry |
120 | 120 | x:Name="ThumbBrushEndColorEntry" |
121 | 121 | Placeholder="ThumbBrush" |
122 | 122 | Text="#BDC3C7" |
123 | 123 | TextChanged="OnThumbBrushEndColorEntryTextChanged" |
124 | 124 | Style="{StaticResource SettingsEntryStyle}"/> |
125 | 125 | </StackLayout> |
126 | 126 | </StackLayout> |
127 | | - <controls:Slider |
128 | | - Grid.Row="3" |
129 | | - x:Name="Slider" /> |
| 127 | + <VerticalStackLayout Grid.Row="3"> |
| 128 | + <Label HorizontalOptions="Center" Text="{Binding Source={x:Reference Slider}, Path=Value}" /> |
| 129 | + <controls:Slider x:Name="Slider" /> |
| 130 | + </VerticalStackLayout> |
130 | 131 | </Grid> |
131 | 132 | </ContentPage> |
0 commit comments