🪟 Remember window size (but not position)

- Save and apply window width and height.
- Add button to reset window size in settings.

Author: database64128

YoutubeDl.Wpf/MainWindow.xaml

@@ -17,7 +17,7 @@
     TextOptions.TextRenderingMode="Auto"
     Background="{DynamicResource MaterialDesignPaper}"
     FontFamily="{materialDesign:MaterialDesignFont}"
-    Title="Cube YouTube Downloader" Height="720" Width="904" MinHeight="644" MinWidth="620">
+    Title="Cube YouTube Downloader" MinHeight="644" MinWidth="620">
     <materialDesign:DialogHost x:Name="rootDialogHost" Identifier="RootDialog" SnackbarMessageQueue="{Binding ElementName=MainSnackbar, Path=MessageQueue}" Style="{StaticResource MaterialDesignEmbeddedDialogHost}">
         <materialDesign:DialogHost.DialogContentTemplate>
             <DataTemplate>

YoutubeDl.Wpf/MainWindow.xaml.cs

@@ -12,11 +12,29 @@ public partial class MainWindow
         public MainWindow()
         {
             InitializeComponent();
-            TaskbarItemInfo = new();
-            ViewModel = new(MainSnackbar.MessageQueue!); // Null forgiving reason: following upstream
+
             MainSnackbar.MessageQueue!.DiscardDuplicates = true;
+            ViewModel = new(MainSnackbar.MessageQueue);
+
+            // Set window size here to avoid flickering.
+            Width = ViewModel.SharedSettings.WindowWidth;
+            Height = ViewModel.SharedSettings.WindowHeight;
+
+            TaskbarItemInfo = new();
+
             this.WhenActivated(disposables =>
             {
+                // Window size
+                this.Bind(ViewModel,
+                    viewModel => viewModel.SharedSettings.WindowWidth,
+                    view => view.Width)
+                    .DisposeWith(disposables);
+
+                this.Bind(ViewModel,
+                    viewModel => viewModel.SharedSettings.WindowHeight,
+                    view => view.Height)
+                    .DisposeWith(disposables);
+
                 // Window closing
                 this.Events().Closing
                     .InvokeCommand(ViewModel.SaveSettingsAsyncCommand)

YoutubeDl.Wpf/Models/ObservableSettings.cs

@@ -14,6 +14,12 @@ public class ObservableSettings : ReactiveObject
 
     public BaseTheme AppColorMode { get; set; }
 
+    [Reactive]
+    public double WindowWidth { get; set; }
+
+    [Reactive]
+    public double WindowHeight { get; set; }
+
     [Reactive]
     public BackendTypes Backend { get; set; }
 
@@ -106,6 +112,8 @@ public ObservableSettings(Settings settings)
     {
         AppSettings = settings;
         AppColorMode = settings.AppColorMode;
+        WindowWidth = settings.WindowWidth;
+        WindowHeight = settings.WindowHeight;
         Backend = settings.Backend;
         BackendPath = settings.BackendPath;
         BackendGlobalArguments = new(settings.BackendGlobalArguments);
@@ -135,6 +143,8 @@ public ObservableSettings(Settings settings)
     public void UpdateAppSettings()
     {
         AppSettings.AppColorMode = AppColorMode;
+        AppSettings.WindowWidth = WindowWidth;
+        AppSettings.WindowHeight = WindowHeight;
         AppSettings.Backend = Backend;
         AppSettings.BackendPath = BackendPath;
         AppSettings.BackendGlobalArguments = BackendGlobalArguments.ToArray();

YoutubeDl.Wpf/Models/Settings.cs

@@ -15,6 +15,16 @@ public class Settings
     /// </summary>
     public const int DefaultVersion = 1;
 
+    /// <summary>
+    /// Defines the default width of the main window.
+    /// </summary>
+    public const double DefaultWindowWidth = 904.0;
+
+    /// <summary>
+    /// Defines the default height of the main window.
+    /// </summary>
+    public const double DefaultWindowHeight = 720.0;
+
     /// <summary>
     /// Defines the default limit on the number of log messages
     /// displayed in the logs view.
@@ -33,6 +43,10 @@ public class Settings
     /// </summary>
     public int Version { get; set; } = DefaultVersion;
 
+    public double WindowWidth { get; set; } = DefaultWindowWidth;
+
+    public double WindowHeight { get; set; } = DefaultWindowHeight;
+
     public BaseTheme AppColorMode { get; set; } = BaseTheme.Inherit;
 
     public BackendTypes Backend { get; set; } = BackendTypes.Ytdlp;

YoutubeDl.Wpf/ViewModels/MainWindowViewModel.cs

@@ -14,14 +14,12 @@ namespace YoutubeDl.Wpf.ViewModels
 {
     public class MainWindowViewModel : ReactiveObject
     {
-        private readonly Settings _settings;
-        private readonly ObservableSettings _observableSettings;
         private readonly ISnackbarMessageQueue _snackbarMessageQueue;
+        private readonly Settings _settings;
 
+        public ObservableSettings SharedSettings { get; }
         public BackendService BackendService { get; }
         public PresetDialogViewModel PresetDialogVM { get; }
-        public HomeViewModel HomeVM { get; }
-        public SettingsViewModel SettingsVM { get; }
         public object[] Tabs { get; }
 
         [Reactive]
@@ -31,6 +29,8 @@ public class MainWindowViewModel : ReactiveObject
 
         public MainWindowViewModel(ISnackbarMessageQueue snackbarMessageQueue)
         {
+            _snackbarMessageQueue = snackbarMessageQueue;
+
             try
             {
                 _settings = Settings.LoadAsync().GetAwaiter().GetResult();
@@ -41,24 +41,20 @@ public MainWindowViewModel(ISnackbarMessageQueue snackbarMessageQueue)
                 _settings = new();
             }
 
-            _observableSettings = new(_settings);
-            _snackbarMessageQueue = snackbarMessageQueue;
-
             // Configure logging.
             var queuedTextBoxsink = new QueuedTextBoxSink(_settings);
             var logger = new LoggerConfiguration()
                 .WriteTo.Sink(queuedTextBoxsink)
                 .CreateLogger();
             Locator.CurrentMutable.UseSerilogFullLogger(logger);
 
-            BackendService = new(_observableSettings);
+            SharedSettings = new(_settings);
+            BackendService = new(SharedSettings);
             PresetDialogVM = new(ControlDialog);
-            HomeVM = new(_observableSettings, BackendService, queuedTextBoxsink, PresetDialogVM, snackbarMessageQueue);
-            SettingsVM = new(_observableSettings, BackendService, snackbarMessageQueue);
             Tabs = new object[]
             {
-                HomeVM,
-                SettingsVM,
+                new HomeViewModel(SharedSettings, BackendService, queuedTextBoxsink, PresetDialogVM, snackbarMessageQueue),
+                new SettingsViewModel(SharedSettings, BackendService, snackbarMessageQueue),
             };
 
             SaveSettingsAsyncCommand = ReactiveCommand.CreateFromTask<CancelEventArgs?, bool>(SaveSettingsAsync);
@@ -68,7 +64,7 @@ public MainWindowViewModel(ISnackbarMessageQueue snackbarMessageQueue)
 
         private async Task<bool> SaveSettingsAsync(CancelEventArgs? cancelEventArgs = null, CancellationToken cancellationToken = default)
         {
-            _observableSettings.UpdateAppSettings();
+            SharedSettings.UpdateAppSettings();
 
             try
             {

YoutubeDl.Wpf/ViewModels/SettingsViewModel.cs

@@ -1,6 +1,7 @@
 using DynamicData;
 using MaterialDesignThemes.Wpf;
 using ReactiveUI;
+using ReactiveUI.Fody.Helpers;
 using ReactiveUI.Validation.Extensions;
 using ReactiveUI.Validation.Helpers;
 using System;
@@ -27,13 +28,17 @@ public class SettingsViewModel : ReactiveValidationObject
 
         public ObservableSettings SharedSettings { get; }
 
+        [Reactive]
+        public string WindowSizeText { get; set; }
+
         /// <summary>
         /// Gets the collection of view models of the arguments area.
         /// A view model in this collection must be of either
         /// <see cref="ArgumentChipViewModel"/> or <see cref="AddArgumentViewModel"/> type.
         /// </summary>
         public ObservableCollection<object> GlobalArguments { get; } = new();
 
+        public ReactiveCommand<Unit, Unit> ResetWindowSizeCommand { get; }
         public ReactiveCommand<BaseTheme, Unit> ChangeColorModeCommand { get; }
         public ReactiveCommand<Unit, Unit> BrowseDlBinaryCommand { get; }
         public ReactiveCommand<Unit, Unit> UpdateBackendCommand { get; }
@@ -48,6 +53,7 @@ public SettingsViewModel(ObservableSettings settings, BackendService backendServ
 
             Version = Assembly.GetEntryAssembly()?.GetName()?.Version?.ToString() ?? "";
             SharedSettings = settings;
+            WindowSizeText = GenerateWindowSizeText(settings.WindowWidth, settings.WindowHeight);
 
             GlobalArguments.AddRange(SharedSettings.BackendGlobalArguments.Select(x => new ArgumentChipViewModel(x, true, DeleteArgumentChip)));
             GlobalArguments.Add(new AddArgumentViewModel(AddArgument));
@@ -104,6 +110,10 @@ public SettingsViewModel(ObservableSettings settings, BackendService backendServ
                     }
                 });
 
+            // Update window size text on size change.
+            this.WhenAnyValue(x => x.SharedSettings.WindowWidth, x => x.SharedSettings.WindowHeight)
+                .Subscribe(((double width, double height) x) => WindowSizeText = GenerateWindowSizeText(x.width, x.height));
+
             // Guess the backend type from binary name.
             this.WhenAnyValue(x => x.SharedSettings.BackendPath)
                 .Select(dlPath => Path.GetFileNameWithoutExtension(dlPath))
@@ -119,13 +129,22 @@ public SettingsViewModel(ObservableSettings settings, BackendService backendServ
 
             var canUpdateBackend = this.WhenAnyValue(x => x._backendService.CanUpdate);
 
+            ResetWindowSizeCommand = ReactiveCommand.Create(ResetWindowSize);
             ChangeColorModeCommand = ReactiveCommand.Create<BaseTheme>(ChangeColorMode);
             BrowseDlBinaryCommand = ReactiveCommand.Create(BrowseDlBinary);
             UpdateBackendCommand = ReactiveCommand.CreateFromTask(_backendService.UpdateBackendAsync, canUpdateBackend);
             BrowseFfmpegBinaryCommand = ReactiveCommand.Create(BrowseFfmpegBinary);
             OpenUri = ReactiveCommand.Create<string>(WpfHelper.OpenUri);
         }
 
+        private static string GenerateWindowSizeText(double width, double height) => $"{width:F} × {height:F}";
+
+        private void ResetWindowSize()
+        {
+            SharedSettings.WindowWidth = Settings.DefaultWindowWidth;
+            SharedSettings.WindowHeight = Settings.DefaultWindowHeight;
+        }
+
         private void ChangeColorMode(BaseTheme colorMode)
         {
             // Get current theme.