52269964b6
This introduces the somewhat completed version of the Player Select Applet, allowing users to select either a user or a guest from the UI. Note: Selecting the guest more then once currently does not work. closes https://github.com/Ryubing/Ryujinx/issues/532
122 lines
5.1 KiB
XML
122 lines
5.1 KiB
XML
<UserControl
|
|
x:Class="Ryujinx.Ava.UI.Applet.UserSelectorDialog"
|
|
xmlns="https://github.com/avaloniaui"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
xmlns:helpers="clr-namespace:Ryujinx.Ava.UI.Helpers"
|
|
xmlns:models="clr-namespace:Ryujinx.Ava.UI.Models"
|
|
xmlns:viewModels="clr-namespace:Ryujinx.Ava.UI.ViewModels"
|
|
d:DesignHeight="450"
|
|
MinWidth="500"
|
|
d:DesignWidth="800"
|
|
mc:Ignorable="d"
|
|
Focusable="True"
|
|
x:DataType="viewModels:UserSelectorDialogViewModel">
|
|
|
|
<UserControl.Resources>
|
|
<helpers:BitmapArrayValueConverter x:Key="ByteImage" />
|
|
</UserControl.Resources>
|
|
|
|
<Design.DataContext>
|
|
<viewModels:UserSelectorDialogViewModel />
|
|
</Design.DataContext>
|
|
|
|
<Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition />
|
|
<RowDefinition Height="Auto" />
|
|
</Grid.RowDefinitions>
|
|
|
|
<Border
|
|
CornerRadius="5"
|
|
BorderBrush="{DynamicResource AppListHoverBackgroundColor}"
|
|
BorderThickness="1">
|
|
|
|
<ListBox
|
|
MaxHeight="300"
|
|
HorizontalAlignment="Stretch"
|
|
VerticalAlignment="Center"
|
|
Background="Transparent"
|
|
ItemsSource="{Binding Profiles}"
|
|
SelectionChanged="ProfilesList_SelectionChanged">
|
|
|
|
<ListBox.ItemsPanel>
|
|
<ItemsPanelTemplate>
|
|
<WrapPanel
|
|
HorizontalAlignment="Left"
|
|
VerticalAlignment="Center"
|
|
Orientation="Horizontal" />
|
|
</ItemsPanelTemplate>
|
|
</ListBox.ItemsPanel>
|
|
|
|
<ListBox.Styles>
|
|
<Style Selector="ListBoxItem">
|
|
<Setter Property="Margin" Value="5 5 0 5" />
|
|
<Setter Property="CornerRadius" Value="5" />
|
|
</Style>
|
|
<Style Selector="Rectangle#SelectionIndicator">
|
|
<Setter Property="Opacity" Value="0" />
|
|
</Style>
|
|
</ListBox.Styles>
|
|
|
|
<ListBox.DataTemplates>
|
|
<DataTemplate
|
|
DataType="models:UserProfile">
|
|
<Grid
|
|
PointerEntered="Grid_PointerEntered"
|
|
PointerExited="Grid_OnPointerExited">
|
|
<Border
|
|
HorizontalAlignment="Stretch"
|
|
VerticalAlignment="Stretch"
|
|
ClipToBounds="True"
|
|
CornerRadius="5"
|
|
Background="{Binding BackgroundColor}">
|
|
<StackPanel
|
|
HorizontalAlignment="Stretch"
|
|
VerticalAlignment="Stretch">
|
|
<Image
|
|
Width="96"
|
|
Height="96"
|
|
HorizontalAlignment="Stretch"
|
|
VerticalAlignment="Top"
|
|
Source="{Binding Image, Converter={StaticResource ByteImage}}" />
|
|
<TextBlock
|
|
HorizontalAlignment="Stretch"
|
|
MaxWidth="90"
|
|
Text="{Binding Name}"
|
|
TextAlignment="Center"
|
|
TextWrapping="Wrap"
|
|
TextTrimming="CharacterEllipsis"
|
|
MaxLines="2"
|
|
Margin="5" />
|
|
</StackPanel>
|
|
</Border>
|
|
</Grid>
|
|
</DataTemplate>
|
|
<DataTemplate
|
|
DataType="viewModels:BaseModel">
|
|
<Panel
|
|
Height="118"
|
|
Width="96">
|
|
<Panel.Styles>
|
|
<Style Selector="Panel">
|
|
<Setter Property="Background" Value="{DynamicResource ListBoxBackground}" />
|
|
</Style>
|
|
</Panel.Styles>
|
|
</Panel>
|
|
</DataTemplate>
|
|
</ListBox.DataTemplates>
|
|
</ListBox>
|
|
</Border>
|
|
|
|
<StackPanel
|
|
Grid.Row="1"
|
|
Margin="0 24 0 0"
|
|
HorizontalAlignment="Left"
|
|
Orientation="Horizontal"
|
|
Spacing="10">
|
|
</StackPanel>
|
|
</Grid>
|
|
</UserControl>
|