[WIP] Allow theming of AbsUI controls

This commit is contained in:
Yoshi Askharoun
2024-05-17 02:43:06 -05:00
parent c5ef203009
commit b8071028f1
3 changed files with 20 additions and 16 deletions
@@ -17,7 +17,9 @@
<convertvis:InverseBoolToVisibilityConverter x:Key="InverseBoolToVisibilityConverter"/> <convertvis:InverseBoolToVisibilityConverter x:Key="InverseBoolToVisibilityConverter"/>
<convertvis:NotNullOrEmptyToVisibilityConverter x:Key="NotNullOrEmptyToVisibilityConverter"/> <convertvis:NotNullOrEmptyToVisibilityConverter x:Key="NotNullOrEmptyToVisibilityConverter"/>
<converters:SelectionChangedEventArgsToClickedItemConverter x:Key="SelectionChangedEventArgsToClickedItemConverter" /> <converters:SelectionChangedEventArgsToClickedItemConverter x:Key="SelectionChangedEventArgsToClickedItemConverter" />
<SolidColorBrush x:Key="AbstractDataListItemBorderBrush" Color="Gray" />
<DataTemplate x:Key="DefaultAbstractDataListListTemplate" DataType="abstractUI:AbstractDataListViewModel"> <DataTemplate x:Key="DefaultAbstractDataListListTemplate" DataType="abstractUI:AbstractDataListViewModel">
<ListView x:Name="PrimaryListView" ItemsSource="{Binding Items}" SelectionMode="Single" Margin="10"> <ListView x:Name="PrimaryListView" ItemsSource="{Binding Items}" SelectionMode="Single" Margin="10">
<behaviors:Interaction.Triggers> <behaviors:Interaction.Triggers>
@@ -102,7 +104,9 @@
</DataTemplate> </DataTemplate>
<DataTemplate x:Key="DefaultAbstractDataListGridTemplate" DataType="abstractUI:AbstractDataListViewModel"> <DataTemplate x:Key="DefaultAbstractDataListGridTemplate" DataType="abstractUI:AbstractDataListViewModel">
<ListView SelectionMode="Single" ItemsSource="{Binding Items}"> <ListView SelectionMode="Single" ItemsSource="{Binding Items}"
Background="Transparent" Foreground="{DynamicResource ZuneMediumTextBrush}"
BorderThickness="0">
<behaviors:Interaction.Triggers> <behaviors:Interaction.Triggers>
<behaviors:EventTrigger EventName="SelectionChanged"> <behaviors:EventTrigger EventName="SelectionChanged">
<behaviors:InvokeCommandAction Command="{Binding ItemTappedCommand}" EventArgsConverter="{StaticResource SelectionChangedEventArgsToClickedItemConverter}" /> <behaviors:InvokeCommandAction Command="{Binding ItemTappedCommand}" EventArgsConverter="{StaticResource SelectionChangedEventArgsToClickedItemConverter}" />
@@ -140,7 +144,7 @@
<ColumnDefinition Width="Auto" /> <ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions> </Grid.ColumnDefinitions>
<Border BorderBrush="White" BorderThickness="1"> <Border BorderBrush="{DynamicResource AbstractDataListItemBorderBrush}" BorderThickness="1">
<Grid Height="150" Width="150" Grid.ColumnSpan="2"> <Grid Height="150" Width="150" Grid.ColumnSpan="2">
<TextBlock Text="{Binding IconCode}" FontFamily="Segoe MDL2 Assets" FontSize="34" <TextBlock Text="{Binding IconCode}" FontFamily="Segoe MDL2 Assets" FontSize="34"
VerticalAlignment="Center" HorizontalAlignment="Center"/> VerticalAlignment="Center" HorizontalAlignment="Center"/>
@@ -165,8 +169,8 @@
</Border> </Border>
<TextBlock x:Name="SubtitleTextBlock" Grid.Row="2" Grid.ColumnSpan="2" <TextBlock x:Name="SubtitleTextBlock" Grid.Row="2" Grid.ColumnSpan="2"
Text="{Binding Subtitle}" Text="{Binding Subtitle}"
FontSize="12" FontWeight="Light" Opacity="0.5" TextTrimming="CharacterEllipsis" /> FontSize="12" FontWeight="Light" Opacity="0.5" TextTrimming="CharacterEllipsis" />
</Grid> </Grid>
</DataTemplate> </DataTemplate>
</ListView.ItemTemplate> </ListView.ItemTemplate>
@@ -64,16 +64,6 @@
</controls:AbstractUIGroupItemTemplateSelector.ElementGroupTemplate> </controls:AbstractUIGroupItemTemplateSelector.ElementGroupTemplate>
</controls:AbstractUIGroupItemTemplateSelector> </controls:AbstractUIGroupItemTemplateSelector>
<Style x:Key="AbstractUICollectionTitleStyle" TargetType="TextBlock">
<Setter Property="FontSize" Value="30"/>
</Style>
<Style x:Key="AbstractUICollectionSubtitleStyle" TargetType="TextBlock">
<Setter Property="FontSize" Value="18"/>
<Setter Property="FontWeight" Value="Light"/>
<Setter Property="Opacity" Value="0.5"/>
</Style>
<DataTemplate x:Key="DefaultAbstractUICollectionTemplate" DataType="abstractUIVm:AbstractUICollectionViewModel"> <DataTemplate x:Key="DefaultAbstractUICollectionTemplate" DataType="abstractUIVm:AbstractUICollectionViewModel">
<StackPanel Margin="10,20"> <StackPanel Margin="10,20">
@@ -5,8 +5,18 @@
<core:Double x:Key="DefaultAbstractUITitleFontSize">24</core:Double> <core:Double x:Key="DefaultAbstractUITitleFontSize">24</core:Double>
<core:Double x:Key="DefaultAbstractUISubtitleFontSize">16</core:Double> <core:Double x:Key="DefaultAbstractUISubtitleFontSize">18</core:Double>
<FontWeight x:Key="DefaultAbstractUISubtitleFontWeight">Light</FontWeight> <FontWeight x:Key="DefaultAbstractUISubtitleFontWeight">Light</FontWeight>
<core:Double x:Key="DefaultAbstractUISubtitleOpacity">0.5</core:Double> <core:Double x:Key="DefaultAbstractUISubtitleOpacity">0.5</core:Double>
<Style x:Key="AbstractUICollectionTitleStyle" TargetType="TextBlock">
<Setter Property="FontSize" Value="{DynamicResource DefaultAbstractUITitleFontSize}"/>
</Style>
<Style x:Key="AbstractUICollectionSubtitleStyle" TargetType="TextBlock">
<Setter Property="FontSize" Value="{StaticResource DefaultAbstractUISubtitleFontSize}"/>
<Setter Property="FontWeight" Value="{StaticResource DefaultAbstractUISubtitleFontWeight}"/>
<Setter Property="Opacity" Value="{StaticResource DefaultAbstractUISubtitleOpacity}"/>
</Style>
</ResourceDictionary> </ResourceDictionary>