vpr/NotVPR_Remote/MainPage.xaml

108 lines
4.5 KiB
XML

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="NotVPR_Remote.MainPage"
Title="Bluetooth Remote"
BackgroundColor="Black">
<VerticalStackLayout Padding="20" Spacing="30" HorizontalOptions="Center">
<Label x:Name="StatusLabel" Text="Select Paired Device" TextColor="White" />
<Picker x:Name="DevicePicker" Title="Select Device" TextColor="White" BackgroundColor="Black" />
<Button Text="Connect" TextColor="White" BackgroundColor="Black" Clicked="OnConnectClicked" />
<!-- D-pad Grid -->
<Grid RowSpacing="10" ColumnSpacing="10" HorizontalOptions="Center">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<!-- Up -->
<RowDefinition Height="Auto" />
<!-- Main row: Left2 to Right2 -->
<RowDefinition Height="Auto" />
<!-- Down -->
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<!-- Left2 -->
<ColumnDefinition Width="Auto" />
<!-- Left1 -->
<ColumnDefinition Width="Auto" />
<!-- Center -->
<ColumnDefinition Width="Auto" />
<!-- Right1 -->
<ColumnDefinition Width="Auto" />
<!-- Right2 -->
</Grid.ColumnDefinitions>
<!-- Up -->
<Button Text="↑" FontSize="32"
TextColor="White" BackgroundColor="Black"
Clicked="OnButtonClicked"
Grid.Row="0" Grid.Column="2" />
<!-- Left2 -->
<Button Text="⇚" FontSize="32"
TextColor="White" BackgroundColor="Black"
Clicked="OnButtonClicked"
Grid.Row="1" Grid.Column="0" />
<!-- Left1 -->
<Button Text="←" FontSize="32"
TextColor="White" BackgroundColor="Black"
Clicked="OnButtonClicked"
Grid.Row="1" Grid.Column="1" />
<!-- Center -->
<Button Text="●" FontSize="32"
TextColor="White" BackgroundColor="Black"
Clicked="OnButtonClicked"
Grid.Row="1" Grid.Column="2" />
<!-- Right1 -->
<Button Text="→" FontSize="32"
TextColor="White" BackgroundColor="Black"
Clicked="OnButtonClicked"
Grid.Row="1" Grid.Column="3" />
<!-- Right2 -->
<Button Text="⇛" FontSize="32"
TextColor="White" BackgroundColor="Black"
Clicked="OnButtonClicked"
Grid.Row="1" Grid.Column="4" />
<!-- Down -->
<Button Text="↓" FontSize="32"
TextColor="White" BackgroundColor="Black"
Clicked="OnButtonClicked"
Grid.Row="2" Grid.Column="2" />
<!-- Additional controls on bottom row -->
<Button Text="Home" TextColor="White" BackgroundColor="Black" Clicked="OnButtonClicked" Grid.Row="2" Grid.Column="0" />
<Button Text="Mute" TextColor="White" BackgroundColor="Black" Clicked="OnButtonClicked" Grid.Row="2" Grid.Column="4" />
<!-- Volume controls on top row -->
<Button Text="Vol -" TextColor="White" BackgroundColor="Black" Clicked="OnButtonClicked" Grid.Row="0" Grid.Column="0" />
<Button Text="Vol +" TextColor="White" BackgroundColor="Black" Clicked="OnButtonClicked" Grid.Row="0" Grid.Column="4" />
</Grid>
<Grid HeightRequest="20">
<!-- Background progress bar -->
<ProgressBar x:Name="PlaybackProgress"
Progress="0.5"
VerticalOptions="Fill"
HorizontalOptions="Fill"
ProgressColor="Red" />
<!-- Foreground interactive slider -->
<Slider x:Name="PlaybackSlider"
Minimum="0"
Maximum="1"
Value="0.5"
ThumbColor="White"
MaximumTrackColor="Transparent"
MinimumTrackColor="Transparent"
VerticalOptions="Fill"
HorizontalOptions="Fill"
ValueChanged="PlaybackSlider_ValueChanged"/>
</Grid>
</VerticalStackLayout>
</ContentPage>