mirror of
https://git.ryujinx.app/ryubing/ryujinx.git
synced 2025-06-28 04:36:23 +02:00
feat(ui): improve Amiibo selection UX
Add a list of available Amiibos to the left of the Amiibo image and remove the upper right Amiibo selector for a smoother UX
This commit is contained in:
parent
844b1d8b9a
commit
c2a9e806e8
1 changed files with 18 additions and 12 deletions
|
@ -47,19 +47,25 @@
|
||||||
<TextBlock VerticalAlignment="Center" Text="{ext:Locale AmiiboSeriesLabel}" />
|
<TextBlock VerticalAlignment="Center" Text="{ext:Locale AmiiboSeriesLabel}" />
|
||||||
<ComboBox SelectedIndex="{Binding SeriesSelectedIndex}" ItemsSource="{Binding AmiiboSeries}" MinWidth="100" />
|
<ComboBox SelectedIndex="{Binding SeriesSelectedIndex}" ItemsSource="{Binding AmiiboSeries}" MinWidth="100" />
|
||||||
</StackPanel>
|
</StackPanel>
|
||||||
<StackPanel Spacing="10" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Right">
|
|
||||||
<TextBlock VerticalAlignment="Center" Text="{ext:Locale AmiiboCharacterLabel}" />
|
|
||||||
<ComboBox SelectedIndex="{Binding AmiiboSelectedIndex}" MinWidth="100" ItemsSource="{Binding AmiiboList}" />
|
|
||||||
</StackPanel>
|
|
||||||
</Grid>
|
</Grid>
|
||||||
<StackPanel Margin="20" Grid.Row="2">
|
<DockPanel Grid.Row="2">
|
||||||
<Image Source="{Binding AmiiboImage}" Height="350" Width="350" HorizontalAlignment="Center" />
|
<ListBox
|
||||||
|
DockPanel.Dock="Left"
|
||||||
|
Width="300"
|
||||||
|
Margin="20"
|
||||||
|
SelectionMode="Single"
|
||||||
|
ItemsSource="{Binding AmiiboList}"
|
||||||
|
SelectedIndex="{Binding AmiiboSelectedIndex}">
|
||||||
|
</ListBox>
|
||||||
|
<StackPanel Margin="20">
|
||||||
|
<Image Source="{Binding AmiiboImage}" Height="350" Width="150" HorizontalAlignment="Center" />
|
||||||
<ScrollViewer MaxHeight="120" HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto"
|
<ScrollViewer MaxHeight="120" HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto"
|
||||||
Margin="20" VerticalAlignment="Top" HorizontalAlignment="Stretch">
|
Margin="20" VerticalAlignment="Top" HorizontalAlignment="Stretch">
|
||||||
<TextBlock TextWrapping="Wrap" Text="{Binding Usage}" HorizontalAlignment="Center"
|
<TextBlock TextWrapping="Wrap" Text="{Binding Usage}" HorizontalAlignment="Center"
|
||||||
TextAlignment="Center" />
|
TextAlignment="Center" />
|
||||||
</ScrollViewer>
|
</ScrollViewer>
|
||||||
</StackPanel>
|
</StackPanel>
|
||||||
|
</DockPanel>
|
||||||
<Grid Grid.Row="3" ColumnDefinitions="Auto,Auto,*,Auto,Auto">
|
<Grid Grid.Row="3" ColumnDefinitions="Auto,Auto,*,Auto,Auto">
|
||||||
<CheckBox Margin="10" Grid.Column="0" VerticalContentAlignment="Center"
|
<CheckBox Margin="10" Grid.Column="0" VerticalContentAlignment="Center"
|
||||||
IsChecked="{Binding ShowAllAmiibo}"
|
IsChecked="{Binding ShowAllAmiibo}"
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue