dan/Walleby
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP OverflowListBox

Browse Source
This commit is contained in:
TheXamlGuy
2024-07-08 23:13:27 +01:00
parent afa72d8e14
commit bbed5fa946
1 changed files with 30 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Wallet.Avalonia/MainView.axaml
+30 -28
View File
@@ -36,15 +36,14 @@
</NavigationView.PaneHeader> </NavigationView.PaneHeader>
<NavigationView.PaneCustomContent> <NavigationView.PaneCustomContent>
<Grid RowDefinitions="*,Auto"> <Grid RowDefinitions="*,Auto">
<ListBox <OverflowListBox
x:Name="ListBox" x:Name="ListBox"
Grid.Row="0" Grid.Row="0"
Margin="1,2,1,0"
HorizontalAlignment="Center" HorizontalAlignment="Center"
ItemTemplate="{ReflectionBinding Template}" ItemTemplate="{ReflectionBinding Template}"
ItemsSource="{Binding}" ItemsSource="{Binding}"
SelectedItem="{Binding SelectedItem}"> SelectedItem="{Binding SelectedItem, Mode=TwoWay}">
<ListBox.Resources> <OverflowListBox.Resources>
<StaticResource x:Key="ListViewItemBackgroundSelected" ResourceKey="SubtleFillColorTransparentBrush" /> <StaticResource x:Key="ListViewItemBackgroundSelected" ResourceKey="SubtleFillColorTransparentBrush" />
<x:Double x:Key="WalletItemSize">40</x:Double> <x:Double x:Key="WalletItemSize">40</x:Double>
<CornerRadius x:Key="WalletItemCornerRadius">40</CornerRadius> <CornerRadius x:Key="WalletItemCornerRadius">40</CornerRadius>
@@ -147,32 +146,35 @@
</Style> </Style>
</Style> </Style>
</ControlTheme> </ControlTheme>
</ListBox.Resources> </OverflowListBox.Resources>
<ListBox.ItemsPanel> <OverflowListBox.Styles>
<Style Selector="OverflowListBox.Closed">
<Setter Property="Margin" Value="1,2,1,0" />
<Style Selector="^ StackPanel">
<Setter Property="Orientation" Value="Vertical" />
</Style>
</Style>
<Style Selector="OverflowListBox.Opened">
<Setter Property="Margin" Value="12,2,12,0" />
<Style Selector="^ StackPanel">
<Setter Property="Orientation" Value="Horizontal" />
</Style>
</Style>
</OverflowListBox.Styles>
<OverflowListBox.ItemsPanel>
<ItemsPanelTemplate> <ItemsPanelTemplate>
<StackPanel Spacing="6"> <StackPanel Spacing="6" />
<StackPanel.Styles>
<Style Selector="StackPanel.Closed">
<Setter Property="Orientation" Value="Vertical" />
</Style>
<Style Selector="StackPanel.Opened">
<Setter Property="Orientation" Value="Horizontal" />
</Style>
</StackPanel.Styles>
<Interaction.Behaviors>
<DataTriggerBehavior Binding="{Binding $parent[NavigationView].IsPaneOpen}" Value="True">
<AddClassAction ClassName="Opened" RemoveIfExists="True" />
<RemoveClassAction ClassName="Closed" />
</DataTriggerBehavior>
<DataTriggerBehavior Binding="{Binding $parent[NavigationView].IsPaneOpen}" Value="False">
<AddClassAction ClassName="Closed" RemoveIfExists="True" />
<RemoveClassAction ClassName="Opened" />
</DataTriggerBehavior>
</Interaction.Behaviors>
</StackPanel>
</ItemsPanelTemplate> </ItemsPanelTemplate>
</ListBox.ItemsPanel> </OverflowListBox.ItemsPanel>
<Interaction.Behaviors> <Interaction.Behaviors>
<DataTriggerBehavior Binding="{Binding $parent[NavigationView].IsPaneOpen}" Value="True">
<AddClassAction ClassName="Opened" RemoveIfExists="True" />
<RemoveClassAction ClassName="Closed" />
</DataTriggerBehavior>
<DataTriggerBehavior Binding="{Binding $parent[NavigationView].IsPaneOpen}" Value="False">
<AddClassAction ClassName="Closed" RemoveIfExists="True" />
<RemoveClassAction ClassName="Opened" />
</DataTriggerBehavior>
<DataTriggerBehavior Binding="{Binding $parent[NavigationView].SelectedItem, Converter={NamedTypeConverter}}" Value="ManageNavigationViewModel"> <DataTriggerBehavior Binding="{Binding $parent[NavigationView].SelectedItem, Converter={NamedTypeConverter}}" Value="ManageNavigationViewModel">
<ChangePropertyAction <ChangePropertyAction
PropertyName="SelectedItem" PropertyName="SelectedItem"
@@ -180,7 +182,7 @@
Value="{x:Null}" /> Value="{x:Null}" />
</DataTriggerBehavior> </DataTriggerBehavior>
</Interaction.Behaviors> </Interaction.Behaviors>
</ListBox> </OverflowListBox>
<NavigationViewItemSeparator Grid.Row="1" /> <NavigationViewItemSeparator Grid.Row="1" />
</Grid> </Grid>
</NavigationView.PaneCustomContent> </NavigationView.PaneCustomContent>