Make titlebars more readable

Heufneutje · Dec 2, 2024 · cf302ed · cf302ed
1 parent 92c3547
commit cf302ed
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 5 deletions.
diff --git a/SpeedrunTracker/ViewModels/RunDetailsViewModel.cs b/SpeedrunTracker/ViewModels/RunDetailsViewModel.cs
@@ -99,7 +99,9 @@ public EmbeddableUrl? SelectedVideo
 
     public ICommand OpenLinkCommand => new AsyncRelayCommand<string>(OpenLinkAsync);
 
-    public string? Title => RunDetails == null ? "RunDetails" : $"{_runDetails?.Category?.Name} in {_runDetails?.Run?.Times?.PrimaryTimeSpan} by {_runDetails?.Run.Players[0].DisplayName}";
+    public string? Title => _runDetails == null ? "RunDetails" : $"{_runDetails.OrdinalPlace} - {_runDetails.Category?.Name} in {_runDetails.Run.Times?.PrimaryTimeSpan}";
+
+    public string? SubTitle => _runDetails == null ? "by <unknown>" : $"by {string.Join(" and ", _runDetails.Run.Players.Select(x => x.DisplayName))}";
 
     public string? FormattedDate => RunDetails?.Run.Date?.ToString(_settingsService.UserSettings.DateFormat);
 

diff --git a/SpeedrunTracker/Views/GameDetailsPage.xaml b/SpeedrunTracker/Views/GameDetailsPage.xaml
@@ -5,8 +5,10 @@
              xmlns:viewmodels="clr-namespace:SpeedrunTracker.ViewModels"
              x:DataType="viewmodels:GameDetailViewModel"
              x:Class="SpeedrunTracker.Views.GameDetailPage"
-             Title="{Binding Game.Names.International}"
              Appearing="ContentPage_Appearing">
+    <Shell.TitleView>
+        <Label Text="{Binding Game.Names.International}" TextColor="White" FontSize="Medium" FontAttributes="Bold" VerticalTextAlignment="Center" />
+    </Shell.TitleView>
     <Grid>
         <Image Source="{Binding Game.Assets.Background.Uri}" Style="{StaticResource CustomBackgroundImage}" />
         <Grid Padding="20">

diff --git a/SpeedrunTracker/Views/GameSeriesDetailsPage.xaml b/SpeedrunTracker/Views/GameSeriesDetailsPage.xaml
@@ -5,8 +5,10 @@
              xmlns:viewmodels="clr-namespace:SpeedrunTracker.ViewModels"
              x:Class="SpeedrunTracker.Views.GameSeriesDetailsPage"
              x:DataType="viewmodels:GameSeriesDetailViewModel"
-             Title="{Binding Series.Names.International}"
              Appearing="ContentPage_Appearing">
+    <Shell.TitleView>
+        <Label Text="{Binding Series.Names.International}" TextColor="White" FontSize="Medium" FontAttributes="Bold" VerticalTextAlignment="Center" />
+    </Shell.TitleView>
     <Grid>
         <Image Source="{Binding Series.Assets.Background.Uri}" Style="{StaticResource CustomBackgroundImage}" />
         <Border Style="{StaticResource TransparentCollectionElementBorder}" IsVisible="{Binding IsRunningBackgroundTask}">

diff --git a/SpeedrunTracker/Views/RunDetailsPage.xaml b/SpeedrunTracker/Views/RunDetailsPage.xaml
@@ -6,10 +6,15 @@
              xmlns:markdown="clr-namespace:Indiko.Maui.Controls.Markdown;assembly=Indiko.Maui.Controls.Markdown"
              x:DataType="viewmodels:RunDetailsViewModel"
              x:Class="SpeedrunTracker.Views.RunDetailsPage"
-             Title="{Binding Title}"
              Appearing="ContentPage_Appearing"
              Shell.TabBarIsVisible="False"
              Shell.FlyoutBehavior="Disabled">
+    <Shell.TitleView>
+        <VerticalStackLayout>
+            <Label Text="{Binding Title}" TextColor="White" FontSize="Medium" FontAttributes="Bold" VerticalTextAlignment="Center" />
+            <Label Text="{Binding SubTitle}" TextColor="White" FontSize="Small" FontAttributes="Bold" VerticalTextAlignment="Center" />
+        </VerticalStackLayout>
+    </Shell.TitleView>
     <ContentPage.ToolbarItems>
         <ToolbarItem IconImageSource="share" Text="Share" Command="{Binding ShareCommand}" />
     </ContentPage.ToolbarItems>

diff --git a/SpeedrunTracker/Views/UserDetailPage.xaml b/SpeedrunTracker/Views/UserDetailPage.xaml
@@ -5,8 +5,10 @@
              xmlns:viewmodels="clr-namespace:SpeedrunTracker.ViewModels"
              x:DataType="viewmodels:UserDetailsViewModel"
              x:Class="SpeedrunTracker.Views.UserDetailPage"
-             Title="{Binding DisplayName}"
              Appearing="ContentPage_Appearing">
+    <Shell.TitleView>
+        <Label Text="{Binding DisplayName}" TextColor="White" FontSize="Medium" FontAttributes="Bold" VerticalTextAlignment="Center" />
+    </Shell.TitleView>
     <Grid Padding="20">
         <CollectionView Style="{StaticResource ThresholdCollectionViewStyle}"
                         ItemsSource="{Binding PersonalBests}"