Maui_ColorPlucker/ColorPlucker/MainPage.xaml

123 lines
5.1 KiB
XML

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="ColorPlucker.MainPage">
<ContentPage.Resources>
<Color x:Key="Primary">#FF87B2</Color>
<Color x:Key="PrimaryRed">#E74646</Color>
<Color x:Key="SecondaryRed">#FFF3E2</Color>
<Color x:Key="PrimaryGreen">#49D292</Color>
<Color x:Key="SecondaryGreen">#FAF1E4</Color>
<Color x:Key="PrimaryBlue">#19A7CE</Color>
<Color x:Key="SecondaryBlue">#F6F1F1</Color>
<Color x:Key="Secondary">#916DD5</Color>
<Color x:Key="Tertiary">#D89CF6</Color>
<Color x:Key="Etc">#F0E3FF</Color>
</ContentPage.Resources>
<Grid BackgroundColor="WhiteSmoke">
<Frame Margin="10,0,10,0" VerticalOptions="Center">
<VerticalStackLayout Spacing="15" VerticalOptions="Center">
<Frame BackgroundColor="White" x:Name="Container" >
</Frame>
<Label FontAttributes="Bold"
FontSize="Large"
HorizontalTextAlignment="Center"
Text="Color Plucker"/>
<!-- Random Color -->
<Button x:Name="btnRandom"
BackgroundColor="{StaticResource Primary}"
TextColor="White"
Text="Generate Random Color"
Clicked="btnRandom_Clicked"/>
<!-- Sliders -->
<Label Text="Red Value:" />
<Slider x:Name="sldRed"
ValueChanged="sld_ValueChanged"
ThumbColor="White"
MaximumTrackColor="{StaticResource SecondaryRed}"
MinimumTrackColor="{StaticResource PrimaryRed}" />
<Label Text="Green Value:" />
<Slider x:Name="sldGreen"
ValueChanged="sld_ValueChanged"
ThumbColor="White"
MaximumTrackColor="{StaticResource SecondaryGreen}"
MinimumTrackColor="{StaticResource PrimaryGreen}" />
<Label Text="Blue Value:" />
<Slider x:Name="sldBlue"
ValueChanged="sld_ValueChanged"
ThumbColor="White"
MaximumTrackColor="{StaticResource SecondaryBlue}"
MinimumTrackColor="{StaticResource PrimaryBlue}" />
<!-- HEX Reader + Save -->
<Frame CornerRadius="25" HorizontalOptions="Center">
<HorizontalStackLayout>
<Label x:Name="lblHex"
HorizontalTextAlignment="End"
Text="HEX Value: #000000"
VerticalOptions="Center"/>
<Button Margin="10,0,0,0"
HeightRequest="25"
VerticalOptions="Center"
Text="Save"
TextColor="Black"
Clicked="Button_Clicked"/>
</HorizontalStackLayout>
</Frame>
<!-- Saved Palette Colors -->
<HorizontalStackLayout
HorizontalOptions="CenterAndExpand"
>
<VerticalStackLayout>
<Frame BackgroundColor="White" x:Name="ColorSave1"
>
</Frame>
<Button x:Name="Save1"
BackgroundColor="{StaticResource Primary}"
TextColor="White"
Text="Save Color"
Clicked="Save1_Clicked"/>
</VerticalStackLayout>
<VerticalStackLayout>
<Frame BackgroundColor="White" x:Name="ColorSave2" >
</Frame>
<Button x:Name="Save2"
BackgroundColor="{StaticResource Primary}"
TextColor="White"
Text="Save Color"
Clicked="Save2_Clicked"/>
</VerticalStackLayout>
<VerticalStackLayout>
<Frame BackgroundColor="White" x:Name="ColorSave3" >
</Frame>
<Button x:Name="Save3"
BackgroundColor="{StaticResource Primary}"
TextColor="White"
Text="Save Color"
Clicked="Save3_Clicked"/>
</VerticalStackLayout>
</HorizontalStackLayout>
</VerticalStackLayout>
</Frame>
</Grid>
</ContentPage>