Merge pull request #133 from ww-rm/dev/wpf

v0.16.8

CHANGELOG.md

@@ -1,5 +1,35 @@
 # CHANGELOG
 
+## v0.16.8
+
+- 去除首次的最小化提示弹框
+- 窗口布局改变后实时保存
+- 增加侧边栏图标和折叠功能
+- 增加皮肤和插槽参数面板的全部启用/禁用菜单项
+- 修改窗口默认大小
+- 支持复制并应用单独的模型皮肤或插槽参数
+
+## v0.16.7
+
+- 修复空帧导致的包围盒计算错误
+- 修复重复启动程序无法唤出界面的问题
+
+## v0.16.6
+
+- 修复控件尺寸为0时导致的画面缩放错误
+
+## v0.16.5
+
+- 修复对于无 size 行的旧 atlas 格式读取错误
+- 修复托盘化之后无法联动显示窗口的问题
+
+## v0.16.4
+
+- 增加 apng 导出格式
+- 增加颜色拾取器面板
+- 增加程序皮肤（主题颜色）首选项
+- 优化部分使用体验
+
 ## v0.16.3
 
 - 修复加载工作区时的顺序错误

SFMLRenderer/SFMLRenderPanel.xaml.cs

@@ -240,8 +240,8 @@ namespace SFMLRenderer
             if (RenderWindow is null) return;
             float parentW = (float)sizeInfo.NewSize.Width;
             float parentH = (float)sizeInfo.NewSize.Height;
-            float renderW = (float)_hwndHost.ActualWidth;
-            float renderH = (float)_hwndHost.ActualHeight;
+            float renderW = _resolution.X;
+            float renderH = _resolution.Y;
             float scale = Math.Min(parentW / renderW, parentH / renderH); // 两方向取较小值, 保证 parent 覆盖 render
             renderW *= scale;
             renderH *= scale;

SFMLRenderer/SFMLRenderer.csproj

@@ -7,7 +7,7 @@
         <TargetFramework>net8.0-windows</TargetFramework>
         <BaseOutputPath>$(SolutionDir)out</BaseOutputPath>
         <IncludeSourceRevisionInInformationalVersion>false</IncludeSourceRevisionInInformationalVersion>
-        <Version>0.16.0</Version>
+        <Version>0.16.6</Version>
         <UseWPF>true</UseWPF>
     </PropertyGroup>
 

Spine/Exporters/FFmpegVideoExporter.cs

@@ -28,6 +28,7 @@ namespace Spine.Exporters
         {
             Gif,
             Webp,
+            Apng,
             Mp4,
             Webm,
             Mkv,
@@ -41,31 +42,37 @@ namespace Spine.Exporters
         private VideoFormat _format = VideoFormat.Mp4;
 
         /// <summary>
-        /// 动图是否循环 [Gif/Webp]
+        /// [Gif/Webp/Apng] 动图是否循环
         /// </summary>
         public bool Loop { get => _loop; set => _loop = value; }
         private bool _loop = true;
 
         /// <summary>
-        /// 质量 [Webp]
+        /// [Webp] 质量
         /// </summary>
         public int Quality { get => _quality; set => _quality = Math.Clamp(value, 0, 100); }
         private int _quality = 75;
 
         /// <summary>
-        /// 无损压缩 [Webp]
+        /// [Webp] 无损压缩
         /// </summary>
         public bool Lossless { get => _lossless; set => _lossless = value; }
         private bool _lossless = false;
 
         /// <summary>
-        /// CRF [Mp4/Webm/Mkv]
+        /// [Apng] 预测器算法, 取值范围 0-5, 分别对应 none, sub, up, avg, paeth, mixed
+        /// </summary>
+        public int ApngPred { get => _apngPred; set => _apngPred = Math.Clamp(value, 0, 5); }
+        private int _apngPred = 5;
+
+        /// <summary>
+        /// [Mp4/Webm/Mkv] CRF
         /// </summary>
         public int Crf { get => _crf; set => _crf = Math.Clamp(value, 0, 63); }
         private int _crf = 23;
 
         /// <summary>
-        /// prores_ks 编码器的配置等级, -1 是自动, 越高质量越好, 只有 4 及以上才有透明通道 [Mov]
+        /// [Mov] prores_ks 编码器的配置等级, -1 是自动, 越高质量越好, 只有 4 及以上才有透明通道
         /// </summary>
         public int Profile { get => _profile; set => _profile = Math.Clamp(value, -1, 5); }
         private int _profile = 5;
@@ -93,6 +100,7 @@ namespace Spine.Exporters
             {
                 VideoFormat.Gif => SetGifOptions,
                 VideoFormat.Webp => SetWebpOptions,
+                VideoFormat.Apng => SetApngOptions,
                 VideoFormat.Mp4 => SetMp4Options,
                 VideoFormat.Webm => SetWebmOptions,
                 VideoFormat.Mkv => SetMkvOptions,
@@ -132,6 +140,13 @@ namespace Spine.Exporters
                 .WithCustomArgument(customArgs);
         }
 
+        private void SetApngOptions(FFMpegArgumentOptions options)
+        {
+            var customArgs = $"-vf unpremultiply=inplace=1 -plays {(_loop ? 0 : 1)} -pred {_apngPred}";
+            options.ForceFormat("apng").WithVideoCodec("apng").ForcePixelFormat("rgba")
+                .WithCustomArgument(customArgs);
+        }
+
         private void SetMp4Options(FFMpegArgumentOptions options)
         {
             // XXX: windows 默认播放器在播放 MP4 格式时对于 libx264 编码器只支持 yuv420p 的像素格式

Spine/Implementations/TextureLoader.cs

@@ -112,6 +112,14 @@ namespace Spine.Implementations
             if (ForceMipmap) texture.GenerateMipmap();
 
             page.rendererObject = texture;
+
+            // 有些旧的 atlas 会省略 size 行, 这时需要在读取纹理时赋值
+            if (page.width <= 0 || page.height <= 0)
+            {
+                var texSize = texture.Size;
+                page.width = (int)texSize.X;
+                page.height = (int)texSize.Y;
+            }
         }
 
         public virtual void Load(SpineRuntime34.AtlasPage page, string path)
@@ -147,6 +155,14 @@ namespace Spine.Implementations
             if (ForceMipmap) texture.GenerateMipmap();
 
             page.rendererObject = texture;
+
+            // 有些旧的 atlas 会省略 size 行, 这时需要在读取纹理时赋值
+            if (page.width <= 0 || page.height <= 0)
+            {
+                var texSize = texture.Size;
+                page.width = (int)texSize.X;
+                page.height = (int)texSize.Y;
+            }
         }
 
         public virtual void Load(SpineRuntime35.AtlasPage page, string path)
@@ -182,6 +198,14 @@ namespace Spine.Implementations
             if (ForceMipmap) texture.GenerateMipmap();
 
             page.rendererObject = texture;
+
+            // 有些旧的 atlas 会省略 size 行, 这时需要在读取纹理时赋值
+            if (page.width <= 0 || page.height <= 0)
+            {
+                var texSize = texture.Size;
+                page.width = (int)texSize.X;
+                page.height = (int)texSize.Y;
+            }
         }
 
         public virtual void Load(SpineRuntime36.AtlasPage page, string path)
@@ -217,6 +241,14 @@ namespace Spine.Implementations
             if (ForceMipmap) texture.GenerateMipmap();
 
             page.rendererObject = texture;
+
+            // 有些旧的 atlas 会省略 size 行, 这时需要在读取纹理时赋值
+            if (page.width <= 0 || page.height <= 0)
+            {
+                var texSize = texture.Size;
+                page.width = (int)texSize.X;
+                page.height = (int)texSize.Y;
+            }
         }
 
         public virtual void Load(SpineRuntime37.AtlasPage page, string path)
@@ -252,6 +284,14 @@ namespace Spine.Implementations
             if (ForceMipmap) texture.GenerateMipmap();
 
             page.rendererObject = texture;
+
+            // 有些旧的 atlas 会省略 size 行, 这时需要在读取纹理时赋值
+            if (page.width <= 0 || page.height <= 0)
+            {
+                var texSize = texture.Size;
+                page.width = (int)texSize.X;
+                page.height = (int)texSize.Y;
+            }
         }
 
         public virtual void Load(SpineRuntime38.AtlasPage page, string path)
@@ -288,9 +328,13 @@ namespace Spine.Implementations
 
             page.rendererObject = texture;
 
-            // 似乎是不需要设置的, 因为存在某些 png 和 atlas 大小不同的情况, 一般是有一些缩放, 如果设置了反而渲染异常
-            // page.width = (int)texture.Size.X;
-            // page.height = (int)texture.Size.Y;
+            // 有些旧的 atlas 会省略 size 行, 这时需要在读取纹理时赋值
+            if (page.width <= 0 || page.height <= 0)
+            {
+                var texSize = texture.Size;
+                page.width = (int)texSize.X;
+                page.height = (int)texSize.Y;
+            }
         }
 
         public virtual void Load(SpineRuntime40.AtlasPage page, string path)
@@ -326,6 +370,14 @@ namespace Spine.Implementations
             if (ForceMipmap) texture.GenerateMipmap();
 
             page.rendererObject = texture;
+
+            // 有些旧的 atlas 会省略 size 行, 这时需要在读取纹理时赋值
+            if (page.width <= 0 || page.height <= 0)
+            {
+                var texSize = texture.Size;
+                page.width = (int)texSize.X;
+                page.height = (int)texSize.Y;
+            }
         }
 
         public virtual void Load(SpineRuntime41.AtlasPage page, string path)
@@ -361,6 +413,14 @@ namespace Spine.Implementations
             if (ForceMipmap) texture.GenerateMipmap();
 
             page.rendererObject = texture;
+
+            // 有些旧的 atlas 会省略 size 行, 这时需要在读取纹理时赋值
+            if (page.width <= 0 || page.height <= 0)
+            {
+                var texSize = texture.Size;
+                page.width = (int)texSize.X;
+                page.height = (int)texSize.Y;
+            }
         }
 
         public virtual void Load(SpineRuntime42.AtlasPage page, string path)
@@ -396,6 +456,14 @@ namespace Spine.Implementations
             if (ForceMipmap) texture.GenerateMipmap();
 
             page.rendererObject = texture;
+
+            // 有些旧的 atlas 会省略 size 行, 这时需要在读取纹理时赋值
+            if (page.width <= 0 || page.height <= 0)
+            {
+                var texSize = texture.Size;
+                page.width = (int)texSize.X;
+                page.height = (int)texSize.Y;
+            }
         }
 
         public virtual void Unload(object texture)

Spine/Spine.csproj

@@ -7,7 +7,7 @@
         <TargetFramework>net8.0-windows</TargetFramework>
         <BaseOutputPath>$(SolutionDir)out</BaseOutputPath>
         <IncludeSourceRevisionInInformationalVersion>false</IncludeSourceRevisionInInformationalVersion>
-        <Version>0.16.3</Version>
+        <Version>0.16.8</Version>
     </PropertyGroup>
 
     <PropertyGroup>

Spine/SpineExtension.cs

@@ -1,4 +1,5 @@
 using NLog;
+using Spine.Interfaces;
 using Spine.Interfaces.Attachments;
 using System;
 using System.Collections.Generic;
@@ -6,7 +7,7 @@ using System.Linq;
 using System.Text;
 using System.Threading.Tasks;
 
-namespace Spine.Interfaces
+namespace Spine
 {
     /// <summary>
     /// 命中测试等级枚举值
@@ -109,20 +110,42 @@ namespace Spine.Interfaces
                         break;
                 }
 
-                for (int ii = 0; ii + 1 < verticesLength; ii += 2)
+                if (verticesLength > 0)
                 {
-                    float vx = vertices[ii];
-                    float vy = vertices[ii + 1];
-                    minX = Math.Min(minX, vx);
-                    minY = Math.Min(minY, vy);
-                    maxX = Math.Max(maxX, vx);
-                    maxY = Math.Max(maxY, vy);
+                    for (int ii = 0; ii + 1 < verticesLength; ii += 2)
+                    {
+                        float vx = vertices[ii];
+                        float vy = vertices[ii + 1];
+                        minX = Math.Min(minX, vx);
+                        minY = Math.Min(minY, vy);
+                        maxX = Math.Max(maxX, vx);
+                        maxY = Math.Max(maxY, vy);
+                    }
+                }
+                else
+                {
+                    var boneX = slot.Bone.WorldX;
+                    var boneY = slot.Bone.WorldY;
+                    minX = Math.Min(minX, boneX);
+                    minY = Math.Min(minY, boneY);
+                    maxX = Math.Max(maxX, boneX);
+                    maxY = Math.Max(maxY, boneY);
                 }
             }
-            x = minX;
-            y = minY;
-            w = maxX - minX;
-            h = maxY - minY;
+            if (minX >= int.MaxValue || minY >= int.MaxValue || maxX <= int.MinValue || maxY <= int.MinValue)
+            {
+                x = self.X;
+                y = self.Y;
+                w = 0;
+                h = 0;
+            }
+            else
+            {
+                x = minX;
+                y = minY;
+                w = maxX - minX;
+                h = maxY - minY;
+            }
         }
 
         /// <summary>
@@ -136,7 +159,7 @@ namespace Spine.Interfaces
             if (HitTestLevel == HitTestLevel.None || HitTestLevel == HitTestLevel.Bounds)
             {
                 self.GetBounds(out var bx, out var by, out var bw, out var bh);
-                return x >= bx && x <= (bx + bw) && y >= by && y <= (by + bh);
+                return x >= bx && x <= bx + bw && y >= by && y <= by + bh;
             }
             else if (HitTestLevel == HitTestLevel.Meshes || HitTestLevel == HitTestLevel.Pixels)
             {
@@ -179,7 +202,7 @@ namespace Spine.Interfaces
                     float c2 = Cross(x2, y2, x0, y0);
 
                     // 判断是否全部同号 (或为 0, 点在边上)
-                    if ((c0 >= 0 && c1 >= 0 && c2 >= 0) || (c0 <= 0 && c1 <= 0 && c2 <= 0))
+                    if (c0 >= 0 && c1 >= 0 && c2 >= 0 || c0 <= 0 && c1 <= 0 && c2 <= 0)
                     {
                         if (HitTestLevel == HitTestLevel.Meshes)
                             return true;
@@ -229,7 +252,7 @@ namespace Spine.Interfaces
             if (HitTestLevel == HitTestLevel.None)
             {
                 self.GetBounds(out var bx, out var by, out var bw, out var bh);
-                return x >= bx && x <= (bx + bw) && y >= by && y <= (by + bh);
+                return x >= bx && x <= bx + bw && y >= by && y <= by + bh;
             }
 
             bool hit = false;

SpineViewer/App.xaml

@@ -8,28 +8,11 @@
     <Application.Resources>
         <ResourceDictionary>
             <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/SkinDefault.xaml"/>
-                <ResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/Theme.xaml"/>
                 <ResourceDictionary Source="/Resources/Geometries.xaml"/>
                 <ResourceDictionary Source="/Resources/Strings/zh.xaml"/>
+                <ResourceDictionary Source="/Resources/Skins/Light.xaml"/>
+                <ResourceDictionary Source="/Resources/Theme.xaml"/>
             </ResourceDictionary.MergedDictionaries>
-
-            <Style x:Key="MyToggleButton" TargetType="{x:Type ToggleButton}" BasedOn="{StaticResource ToggleButtonSwitch}">
-                <Setter Property="hc:VisualElement.HighlightBrush" Value="{StaticResource DarkSuccessBrush}"/>
-            </Style>
-
-            <Style TargetType="{x:Type ListBox}" BasedOn="{StaticResource ListBoxBaseStyle}">
-                <Setter Property="SelectionMode" Value="Extended"/>
-                <Setter Property="VirtualizingPanel.IsVirtualizing" Value="False"/>
-                <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Visible"/>
-            </Style>
-
-            <Style TargetType="{x:Type ListView}" BasedOn="{StaticResource ListViewBaseStyle}">
-                <Setter Property="SelectionMode" Value="Extended"/>
-                <Setter Property="VirtualizingPanel.IsVirtualizing" Value="False"/>
-                <Setter Property="Background" Value="Transparent"/>
-            </Style>
-
         </ResourceDictionary>
     </Application.Resources>
 </Application>

SpineViewer/App.xaml.cs

@@ -1,6 +1,7 @@
 using Microsoft.Win32;
 using NLog;
 using SpineViewer.Natives;
+using SpineViewer.Resources;
 using SpineViewer.ViewModels.MainWindow;
 using SpineViewer.Views;
 using System.Collections.Frozen;
@@ -12,6 +13,7 @@ using System.IO;
 using System.IO.Pipes;
 using System.Reflection;
 using System.Windows;
+using System.Windows.Interop;
 
 namespace SpineViewer
 {
@@ -67,8 +69,7 @@ namespace SpineViewer
             _instanceMutex = new Mutex(true, MutexName, out var createdNew);
             if (!createdNew)
             {
-                ShowExistedInstance();
-                SendCommandLineArgs();
+                ConnectAndSendArgs();
                 Environment.Exit(0); // 不再启动新实例
                 return;
             }
@@ -98,55 +99,27 @@ namespace SpineViewer
             LogManager.Configuration = config;
         }
 
-        private static void ShowExistedInstance()
+        private static void ConnectAndSendArgs()
         {
-            try
-            {
-                // 遍历同名进程
-                var processes = Process.GetProcessesByName(ProcessName);
-                foreach (var p in processes)
-                {
-                    // 跳过当前进程
-                    if (p.Id == Process.GetCurrentProcess().Id)
-                        continue;
-
-                    IntPtr hWnd = p.MainWindowHandle;
-                    if (hWnd != IntPtr.Zero)
-                    {
-                        // 3. 显示并置顶窗口
-                        if (User32.IsIconic(hWnd))
-                        {
-                            User32.ShowWindow(hWnd, User32.SW_RESTORE);
-                        }
-                        User32.SetForegroundWindow(hWnd);
-                        break; // 找到一个就可以退出
-                    }
-                }
-            }
-            catch
-            {
-                // 忽略异常，不影响当前进程退出
-            }
-        }
-
-        private static void SendCommandLineArgs()
-        {
-            var args = Environment.GetCommandLineArgs().Skip(1).ToArray();
-            if (args.Length <= 0)
-                return;
-
-            _logger.Info("Send command line args to existed instance, \"{0}\"", string.Join(", ", args));
             try
             {
                 // 已有实例在运行，把参数通过命名管道发过去
                 using (var client = new NamedPipeClientStream(".", PipeName, PipeDirection.Out))
                 {
-                    client.Connect(10000); // 10 秒超时
-                    using (var writer = new StreamWriter(client))
+                    // 只要启动了实例就要进行连接, 10 秒超时
+                    client.Connect(10000);
+
+                    // 但是只有有参数的时候才发送参数
+                    var args = Environment.GetCommandLineArgs().Skip(1).ToArray();
+                    if (args.Length > 0)
                     {
-                        foreach (var v in args)
+                        _logger.Info("Send command line args to existed instance, \"{0}\"", string.Join(", ", args));
+                        using (var writer = new StreamWriter(client))
                         {
-                            writer.WriteLine(v);
+                            foreach (var v in args)
+                            {
+                                writer.WriteLine(v);
+                            }
                         }
                     }
                 }
@@ -162,6 +135,7 @@ namespace SpineViewer
         {
             var t = new Task(() =>
             {
+                // 防止实例和窗口还没创建好
                 while (Current is null) Thread.Sleep(10);
                 while (true)
                 {
@@ -174,26 +148,48 @@ namespace SpineViewer
                 }
                 while (true)
                 {
-                    using (var server = new NamedPipeServerStream(PipeName, PipeDirection.In))
+                    try
                     {
-                        server.WaitForConnection();
-                        using (var reader = new StreamReader(server))
+                        using (var server = new NamedPipeServerStream(PipeName, PipeDirection.In))
                         {
-                            var args = new List<string>();
-                            string? line;
-                            while ((line = reader.ReadLine()) != null)
-                                args.Add(line);
+                            server.WaitForConnection();
 
-                            if (args.Count > 0)
+                            // 只要收到连接就可以显示窗口了
+                            Current.Dispatcher.Invoke(() =>
                             {
-                                Current.Dispatcher.Invoke(() =>
+                                var window = (MainWindow)Current.MainWindow;
+                                window.Show();
+                                if (window.WindowState == WindowState.Minimized)
                                 {
-                                    var vm = (MainWindowViewModel)((MainWindow)Current.MainWindow).DataContext;
-                                    vm.SpineObjectListViewModel.AddSpineObjectFromFileList(args);
-                                });
+                                    window.WindowState = WindowState.Normal;
+                                }
+                                window.Activate();
+                            });
+                            using (var reader = new StreamReader(server))
+                            {
+                                var args = new List<string>();
+                                string? line;
+                                while ((line = reader.ReadLine()) != null)
+                                    args.Add(line);
+
+                                if (args.Count > 0)
+                                {
+                                    Current.Dispatcher.Invoke(() =>
+                                    {
+                                        // 尝试加载参数内容
+                                        var window = (MainWindow)Current.MainWindow;
+                                        var vm = (MainWindowViewModel)window.DataContext;
+                                        vm.SpineObjectListViewModel.AddSpineObjectFromFileList(args);
+                                    });
+                                }
                             }
                         }
                     }
+                    catch (Exception ex)
+                    {
+                        _logger.Trace(ex.ToString());
+                        _logger.Error("Failed to process arguments, {0}", ex.Message);
+                    }
                 }
             }, default, TaskCreationOptions.LongRunning);
             t.Start();
@@ -231,8 +227,8 @@ namespace SpineViewer
                 }
                 catch (Exception ex)
                 {
-                    _logger.Error("Failed to query autorun registry key, {0}", ex.Message);
                     _logger.Trace(ex.ToString());
+                    _logger.Error("Failed to query autorun registry key, {0}", ex.Message);
                     return false;
                 }
             }
@@ -259,8 +255,8 @@ namespace SpineViewer
                 }
                 catch (Exception ex)
                 {
-                    _logger.Error("Failed to set autorun registry key, {0}", ex.Message);
                     _logger.Trace(ex.ToString());
+                    _logger.Error("Failed to set autorun registry key, {0}", ex.Message);
                 }
             }
         }
@@ -335,7 +331,7 @@ namespace SpineViewer
             get => _language;
             set
             {
-                var uri = $"Resources/Strings/{value.ToString().ToLower()}.xaml";
+                var uri = $"Resources/Strings/{value.ToString().ToLowerInvariant()}.xaml";
                 try
                 {
                     Resources.MergedDictionaries.Add(new() { Source = new(uri, UriKind.Relative) });
@@ -343,12 +339,36 @@ namespace SpineViewer
                 }
                 catch (Exception ex)
                 {
-                    _logger.Error("Failed to switch language to {0}, {1}", value, ex.Message);
                     _logger.Trace(ex.ToString());
+                    _logger.Error("Failed to switch language to {0}, {1}", value, ex.Message);
                 }
             }
         }
         private AppLanguage _language = AppLanguage.ZH;
+
+        public AppSkin Skin
+        {
+            get => _skin;
+            set
+            {
+                var uri = $"Resources/Skins/{value.ToString().ToLowerInvariant()}.xaml";
+                try
+                {
+                    Resources.MergedDictionaries.Add(new() { Source = new(uri, UriKind.Relative) });
+                    Resources.MergedDictionaries.Add(new() { Source = new("Resources/Theme.xaml", UriKind.Relative) });
+                    var hwnd = new WindowInteropHelper(Current.MainWindow).Handle;
+                    Dwmapi.SetWindowTextColor(hwnd, AppResource.Color_PrimaryText);
+                    Dwmapi.SetWindowCaptionColor(hwnd, AppResource.Color_Region);
+                    _skin = value;
+                }
+                catch (Exception ex)
+                {
+                    _logger.Trace(ex.ToString());
+                    _logger.Error("Failed to switch skin to {0}, {1}", value, ex.Message);
+                }
+            }
+        }
+        private AppSkin _skin = AppSkin.Light;
     }
 
     public enum AppLanguage
@@ -357,4 +377,11 @@ namespace SpineViewer
         EN,
         JA
     }
+
+    public enum AppSkin
+    {
+        Light,
+        Dark,
+        Violet,
+    }
 }

SpineViewer/Extensions/SpineObjectExtension.cs

@@ -1,5 +1,4 @@
 using Spine;
-using Spine.Interfaces;
 using System;
 using System.Collections.Generic;
 using System.Linq;

SpineViewer/Extensions/WpfExtension.cs

@@ -40,7 +40,7 @@ namespace SpineViewer.Extensions
 
         //public static void SaveToFile(this BitmapSource bitmap, string path)
         //{
-        //    var ext = Path.GetExtension(path)?.ToLower();
+        //    var ext = Path.GetExtension(path)?.ToLowerInvariant();
         //    BitmapEncoder encoder = ext switch
         //    {
         //        ".jpg" or ".jpeg" => new JpegBitmapEncoder(),

SpineViewer/Models/PreferenceModel.cs

@@ -1,6 +1,6 @@
 using CommunityToolkit.Mvvm.ComponentModel;
 using CommunityToolkit.Mvvm.Input;
-using Spine.Interfaces;
+using Spine;
 using SpineViewer.Services;
 using System;
 using System.Collections.Generic;
@@ -86,6 +86,9 @@ namespace SpineViewer.Models
         [ObservableProperty]
         private AppLanguage _appLanguage;
 
+        [ObservableProperty]
+        private AppSkin _appSkin;
+
         [ObservableProperty]
         private bool _renderSelectedOnly;
 
@@ -99,7 +102,7 @@ namespace SpineViewer.Models
         private bool _wallpaperView;
 
         [ObservableProperty]
-        private bool? _closeToTray = null;
+        private bool _closeToTray;
 
         [ObservableProperty]
         private bool _autoRun;

SpineViewer/Models/SpineObjectConfigModel.cs

@@ -1,4 +1,5 @@
 using Spine.Interfaces;
+using SpineViewer.Utils;
 using System;
 using System.Collections.Generic;
 using System.IO;
@@ -13,6 +14,15 @@ namespace SpineViewer.Models
 {
     public class SpineObjectConfigModel
     {
+        public class TrackConfigModel
+        {
+            public string AnimationName { get; set; } = "";
+
+            public float TimeScale { get; set; } = 1f;
+
+            public float Alpha { get; set; } = 1f;
+        }
+
         public bool UsePma { get; set; }
 
         public string Physics { get; set; } = ISkeleton.Physics.Update.ToString();
@@ -57,14 +67,6 @@ namespace SpineViewer.Models
 
         public bool DebugClippings { get; set; }
 
-    }
-
-    public class TrackConfigModel
-    {
-        public string AnimationName { get; set; } = "";
-
-        public float TimeScale { get; set; } = 1f;
-
-        public float Alpha { get; set; } = 1f;
+        public override string ToString() => JsonHelper.Serialize(this);
     }
 }

SpineViewer/Models/SpineObjectModel.cs

@@ -91,6 +91,8 @@ namespace SpineViewer.Models
 
         public event EventHandler<TrackPropertyChangedEventArgs>? TrackPropertyChanged;
 
+        #region 参数面板实现
+
         public SpineVersion Version => _spineObject.Version;
 
         public string AssetsDir => _spineObject.AssetsDir;
@@ -407,6 +409,8 @@ namespace SpineViewer.Models
             set { lock (_lock) SetProperty(_spineObject.DebugClippings, value, v => _spineObject.DebugClippings = v); }
         }
 
+        #endregion
+
         public void Update(float delta)
         {
             lock (_lock) _spineObject.Update(delta);
@@ -493,41 +497,57 @@ namespace SpineViewer.Models
                     return config;
                 }
             }
-            set
+            set => ApplyObjectConfig(value);
+        }
+
+        public void ApplyObjectConfig(SpineObjectConfigModel m, SpineObjectConfigApplyFlag flag = SpineObjectConfigApplyFlag.All)
+        {
+            lock (_lock)
             {
-
-                lock (_lock)
+                if (flag == SpineObjectConfigApplyFlag.All)
                 {
-                    _spineObject.Skeleton.ScaleX = value.Scale;
-                    _spineObject.Skeleton.ScaleY = value.Scale;
+                    _spineObject.Skeleton.ScaleX = m.Scale;
+                    _spineObject.Skeleton.ScaleY = m.Scale;
                     OnPropertyChanged(nameof(Scale));
-                    SetProperty(_spineObject.Skeleton.ScaleX < 0, value.FlipX, v => _spineObject.Skeleton.ScaleX *= -1, nameof(FlipX));
-                    SetProperty(_spineObject.Skeleton.ScaleY < 0, value.FlipY, v => _spineObject.Skeleton.ScaleY *= -1, nameof(FlipY));
-                    SetProperty(_spineObject.Skeleton.X, value.X, v => _spineObject.Skeleton.X = v, nameof(X));
-                    SetProperty(_spineObject.Skeleton.Y, value.Y, v => _spineObject.Skeleton.Y = v, nameof(Y));
-                    SetProperty(_spineObject.UsePma, value.UsePma, v => _spineObject.UsePma = v, nameof(UsePma));
-                    SetProperty(_spineObject.Physics, Enum.Parse<ISkeleton.Physics>(value.Physics ?? "Update", true), v => _spineObject.Physics = v, nameof(Physics));
-                    SetProperty(_spineObject.AnimationState.TimeScale, value.TimeScale, v => _spineObject.AnimationState.TimeScale = v, nameof(TimeScale));
+                    SetProperty(_spineObject.Skeleton.ScaleX < 0, m.FlipX, v => _spineObject.Skeleton.ScaleX *= -1, nameof(FlipX));
+                    SetProperty(_spineObject.Skeleton.ScaleY < 0, m.FlipY, v => _spineObject.Skeleton.ScaleY *= -1, nameof(FlipY));
+                    SetProperty(_spineObject.Skeleton.X, m.X, v => _spineObject.Skeleton.X = v, nameof(X));
+                    SetProperty(_spineObject.Skeleton.Y, m.Y, v => _spineObject.Skeleton.Y = v, nameof(Y));
+                    SetProperty(_spineObject.UsePma, m.UsePma, v => _spineObject.UsePma = v, nameof(UsePma));
+                    SetProperty(_spineObject.Physics, Enum.Parse<ISkeleton.Physics>(m.Physics ?? "Update", true), v => _spineObject.Physics = v, nameof(Physics));
+                    SetProperty(_spineObject.AnimationState.TimeScale, m.TimeScale, v => _spineObject.AnimationState.TimeScale = v, nameof(TimeScale));
+                }
 
-                    foreach (var name in _spineObject.Data.Skins.Select(v => v.Name).Except(value.LoadedSkins))
+                if (flag == SpineObjectConfigApplyFlag.All || flag == SpineObjectConfigApplyFlag.Skin)
+                {
+                    foreach (var name in _spineObject.Data.Skins.Select(v => v.Name).Except(m.LoadedSkins))
                         if (_spineObject.SetSkinStatus(name, false))
                             SkinStatusChanged?.Invoke(this, new(name, false));
-                    foreach (var name in value.LoadedSkins)
+                    foreach (var name in m.LoadedSkins)
                         if (_spineObject.SetSkinStatus(name, true))
                             SkinStatusChanged?.Invoke(this, new(name, true));
+                }
 
-                    foreach (var (slotName, attachmentName) in value.SlotAttachment)
+                if (flag == SpineObjectConfigApplyFlag.SlotAttachement)
+                {
+                    foreach (var (slotName, attachmentName) in m.SlotAttachment)
                         if (_spineObject.SetAttachment(slotName, attachmentName))
                             SlotAttachmentChanged?.Invoke(this, new(slotName, attachmentName));
+                }
 
-                    foreach (var slotName in value.DisabledSlots)
+                if (flag == SpineObjectConfigApplyFlag.SlotVisibility)
+                {
+                    foreach (var slotName in m.DisabledSlots)
                         if (_spineObject.SetSlotVisible(slotName, false))
                             SlotVisibleChanged?.Invoke(this, new(slotName, false));
+                }
 
+                if (flag == SpineObjectConfigApplyFlag.All)
+                {
                     // XXX: 处理空动画
                     _spineObject.AnimationState.ClearTracks();
                     int trackIndex = 0;
-                    foreach (var trConfig in value.Animations)
+                    foreach (var trConfig in m.Animations)
                     {
                         if (trConfig is not null && !string.IsNullOrEmpty(trConfig.AnimationName))
                         {
@@ -545,16 +565,16 @@ namespace SpineViewer.Models
                         _spineObject.Skeleton.SetSlotsToSetupPose();
                     }
 
-                    SetProperty(_spineObject.DebugTexture, value.DebugTexture, v => _spineObject.DebugTexture = v, nameof(DebugTexture));
-                    SetProperty(_spineObject.DebugBounds, value.DebugBounds, v => _spineObject.DebugBounds = v, nameof(DebugBounds));
-                    SetProperty(_spineObject.DebugBones, value.DebugBones, v => _spineObject.DebugBones = v, nameof(DebugBones));
-                    SetProperty(_spineObject.DebugRegions, value.DebugRegions, v => _spineObject.DebugRegions = v, nameof(DebugRegions));
-                    SetProperty(_spineObject.DebugMeshHulls, value.DebugMeshHulls, v => _spineObject.DebugMeshHulls = v, nameof(DebugMeshHulls));
-                    SetProperty(_spineObject.DebugMeshes, value.DebugMeshes, v => _spineObject.DebugMeshes = v, nameof(DebugMeshes));
-                    SetProperty(_spineObject.DebugBoundingBoxes, value.DebugBoundingBoxes, v => _spineObject.DebugBoundingBoxes = v, nameof(DebugBoundingBoxes));
-                    SetProperty(_spineObject.DebugPaths, value.DebugPaths, v => _spineObject.DebugPaths = v, nameof(DebugPaths));
-                    SetProperty(_spineObject.DebugPoints, value.DebugPoints, v => _spineObject.DebugPoints = v, nameof(DebugPoints));
-                    SetProperty(_spineObject.DebugClippings, value.DebugClippings, v => _spineObject.DebugClippings = v, nameof(DebugClippings));
+                    SetProperty(_spineObject.DebugTexture, m.DebugTexture, v => _spineObject.DebugTexture = v, nameof(DebugTexture));
+                    SetProperty(_spineObject.DebugBounds, m.DebugBounds, v => _spineObject.DebugBounds = v, nameof(DebugBounds));
+                    SetProperty(_spineObject.DebugBones, m.DebugBones, v => _spineObject.DebugBones = v, nameof(DebugBones));
+                    SetProperty(_spineObject.DebugRegions, m.DebugRegions, v => _spineObject.DebugRegions = v, nameof(DebugRegions));
+                    SetProperty(_spineObject.DebugMeshHulls, m.DebugMeshHulls, v => _spineObject.DebugMeshHulls = v, nameof(DebugMeshHulls));
+                    SetProperty(_spineObject.DebugMeshes, m.DebugMeshes, v => _spineObject.DebugMeshes = v, nameof(DebugMeshes));
+                    SetProperty(_spineObject.DebugBoundingBoxes, m.DebugBoundingBoxes, v => _spineObject.DebugBoundingBoxes = v, nameof(DebugBoundingBoxes));
+                    SetProperty(_spineObject.DebugPaths, m.DebugPaths, v => _spineObject.DebugPaths = v, nameof(DebugPaths));
+                    SetProperty(_spineObject.DebugPoints, m.DebugPoints, v => _spineObject.DebugPoints = v, nameof(DebugPoints));
+                    SetProperty(_spineObject.DebugClippings, m.DebugClippings, v => _spineObject.DebugClippings = v, nameof(DebugClippings));
                 }
             }
         }
@@ -613,6 +633,17 @@ namespace SpineViewer.Models
         #endregion
     }
 
+    /// <summary>
+    /// 可选的应用部分模型参数项
+    /// </summary>
+    public enum SpineObjectConfigApplyFlag
+    {
+        All,
+        Skin,
+        SlotAttachement,
+        SlotVisibility,
+    }
+
     public class SkinStatusChangedEventArgs(string name, bool status) : EventArgs
     {
         public string Name { get; } = name;

SpineViewer/Models/UserStateModel.cs

@@ -8,7 +8,7 @@ using System.Windows.Media;
 
 namespace SpineViewer.Models
 {
-    public class LastStateModel
+    public class UserStateModel
     {
         #region 画面布局状态
 
@@ -18,6 +18,7 @@ namespace SpineViewer.Models
         public double WindowHeight { get; set; }
         public WindowState WindowState { get; set; }
         
+        public bool RootGridCol0Folded { get; set; }
         public double RootGridCol0Width { get; set; }
         public double RootGridCol2Width { get; set; }
 

SpineViewer/Natives/Dwmapi.cs

@@ -0,0 +1,48 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Runtime.InteropServices;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows.Media;
+
+namespace SpineViewer.Natives
+{
+    /// <summary>
+    /// dwmapi.dll 包装类
+    /// </summary>
+    public static class Dwmapi
+    {
+        private const uint DWMWA_USE_IMMERSIVE_DARK_MODE = 20;
+        private const uint DWMWA_CAPTION_COLOR = 35;
+        private const uint DWMWA_TEXT_COLOR = 36;
+        private const uint DWMWA_COLOR_DEFAULT = 0xFFFFFFFF;
+
+        [DllImport("dwmapi.dll")]
+        private static extern int DwmSetWindowAttribute(IntPtr hwnd, uint dwAttribute, ref int pvAttribute, int cbAttribute);
+
+        [DllImport("dwmapi.dll")]
+        private static extern int DwmSetWindowAttribute(IntPtr hwnd, uint dwAttribute, ref uint pvAttribute, int cbAttribute);
+
+        public static bool SetWindowCaptionColor(IntPtr hwnd, Color color)
+        {
+            int c = color.R | (color.G << 8) | (color.B << 16);
+            return 0 == DwmSetWindowAttribute(hwnd, DWMWA_CAPTION_COLOR, ref c, sizeof(uint));
+        }
+
+        public static bool SetWindowTextColor(IntPtr hwnd, Color color)
+        {
+            int c = color.R | (color.G << 8) | (color.B << 16);
+            return 0 == DwmSetWindowAttribute(hwnd, DWMWA_TEXT_COLOR, ref c, sizeof(uint));
+        }
+
+        public static bool SetWindowDarkMode(IntPtr hwnd, bool darkMode)
+        {
+            int b = darkMode ? 1 : 0;
+            uint c = DWMWA_COLOR_DEFAULT;
+            DwmSetWindowAttribute(hwnd, DWMWA_CAPTION_COLOR, ref c, sizeof(uint));
+            DwmSetWindowAttribute(hwnd, DWMWA_TEXT_COLOR, ref c, sizeof(uint));
+            return 0 == DwmSetWindowAttribute(hwnd, DWMWA_USE_IMMERSIVE_DARK_MODE, ref b, sizeof(int));
+        }
+    }
+}

SpineViewer/Resources/AppResource.cs

@@ -12,7 +12,102 @@ namespace SpineViewer.Resources
     /// </summary>
     public static class AppResource
     {
-        public static T Get<T>(string key) => (T)App.Current.FindResource(key);
+        private static T Get<T>(string key) => (T)App.Current.FindResource(key);
+
+        #region Colors
+
+        public static Color Color_LightPrimary => Get<Color>("LightPrimaryColor");
+        public static Color Color_Primary => Get<Color>("PrimaryColor");
+        public static Color Color_DarkPrimary => Get<Color>("DarkPrimaryColor");
+
+        public static Color Color_LightDanger => Get<Color>("LightDangerColor");
+        public static Color Color_Danger => Get<Color>("DangerColor");
+        public static Color Color_DarkDanger => Get<Color>("DarkDangerColor");
+
+        public static Color Color_LightWarning => Get<Color>("LightWarningColor");
+        public static Color Color_Warning => Get<Color>("WarningColor");
+        public static Color Color_DarkWarning => Get<Color>("DarkWarningColor");
+
+        public static Color Color_LightInfo => Get<Color>("LightInfoColor");
+        public static Color Color_Info => Get<Color>("InfoColor");
+        public static Color Color_DarkInfo => Get<Color>("DarkInfoColor");
+
+        public static Color Color_LightSuccess => Get<Color>("LightSuccessColor");
+        public static Color Color_Success => Get<Color>("SuccessColor");
+        public static Color Color_DarkSuccess => Get<Color>("DarkSuccessColor");
+
+        public static Color Color_PrimaryText => Get<Color>("PrimaryTextColor");
+        public static Color Color_SecondaryText => Get<Color>("SecondaryTextColor");
+        public static Color Color_ThirdlyText => Get<Color>("ThirdlyTextColor");
+        public static Color Color_ReverseText => Get<Color>("ReverseTextColor");
+        public static Color Color_TextIcon => Get<Color>("TextIconColor");
+
+        public static Color Color_Border => Get<Color>("BorderColor");
+        public static Color Color_SecondaryBorder => Get<Color>("SecondaryBorderColor");
+        public static Color Color_Background => Get<Color>("BackgroundColor");
+        public static Color Color_Region => Get<Color>("RegionColor");
+        public static Color Color_SecondaryRegion => Get<Color>("SecondaryRegionColor");
+        public static Color Color_ThirdlyRegion => Get<Color>("ThirdlyRegionColor");
+        public static Color Color_Title => Get<Color>("TitleColor");
+        public static Color Color_SecondaryTitle => Get<Color>("SecondaryTitleColor");
+
+        public static Color Color_Default => Get<Color>("DefaultColor");
+        public static Color Color_DarkDefault => Get<Color>("DarkDefaultColor");
+
+        public static Color Color_Accent => Get<Color>("AccentColor");
+        public static Color Color_DarkAccent => Get<Color>("DarkAccentColor");
+
+        public static Color Color_DarkMask => Get<Color>("DarkMaskColor");
+        public static Color Color_DarkOpacity => Get<Color>("DarkOpacityColor");
+
+        #endregion
+
+        #region Brushes
+
+        public static SolidColorBrush Brush_LightPrimary => Get<SolidColorBrush>("LightPrimaryBrush");
+        public static LinearGradientBrush Brush_Primary => Get<LinearGradientBrush>("PrimaryBrush");
+        public static SolidColorBrush Brush_DarkPrimary => Get<SolidColorBrush>("DarkPrimaryBrush");
+
+        public static SolidColorBrush Brush_PrimaryText => Get<SolidColorBrush>("PrimaryTextBrush");
+        public static SolidColorBrush Brush_SecondaryText => Get<SolidColorBrush>("SecondaryTextBrush");
+        public static SolidColorBrush Brush_ThirdlyText => Get<SolidColorBrush>("ThirdlyTextBrush");
+        public static SolidColorBrush Brush_ReverseText => Get<SolidColorBrush>("ReverseTextBrush");
+        public static SolidColorBrush Brush_TextIcon => Get<SolidColorBrush>("TextIconBrush");
+
+        public static SolidColorBrush Brush_Border => Get<SolidColorBrush>("BorderBrush");
+        public static SolidColorBrush Brush_SecondaryBorder => Get<SolidColorBrush>("SecondaryBorderBrush");
+        public static SolidColorBrush Brush_Background => Get<SolidColorBrush>("BackgroundBrush");
+        public static SolidColorBrush Brush_Region => Get<SolidColorBrush>("RegionBrush");
+        public static SolidColorBrush Brush_SecondaryRegion => Get<SolidColorBrush>("SecondaryRegionBrush");
+        public static SolidColorBrush Brush_ThirdlyRegion => Get<SolidColorBrush>("ThirdlyRegionBrush");
+        public static LinearGradientBrush Brush_Title => Get<LinearGradientBrush>("TitleBrush");
+
+        public static SolidColorBrush Brush_Default => Get<SolidColorBrush>("DefaultBrush");
+        public static SolidColorBrush Brush_DarkDefault => Get<SolidColorBrush>("DarkDefaultBrush");
+
+        public static SolidColorBrush Brush_LightDanger => Get<SolidColorBrush>("LightDangerBrush");
+        public static LinearGradientBrush Brush_Danger => Get<LinearGradientBrush>("DangerBrush");
+        public static SolidColorBrush Brush_DarkDanger => Get<SolidColorBrush>("DarkDangerBrush");
+
+        public static SolidColorBrush Brush_LightWarning => Get<SolidColorBrush>("LightWarningBrush");
+        public static LinearGradientBrush Brush_Warning => Get<LinearGradientBrush>("WarningBrush");
+        public static SolidColorBrush Brush_DarkWarning => Get<SolidColorBrush>("DarkWarningBrush");
+
+        public static SolidColorBrush Brush_LightInfo => Get<SolidColorBrush>("LightInfoBrush");
+        public static LinearGradientBrush Brush_Info => Get<LinearGradientBrush>("InfoBrush");
+        public static SolidColorBrush Brush_DarkInfo => Get<SolidColorBrush>("DarkInfoBrush");
+
+        public static SolidColorBrush Brush_LightSuccess => Get<SolidColorBrush>("LightSuccessBrush");
+        public static LinearGradientBrush Brush_Success => Get<LinearGradientBrush>("SuccessBrush");
+        public static SolidColorBrush Brush_DarkSuccess => Get<SolidColorBrush>("DarkSuccessBrush");
+
+        public static SolidColorBrush Brush_Accent => Get<SolidColorBrush>("AccentBrush");
+        public static SolidColorBrush Brush_DarkAccent => Get<SolidColorBrush>("DarkAccentBrush");
+
+        public static SolidColorBrush Brush_DarkMask => Get<SolidColorBrush>("DarkMaskBrush");
+        public static SolidColorBrush Brush_DarkOpacity => Get<SolidColorBrush>("DarkOpacityBrush");
+
+        #endregion
 
         #region Strings
 

SpineViewer/Resources/Geometries.xaml

@@ -13,4 +13,9 @@
     <Geometry x:Key="Geo_Stop" o:Freeze="True">M320 96c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32L64 416c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l256 0zM64 64C28.7 64 0 92.7 0 128L0 384c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-256c0-35.3-28.7-64-64-64L64 64z</Geometry>
     <Geometry x:Key="Geo_Folder" o:Freeze="True">M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z</Geometry>
     <Geometry x:Key="Geo_ArrowRotateRight" o:Freeze="True">M472 224c13.3 0 24-10.7 24-24l0-144c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 80.1-20-23.5C387 63.4 325.1 32 256 32C132.3 32 32 132.3 32 256s100.3 224 224 224c50.4 0 97-16.7 134.4-44.8c10.6-8 12.7-23 4.8-33.6s-23-12.7-33.6-4.8C332.2 418.9 295.7 432 256 432c-97.2 0-176-78.8-176-176s78.8-176 176-176c54.3 0 102.9 24.6 135.2 63.4l.1 .2s0 0 0 0L418.9 176 328 176c-13.3 0-24 10.7-24 24s10.7 24 24 24l144 0z</Geometry>
+    <Geometry x:Key="Geo_Cubes" o:Freeze="True">M348 62.7C330.7 52.7 309.3 52.7 292 62.7L207.8 111.3C190.5 121.3 179.8 139.8 179.8 159.8L179.8 261.7L91.5 312.7C74.2 322.7 63.5 341.2 63.5 361.2L63.5 458.5C63.5 478.5 74.2 497 91.5 507L175.8 555.6C193.1 565.6 214.5 565.6 231.8 555.6L320.1 504.6L408.4 555.6C425.7 565.6 447.1 565.6 464.4 555.6L548.5 507C565.8 497 576.5 478.5 576.5 458.5L576.5 361.2C576.5 341.2 565.8 322.7 548.5 312.7L460.2 261.7L460.2 159.8C460.2 139.8 449.5 121.3 432.2 111.3L348 62.7zM135.5 342.7L203.8 303.3L272.1 342.7L203.8 382.1L135.5 342.7zM111.5 384.3L179.8 423.7L179.8 502.5L115.5 465.4C113 464 111.5 461.3 111.5 458.5L111.5 384.3zM227.8 502.5L227.8 423.7L296.1 384.3L296.1 463.1L227.8 502.5zM344 384.3L412.3 423.7L412.3 502.5L344 463.1L344 384.3zM460.3 502.5L460.3 423.7L528.6 384.3L528.6 458.5C528.6 461.4 527.1 464 524.6 465.4L460.3 502.5zM504.6 342.7L436.3 382.1L368 342.7L436.3 303.3L504.6 342.7zM344 301.2L344 222.4L412.3 183L412.3 261.8L344 301.2zM388.3 141.4L320 180.8L251.8 141.4L316 104.3C318.5 102.9 321.5 102.9 324 104.3L388.3 141.4zM227.8 182.9L296.1 222.3L296.1 301.1L227.8 261.7L227.8 182.9z</Geometry>
+    <Geometry x:Key="Geo_Image" o:Freeze="True">M160 144C151.2 144 144 151.2 144 160L144 480C144 488.8 151.2 496 160 496L480 496C488.8 496 496 488.8 496 480L496 160C496 151.2 488.8 144 480 144L160 144zM96 160C96 124.7 124.7 96 160 96L480 96C515.3 96 544 124.7 544 160L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 160zM224 192C241.7 192 256 206.3 256 224C256 241.7 241.7 256 224 256C206.3 256 192 241.7 192 224C192 206.3 206.3 192 224 192zM360 264C368.5 264 376.4 268.5 380.7 275.8L460.7 411.8C465.1 419.2 465.1 428.4 460.8 435.9C456.5 443.4 448.6 448 440 448L200 448C191.1 448 182.8 443 178.7 435.1C174.6 427.2 175.2 417.6 180.3 410.3L236.3 330.3C240.8 323.9 248.1 320.1 256 320.1C263.9 320.1 271.2 323.9 275.7 330.3L292.9 354.9L339.4 275.9C343.7 268.6 351.6 264.1 360.1 264.1z</Geometry>
+    <Geometry x:Key="Geo_File" o:Freeze="True">M304 112L192 112C183.2 112 176 119.2 176 128L176 512C176 520.8 183.2 528 192 528L448 528C456.8 528 464 520.8 464 512L464 272L376 272C336.2 272 304 239.8 304 200L304 112zM444.1 224L352 131.9L352 200C352 213.3 362.7 224 376 224L444.1 224zM128 128C128 92.7 156.7 64 192 64L325.5 64C342.5 64 358.8 70.7 370.8 82.7L493.3 205.3C505.3 217.3 512 233.6 512 250.6L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128z</Geometry>
+    <Geometry x:Key="Geo_Gear" o:Freeze="True">M269.5 156.7L283.2 96L356.8 96L370.5 156.7C372.2 164.1 377.3 170.3 384.3 173.4C395.1 178.2 405.3 184.1 414.7 191C420.8 195.5 428.8 196.9 436.1 194.6L495.6 176.1L532.4 239.9L486.6 282.2C481 287.4 478.2 294.9 479 302.4C480.3 313.9 480.3 326.1 479 337.6C478.2 345.2 481 352.7 486.6 357.8L532.4 400.1L495.6 463.9L436.1 445.4C428.8 443.1 420.9 444.5 414.7 449C405.3 455.9 395.1 461.9 384.3 466.6C377.3 469.7 372.2 475.9 370.5 483.3L356.8 544L283.2 544L269.5 483.3C267.8 475.9 262.7 469.7 255.7 466.6C244.9 461.8 234.7 455.9 225.3 449C219.2 444.5 211.2 443.1 203.9 445.4L144.4 463.9L107.6 400.1L153.4 357.8C159 352.6 161.8 345.1 161 337.6C159.7 326.1 159.7 313.9 161 302.4C161.8 294.8 159 287.3 153.4 282.2L107.6 239.9L144.4 176.1L203.9 194.6C211.2 196.9 219.1 195.5 225.3 191C234.7 184.1 244.9 178.1 255.7 173.4C262.7 170.3 267.8 164.1 269.5 156.7zM276.8 48C258.1 48 241.9 61 237.8 79.2L225.2 134.8C218.9 138 212.9 141.5 207 145.3L152.6 128.4C134.7 122.8 115.4 130.4 106.1 146.6L62.9 221.4C53.6 237.6 56.7 258.1 70.4 270.8L112.3 309.5C112 316.4 112 323.5 112.3 330.5L70.4 369.2C56.7 381.9 53.5 402.4 62.9 418.6L106.1 493.4C115.4 509.6 134.8 517.1 152.6 511.6L207.1 494.7C213 498.5 219 502 225.3 505.2L237.9 560.8C242 579 258.2 592 276.9 592L363.3 592C382 592 398.2 579 402.3 560.8L414.9 505.2C421.2 502 427.2 498.5 433.1 494.7L487.6 511.6C505.5 517.2 524.8 509.6 534.1 493.4L577.3 418.6C586.6 402.4 583.5 381.9 569.8 369.2L527.9 330.5C528.2 323.6 528.2 316.5 527.9 309.5L569.8 270.8C583.5 258.1 586.6 237.6 577.3 221.4L534 146.6C524.6 130.4 505.3 122.9 487.5 128.4L433 145.3C427.1 141.5 421.1 138 414.8 134.8L402.3 79.2C398.1 61 381.9 48 363.2 48L276.8 48zM368 320C368 346.5 346.5 368 320 368C293.5 368 272 346.5 272 320C272 293.5 293.5 272 320 272C346.5 272 368 293.5 368 320zM320 224C267 224 224 267 224 320C224 373 267 416 320 416C373 416 416 373 416 320C416 267 373 224 320 224z</Geometry>
+    <Geometry x:Key="Geo_Sliders" o:Freeze="True">M88 136C74.7 136 64 146.7 64 160C64 173.3 74.7 184 88 184L179.7 184C189.9 216.5 220.2 240 256 240C291.8 240 322.1 216.5 332.3 184L552 184C565.3 184 576 173.3 576 160C576 146.7 565.3 136 552 136L332.3 136C322.1 103.5 291.8 80 256 80C220.2 80 189.9 103.5 179.7 136L88 136zM88 296C74.7 296 64 306.7 64 320C64 333.3 74.7 344 88 344L339.7 344C349.9 376.5 380.2 400 416 400C451.8 400 482.1 376.5 492.3 344L552 344C565.3 344 576 333.3 576 320C576 306.7 565.3 296 552 296L492.3 296C482.1 263.5 451.8 240 416 240C380.2 240 349.9 263.5 339.7 296L88 296zM88 456C74.7 456 64 466.7 64 480C64 493.3 74.7 504 88 504L147.7 504C157.9 536.5 188.2 560 224 560C259.8 560 290.1 536.5 300.3 504L552 504C565.3 504 576 493.3 576 480C576 466.7 565.3 456 552 456L300.3 456C290.1 423.5 259.8 400 224 400C188.2 400 157.9 423.5 147.7 456L88 456zM224 512C206.3 512 192 497.7 192 480C192 462.3 206.3 448 224 448C241.7 448 256 462.3 256 480C256 497.7 241.7 512 224 512zM416 352C398.3 352 384 337.7 384 320C384 302.3 398.3 288 416 288C433.7 288 448 302.3 448 320C448 337.7 433.7 352 416 352zM224 160C224 142.3 238.3 128 256 128C273.7 128 288 142.3 288 160C288 177.7 273.7 192 256 192C238.3 192 224 177.7 224 160z</Geometry>
 </ResourceDictionary>

SpineViewer/Resources/Skins/dark.xaml

@@ -0,0 +1,2 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    Source="pack://application:,,,/HandyControl;component/Themes/SkinDark.xaml"/>

SpineViewer/Resources/Skins/light.xaml

@@ -0,0 +1,2 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    Source="pack://application:,,,/HandyControl;component/Themes/SkinDefault.xaml"/>

SpineViewer/Resources/Skins/violet.xaml

@@ -0,0 +1,2 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    Source="pack://application:,,,/HandyControl;component/Themes/SkinViolet.xaml"/>

SpineViewer/Resources/Strings/en.xaml

@@ -45,7 +45,11 @@
     <s:String x:Key="Str_Reload">Reload</s:String>
     <s:String x:Key="Str_MoveUpSpineObject">Move Up</s:String>
     <s:String x:Key="Str_MoveDownSpineObject">Move Down</s:String>
+    <s:String x:Key="Str_SpineObjectConfig">Model Config</s:String>
     <s:String x:Key="Str_CopySpineObjectConfig">Copy Config</s:String>
+    <s:String x:Key="Str_CopySpineObjectSkinConfig">Copy Parameters (Skin Only)</s:String>
+    <s:String x:Key="Str_CopySpineObjectSlotAttachmentConfig">Copy Parameters (Slot Attachments Only)</s:String>
+    <s:String x:Key="Str_CopySpineObjectSlotVisibilityConfig">Copy Parameters (Slot Visibility Only)</s:String>
     <s:String x:Key="Str_ApplySpineObjectConfig">Apply Config</s:String>
     <s:String x:Key="Str_SaveSpineObjectConfigToFile">Save Config to File...</s:String>
     <s:String x:Key="Str_ApplySpineObjectConfigFromFile">Apply Config from File...</s:String>
@@ -78,13 +82,13 @@
     <s:String x:Key="Str_Y">Y</s:String>
 
     <s:String x:Key="Str_Skin">Skin</s:String>
-    <s:String x:Key="Str_EnableSkins">Enable Skins</s:String>
-    <s:String x:Key="Str_DisableSkins">Disable Skins</s:String>
+    <s:String x:Key="Str_Enable">Enable</s:String>
+    <s:String x:Key="Str_Disable">Disable</s:String>
+    <s:String x:Key="Str_EnableAll">Enable All</s:String>
+    <s:String x:Key="Str_DisableAll">Disable All</s:String>
 
     <s:String x:Key="Str_Slot">Slot</s:String>
     <s:String x:Key="Str_ClearSlotsAttachment">Clear Slots Attachment</s:String>
-    <s:String x:Key="Str_EnableSlots">Enable Slots</s:String>
-    <s:String x:Key="Str_DisableSlots">Disable Slots</s:String>
 
     <s:String x:Key="Str_Animation">Animation</s:String>
     <s:String x:Key="Str_AppendTrack">Add</s:String>
@@ -197,11 +201,13 @@
 
     <s:String x:Key="Str_VideoFormat">Video Format</s:String>
     <s:String x:Key="Str_LoopPlay">Loop Play</s:String>
-    <s:String x:Key="Str_LoopPlayTooltip" xml:space="preserve">[Gif/Webp]&#x0A;Whether the animation loops</s:String>
+    <s:String x:Key="Str_LoopPlayTooltip" xml:space="preserve">[Gif/Webp/Apng]&#x0A;Whether the animation loops</s:String>
     <s:String x:Key="Str_QualityParameter">Quality Parameter</s:String>
     <s:String x:Key="Str_QualityParameterTooltip" xml:space="preserve">[Webp]&#x0A;Quality parameter, range 0-100, higher value means better quality</s:String>
     <s:String x:Key="Str_LosslessParam">Lossless Compression</s:String>
     <s:String x:Key="Str_LosslessParamTooltip" xml:space="preserve">[Webp]&#x0A;Lossless compression, quality parameter will be ignored</s:String>
+    <s:String x:Key="Str_ApngPred">Predictor Method</s:String>
+    <s:String x:Key="Str_ApngPredTooltip" xml:space="preserve">[Apng]&#x0A;Pred parameter, value range 0-5, corresponding to different encoding strategies: none, sub, up, avg, paeth, and mixed.&#x0A;It affects encoding time and file size.</s:String>
     <s:String x:Key="Str_CrfParameter">CRF Parameter</s:String>
     <s:String x:Key="Str_CrfParameterTooltip" xml:space="preserve">[Mp4/Webm/Mkv]&#x0A;CRF parameter, range 0-63, lower value means higher quality</s:String>
     <s:String x:Key="Str_ProfileParameter">Profile Parameter</s:String>
@@ -242,6 +248,7 @@
 
     <s:String x:Key="Str_AppPreference">Application Options</s:String>
     <s:String x:Key="Str_Language">Language</s:String>
+    <s:String x:Key="Str_AppSkin">Skin</s:String>
     <s:String x:Key="Str_CloseToTray">Minimize to tray when closing</s:String>
     <s:String x:Key="Str_AutoRun">Auto Start</s:String>
     <s:String x:Key="Str_AutoRunWorkspaceConfigPath">Auto-load Workspace File on Startup</s:String>

SpineViewer/Resources/Strings/ja.xaml

@@ -45,7 +45,11 @@
     <s:String x:Key="Str_Reload">再読み込み</s:String>
     <s:String x:Key="Str_MoveUpSpineObject">上へ移動</s:String>
     <s:String x:Key="Str_MoveDownSpineObject">下へ移動</s:String>
+    <s:String x:Key="Str_SpineObjectConfig">モデル設定</s:String>
     <s:String x:Key="Str_CopySpineObjectConfig">パラメーターをコピー</s:String>
+    <s:String x:Key="Str_CopySpineObjectSkinConfig">パラメーターをコピー（スキンのみ）</s:String>
+    <s:String x:Key="Str_CopySpineObjectSlotAttachmentConfig">パラメーターをコピー（スロットのアタッチメントのみ）</s:String>
+    <s:String x:Key="Str_CopySpineObjectSlotVisibilityConfig">パラメーターをコピー（スロットの表示状態のみ）</s:String>
     <s:String x:Key="Str_ApplySpineObjectConfig">パラメーターを適用</s:String>
     <s:String x:Key="Str_SaveSpineObjectConfigToFile">パラメータファイルを保存...</s:String>
     <s:String x:Key="Str_ApplySpineObjectConfigFromFile">パラメータファイルを適用...</s:String>
@@ -78,13 +82,13 @@
     <s:String x:Key="Str_Y">Y座標</s:String>
 
     <s:String x:Key="Str_Skin">スキン</s:String>
-    <s:String x:Key="Str_EnableSkins">有効</s:String>
-    <s:String x:Key="Str_DisableSkins">無効</s:String>
+    <s:String x:Key="Str_Enable">有効にする</s:String>
+    <s:String x:Key="Str_Disable">無効にする</s:String>
+    <s:String x:Key="Str_EnableAll">すべて有効にする</s:String>
+    <s:String x:Key="Str_DisableAll">すべて無効にする</s:String>
 
     <s:String x:Key="Str_Slot">スロット</s:String>
     <s:String x:Key="Str_ClearSlotsAttachment">アタッチメントをクリア</s:String>
-    <s:String x:Key="Str_EnableSlots">有効</s:String>
-    <s:String x:Key="Str_DisableSlots">無効</s:String>
 
     <s:String x:Key="Str_Animation">アニメーション</s:String>
     <s:String x:Key="Str_AppendTrack">追加</s:String>
@@ -197,11 +201,13 @@
 
     <s:String x:Key="Str_VideoFormat">ビデオフォーマット</s:String>
     <s:String x:Key="Str_LoopPlay">ループ再生</s:String>
-    <s:String x:Key="Str_LoopPlayTooltip" xml:space="preserve">[Gif/Webp]&#x0A;アニメーションをループ再生するかどうか</s:String>
+    <s:String x:Key="Str_LoopPlayTooltip" xml:space="preserve">[Gif/Webp/Apng]&#x0A;アニメーションをループ再生するかどうか</s:String>
     <s:String x:Key="Str_QualityParameter">品質パラメータ</s:String>
     <s:String x:Key="Str_QualityParameterTooltip" xml:space="preserve">[Webp]&#x0A;品質パラメータ、範囲は0-100。値が高いほど品質が良い</s:String>
     <s:String x:Key="Str_LosslessParam">無損失圧縮</s:String>
     <s:String x:Key="Str_LosslessParamTooltip" xml:space="preserve">[Webp]&#x0A;無損失圧縮、品質パラメータは無視されます</s:String>
+    <s:String x:Key="Str_ApngPred">予測器方式</s:String>
+    <s:String x:Key="Str_ApngPredTooltip" xml:space="preserve">[Apng]&#x0A;Pred パラメータ。値の範囲は 0～5 で、それぞれ none、sub、up、avg、paeth、mixed の異なるエンコード方式に対応します。&#x0A;エンコード時間とファイルサイズに影響します。</s:String>
     <s:String x:Key="Str_CrfParameter">CRF パラメータ</s:String>
     <s:String x:Key="Str_CrfParameterTooltip" xml:space="preserve">[Mp4/Webm/Mkv]&#x0A;CRF パラメータ、範囲0-63。値が小さいほど品質が高い</s:String>
     <s:String x:Key="Str_ProfileParameter">プロファイルパラメータ</s:String>
@@ -242,6 +248,7 @@
 
     <s:String x:Key="Str_AppPreference">アプリケーションプション</s:String>
     <s:String x:Key="Str_Language">言語</s:String>
+    <s:String x:Key="Str_AppSkin">スキン</s:String>
     <s:String x:Key="Str_CloseToTray">閉じるときにトレイに最小化する</s:String>
     <s:String x:Key="Str_AutoRun">自動起動</s:String>
     <s:String x:Key="Str_AutoRunWorkspaceConfigPath">起動時にワークスペースファイルを自動読み込み</s:String>

SpineViewer/Resources/Strings/zh.xaml

@@ -45,7 +45,11 @@
     <s:String x:Key="Str_Reload">重新加载</s:String>
     <s:String x:Key="Str_MoveUpSpineObject">上移</s:String>
     <s:String x:Key="Str_MoveDownSpineObject">下移</s:String>
+    <s:String x:Key="Str_SpineObjectConfig">模型参数</s:String>
     <s:String x:Key="Str_CopySpineObjectConfig">复制参数</s:String>
+    <s:String x:Key="Str_CopySpineObjectSkinConfig">复制参数（仅皮肤）</s:String>
+    <s:String x:Key="Str_CopySpineObjectSlotAttachmentConfig">复制参数（仅插槽附件）</s:String>
+    <s:String x:Key="Str_CopySpineObjectSlotVisibilityConfig">复制参数（仅插槽可见性）</s:String>
     <s:String x:Key="Str_ApplySpineObjectConfig">应用参数</s:String>
     <s:String x:Key="Str_SaveSpineObjectConfigToFile">保存参数文件...</s:String>
     <s:String x:Key="Str_ApplySpineObjectConfigFromFile">应用参数文件...</s:String>
@@ -78,13 +82,13 @@
     <s:String x:Key="Str_Y">纵坐标</s:String>
 
     <s:String x:Key="Str_Skin">皮肤</s:String>
-    <s:String x:Key="Str_EnableSkins">启用</s:String>
-    <s:String x:Key="Str_DisableSkins">禁用</s:String>
+    <s:String x:Key="Str_Enable">启用</s:String>
+    <s:String x:Key="Str_Disable">禁用</s:String>
+    <s:String x:Key="Str_EnableAll">全部启用</s:String>
+    <s:String x:Key="Str_DisableAll">全部禁用</s:String>
 
     <s:String x:Key="Str_Slot">插槽</s:String>
     <s:String x:Key="Str_ClearSlotsAttachment">清除附件</s:String>
-    <s:String x:Key="Str_EnableSlots">启用</s:String>
-    <s:String x:Key="Str_DisableSlots">禁用</s:String>
 
     <s:String x:Key="Str_Animation">动画</s:String>
     <s:String x:Key="Str_AppendTrack">添加</s:String>
@@ -197,11 +201,13 @@
 
     <s:String x:Key="Str_VideoFormat">视频格式</s:String>
     <s:String x:Key="Str_LoopPlay">循环播放</s:String>
-    <s:String x:Key="Str_LoopPlayTooltip" xml:space="preserve">[Gif/Webp]&#x0A;动图是否循环播放</s:String>
+    <s:String x:Key="Str_LoopPlayTooltip" xml:space="preserve">[Gif/Webp/Apng]&#x0A;动图是否循环播放</s:String>
     <s:String x:Key="Str_QualityParameter">质量参数</s:String>
     <s:String x:Key="Str_QualityParameterTooltip" xml:space="preserve">[Webp]&#x0A;质量参数，取值范围 0-100，越高质量越好</s:String>
     <s:String x:Key="Str_LosslessParam">无损压缩</s:String>
     <s:String x:Key="Str_LosslessParamTooltip" xml:space="preserve">[Webp]&#x0A;无损压缩，会忽略质量参数</s:String>
+    <s:String x:Key="Str_ApngPred">预测器方法</s:String>
+    <s:String x:Key="Str_ApngPredTooltip" xml:space="preserve">[Apng]&#x0A;Pred 参数，取值范围 0-5，分别对应 none、sub、up、avg、paeth、mixed 几种不同的编码策略，&#x0A;影响编码时间和文件大小</s:String>
     <s:String x:Key="Str_CrfParameter">CRF 参数</s:String>
     <s:String x:Key="Str_CrfParameterTooltip" xml:space="preserve">[Mp4/Webm/Mkv]&#x0A;CRF 参数，取值范围 0-63，越小质量越高</s:String>
     <s:String x:Key="Str_ProfileParameter">Profile 参数</s:String>
@@ -242,6 +248,7 @@
 
     <s:String x:Key="Str_AppPreference">应用程序选项</s:String>
     <s:String x:Key="Str_Language">语言</s:String>
+    <s:String x:Key="Str_AppSkin">皮肤</s:String>
     <s:String x:Key="Str_CloseToTray">关闭时最小化至托盘图标</s:String>
     <s:String x:Key="Str_AutoRun">开机自启</s:String>
     <s:String x:Key="Str_AutoRunWorkspaceConfigPath">自启动加载工作区文件</s:String>

SpineViewer/Resources/Theme.xaml

@@ -0,0 +1,108 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:sys="clr-namespace:System;assembly=mscorlib"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:o="http://schemas.microsoft.com/winfx/2006/xaml/presentation/options"
+                    xmlns:utils="clr-namespace:SpineViewer.Utils"
+                    xmlns:hc="https://handyorg.github.io/handycontrol">
+    <ResourceDictionary.MergedDictionaries>
+        <ResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/Theme.xaml"/>
+    </ResourceDictionary.MergedDictionaries>
+
+    <utils:StringFormatMultiValueConverter x:Key="StrFmtCvter"/>
+    <utils:BackgroundToForegroundConverter x:Key="Bg2FgCvter"/>
+
+    <Style x:Key="MyGridSplitterBaseStyle" TargetType="{x:Type GridSplitter}">
+        <Setter Property="Background" Value="{DynamicResource SecondaryBorderBrush}"/>
+        <Setter Property="ShowsPreview" Value="False"/>
+        <Style.Triggers>
+            <Trigger Property="ResizeDirection" Value="Columns">
+                <Setter Property="Width" Value="3"/>
+                <Setter Property="HorizontalAlignment" Value="Center"/>
+                <Setter Property="VerticalAlignment" Value="Stretch"/>
+            </Trigger>
+            <Trigger Property="ResizeDirection" Value="Rows">
+                <Setter Property="Height" Value="3"/>
+                <Setter Property="VerticalAlignment" Value="Center"/>
+                <Setter Property="HorizontalAlignment" Value="Stretch"/>
+            </Trigger>
+        </Style.Triggers>
+    </Style>
+
+    <Style x:Key="MyToggleButtonBaseStyle" TargetType="{x:Type ToggleButton}" BasedOn="{StaticResource ToggleButtonSwitch}">
+        <Setter Property="hc:VisualElement.HighlightBrush" Value="{DynamicResource DarkSuccessBrush}"/>
+    </Style>
+
+    <Style x:Key="MyListBoxBaseStyle" TargetType="{x:Type ListBox}" BasedOn="{StaticResource ListBoxBaseStyle}">
+        <Setter Property="SelectionMode" Value="Extended"/>
+        <!--<Setter Property="VirtualizingPanel.IsVirtualizing" Value="False"/>-->
+        <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Visible"/>
+        <Setter Property="ItemContainerStyle">
+            <Setter.Value>
+                <Style TargetType="{x:Type ListBoxItem}" BasedOn="{StaticResource ListBoxItemBaseStyle}">
+                    <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
+                    <Setter Property="Padding" Value="0"/>
+                    <Setter Property="Margin" Value="0"/>
+                </Style>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <Style x:Key="MyListViewBaseStyle" TargetType="{x:Type ListView}" BasedOn="{StaticResource ListViewBaseStyle}">
+        <Setter Property="SelectionMode" Value="Extended"/>
+        <!--<Setter Property="VirtualizingPanel.IsVirtualizing" Value="False"/>-->
+        <Setter Property="Background" Value="Transparent"/>
+        <Setter Property="ItemContainerStyle" Value="{StaticResource ListViewItemBaseStyle.Small}"/>
+    </Style>
+
+    <Style x:Key="MyGroupBoxBaseStyle" TargetType="{x:Type GroupBox}" BasedOn="{StaticResource GroupBoxTab}">
+        <Setter Property="Background" Value="Transparent"/>
+        <Setter Property="hc:TitleElement.Background" Value="Transparent"/>
+    </Style>
+
+    <Style x:Key="MyLogRichTextBoxStyle" TargetType="{x:Type RichTextBox}" BasedOn="{StaticResource RichTextBoxBaseStyle}">
+        <Setter Property="IsReadOnly" Value="True"/>
+        <Setter Property="FontFamily" Value="Consolas"/>
+        <Setter Property="Block.LineHeight" Value="3"/>
+        <Setter Property="VerticalScrollBarVisibility" Value="Visible"/>
+    </Style>
+
+    <Style x:Key="MyVerticalScrollViewerBaseStyle" TargetType="{x:Type ScrollViewer}" BasedOn="{StaticResource ScrollViewerNativeBaseStyle}">
+        <Setter Property="Padding" Value="0"/>
+        <Setter Property="VerticalScrollBarVisibility" Value="Auto"/>
+        <Style.Triggers>
+            <Trigger Property="ComputedVerticalScrollBarVisibility" Value="Visible">
+                <Setter Property="Padding" Value="0 0 5 0"/>
+            </Trigger>
+        </Style.Triggers>
+    </Style>
+
+    <Style x:Key="MyTabItemHeaderPathStyle" TargetType="Path">
+        <Setter Property="Stretch" Value="Uniform"/>
+        <Setter Property="Stroke" Value="{DynamicResource PrimaryTextBrush}"/>
+        <Setter Property="StrokeThickness" Value="20"/>
+        <Style.Triggers>
+            <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=TabItem}, Path=IsSelected}" Value="True">
+                <Setter Property="Stroke" Value="{DynamicResource PrimaryBrush}"/>
+            </DataTrigger>
+        </Style.Triggers>
+    </Style>
+
+    <Style x:Key="MyTabItemHeaderContainerStyle" TargetType="Border">
+        <Setter Property="Background" Value="{DynamicResource RegionBrush}"/>
+        <Setter Property="Margin" Value="-10 -5 -8 -5"/>
+        <Setter Property="Padding" Value="10 5"/>
+        <Style.Triggers>
+            <Trigger Property="IsMouseOver" Value="True">
+                <Setter Property="Cursor" Value="Hand"/>
+                <Setter Property="Background" Value="{DynamicResource SecondaryRegionBrush}"/>
+            </Trigger>
+        </Style.Triggers>
+    </Style>
+
+    <Style TargetType="{x:Type GridSplitter}" BasedOn="{StaticResource MyGridSplitterBaseStyle}"/>
+    <Style TargetType="{x:Type ToggleButton}" BasedOn="{StaticResource MyToggleButtonBaseStyle}"/>
+    <Style TargetType="{x:Type ListBox}" BasedOn="{StaticResource MyListBoxBaseStyle}"/>
+    <Style TargetType="{x:Type ListView}" BasedOn="{StaticResource MyListViewBaseStyle}"/>
+    <Style TargetType="{x:Type GroupBox}" BasedOn="{StaticResource MyGroupBoxBaseStyle}"/>
+
+</ResourceDictionary>

SpineViewer/SpineViewer.csproj

@@ -7,7 +7,7 @@
         <TargetFramework>net8.0-windows</TargetFramework>
         <BaseOutputPath>$(SolutionDir)out</BaseOutputPath>
         <IncludeSourceRevisionInInformationalVersion>false</IncludeSourceRevisionInInformationalVersion>
-        <Version>0.16.3</Version>
+        <Version>0.16.8</Version>
         <OutputType>WinExe</OutputType>
         <UseWPF>true</UseWPF>
     </PropertyGroup>

SpineViewer/Utils/BackgroundColorToForegroundColor.cs

@@ -0,0 +1,35 @@
+using System;
+using System.Globalization;
+using System.Windows.Data;
+using System.Windows.Media;
+
+namespace SpineViewer.Utils
+{
+    public class BackgroundToForegroundConverter : IValueConverter
+    {
+        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            var color = Colors.White;
+            if (value is SolidColorBrush brush)
+            {
+                color = brush.Color;
+            }
+            else if (value is Color c)
+            {
+                color = c;
+            }
+
+            if (color.A < 128)
+                return Brushes.Black;
+
+            // 计算亮度 (使用标准加权公式)
+            double brightness = (0.299 * color.R + 0.587 * color.G + 0.114 * color.B) / 255.0;
+            return brightness < 0.5 ? Brushes.White : Brushes.Black;
+        }
+
+        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+        {
+            throw new NotImplementedException();
+        }
+    }
+}

SpineViewer/Utils/JsonHelper.cs

@@ -32,6 +32,7 @@ namespace SpineViewer.Utils
         private static readonly JsonSerializerOptions _jsonOptions = new()
         {
             WriteIndented = true,
+            IndentSize = 4,
             Encoder = JavaScriptEncoder.UnsafeRelaxedJsonEscaping,
             AllowTrailingCommas = true,
             ReadCommentHandling = JsonCommentHandling.Skip
@@ -47,7 +48,6 @@ namespace SpineViewer.Utils
                 if (!quietForNotExist)
                 {
                     _logger.Error("Json file {0} not found", path);
-                    MessagePopupService.Error($"Json file {path} not found");
                 }
             }
             else
@@ -62,13 +62,11 @@ namespace SpineViewer.Utils
                         return true;
                     }
                     _logger.Error("Null data in file {0}", path);
-                    MessagePopupService.Error($"Null data in file {path}");
                 }
                 catch (Exception ex)
                 {
-                    _logger.Error("Failed to read json file {0}, {1}", path, ex.Message);
                     _logger.Trace(ex.ToString());
-                    MessagePopupService.Error($"Failed to read json file {path}, {ex.ToString()}");
+                    _logger.Error("Failed to read json file {0}, {1}", path, ex.Message);
                 }
             }
             obj = default;
@@ -88,13 +86,26 @@ namespace SpineViewer.Utils
             }
             catch (Exception ex)
             {
-                _logger.Error("Failed to save json file {0}, {1}", path, ex.Message);
                 _logger.Trace(ex.ToString());
-                MessagePopupService.Error($"Failed to save json file {path}, {ex.ToString()}");
+                _logger.Error("Failed to save json file {0}, {1}", path, ex.Message);
                 return false;
             }
             return true;
         }
+
+        public static string Serialize<T>(T obj)
+        {
+            try
+            {
+                return JsonSerializer.Serialize(obj, _jsonOptions);
+            }
+            catch (Exception ex)
+            {
+                _logger.Trace(ex.ToString());
+                _logger.Error("Failed to serialize json object {0}", ex.Message);
+                return string.Empty;
+            }
+        }
     }
 
     public class ColorJsonConverter : JsonConverter<Color>

SpineViewer/Utils/PropertyWatcher.cs

@@ -0,0 +1,31 @@
+using System;
+using System.Collections.Generic;
+using System.ComponentModel;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows;
+
+namespace SpineViewer.Utils
+{
+    public static class PropertyWatcher
+    {
+        public static IDisposable Watch(DependencyObject target, DependencyProperty property, Action callback)
+        {
+            var dpd = DependencyPropertyDescriptor.FromProperty(property, target.GetType());
+            if (dpd == null) return null;
+
+            EventHandler handler = (s, e) => callback();
+            dpd.AddValueChanged(target, handler);
+
+            return new Unsubscriber(() => dpd.RemoveValueChanged(target, handler));
+        }
+
+        private class Unsubscriber : IDisposable
+        {
+            private readonly Action _dispose;
+            public Unsubscriber(Action dispose) => _dispose = dispose;
+            public void Dispose() => _dispose();
+        }
+    }
+}

SpineViewer/ViewModels/Exporters/BaseExporterViewModel.cs

@@ -7,6 +7,7 @@ using Spine.Exporters;
 using SpineViewer.Extensions;
 using SpineViewer.Models;
 using SpineViewer.Resources;
+using SpineViewer.Services;
 using SpineViewer.ViewModels.MainWindow;
 using System;
 using System.Collections;
@@ -74,6 +75,16 @@ namespace SpineViewer.ViewModels.Exporters
         public uint MaxResolution { get => _maxResolution; set => SetProperty(ref _maxResolution, value); }
         protected uint _maxResolution = 2048;
 
+        public RelayCommand Cmd_SelectOutputDir => _cmd_SelectOutputDir ??= new(() =>
+        {
+            if (DialogService.ShowOpenFolderDialog(out var selectedPath))
+            {
+                _outputDir = selectedPath;
+                OnPropertyChanged(nameof(OutputDir));
+            }
+        });
+        protected RelayCommand _cmd_SelectOutputDir;
+
         /// <summary>
         /// 使用提供的包围盒设置自动分辨率
         /// </summary>

SpineViewer/ViewModels/Exporters/CustomFFmpegExporterViewModel.cs

@@ -36,7 +36,7 @@ namespace SpineViewer.ViewModels.Exporters
         public string? CustomArgs { get => _customArgs; set => SetProperty(ref _customArgs, value); }
         protected string? _customArgs;
 
-        private string FormatSuffix => $".{_format.ToString().ToLower()}";
+        private string FormatSuffix => $".{_format.ToString().ToLowerInvariant()}";
 
         public override string? Validate()
         {

SpineViewer/ViewModels/Exporters/FFmpegVideoExporterViewModel.cs

@@ -20,25 +20,64 @@ namespace SpineViewer.ViewModels.Exporters
     {
         public static ImmutableArray<FFmpegVideoExporter.VideoFormat> VideoFormatOptions { get; } = Enum.GetValues<FFmpegVideoExporter.VideoFormat>().ToImmutableArray();
 
-        public FFmpegVideoExporter.VideoFormat Format { get => _format; set => SetProperty(ref _format, value); }
+        public FFmpegVideoExporter.VideoFormat Format 
+        { 
+            get => _format;
+            set
+            {
+                if (!SetProperty(ref _format, value))
+                    return;
+                OnPropertyChanged(nameof(EnableParamLoop));
+                OnPropertyChanged(nameof(EnableParamQuality));
+                OnPropertyChanged(nameof(EnableParamLossless));
+                OnPropertyChanged(nameof(EnableParamApngPred));
+                OnPropertyChanged(nameof(EnableParamCrf));
+                OnPropertyChanged(nameof(EnableParamProfile));
+            }
+        }
         protected FFmpegVideoExporter.VideoFormat _format = FFmpegVideoExporter.VideoFormat.Mp4;
 
         public bool Loop { get => _loop; set => SetProperty(ref _loop, value); }
         protected bool _loop = true;
 
+        public bool EnableParamLoop =>
+            _format == FFmpegVideoExporter.VideoFormat.Gif ||
+            _format == FFmpegVideoExporter.VideoFormat.Webp ||
+            _format == FFmpegVideoExporter.VideoFormat.Apng;
+
         public int Quality { get => _quality; set => SetProperty(ref _quality, Math.Clamp(value, 0, 100)); }
         protected int _quality = 75;
 
+        public bool EnableParamQuality =>
+            _format == FFmpegVideoExporter.VideoFormat.Webp;
+
         public bool Lossless { get => _lossless; set => SetProperty(ref _lossless, value); }
         protected bool _lossless = false;
 
+        public bool EnableParamLossless =>
+            _format == FFmpegVideoExporter.VideoFormat.Webp;
+
+        public int ApngPred { get => _apngPred; set => SetProperty(ref _apngPred, Math.Clamp(value, 0, 5)); }
+        protected int _apngPred = 5;
+
+        public bool EnableParamApngPred =>
+            _format == FFmpegVideoExporter.VideoFormat.Apng;
+
         public int Crf { get => _crf; set => SetProperty(ref _crf, Math.Clamp(value, 0, 63)); }
         protected int _crf = 23;
 
+        public bool EnableParamCrf =>
+            _format == FFmpegVideoExporter.VideoFormat.Mp4 ||
+            _format == FFmpegVideoExporter.VideoFormat.Webm ||
+            _format == FFmpegVideoExporter.VideoFormat.Mkv;
+
         public int Profile { get => _profile; set => SetProperty(ref _profile, Math.Clamp(value, -1, 5)); }
         protected int _profile = 5;
 
-        private string FormatSuffix => $".{_format.ToString().ToLower()}";
+        public bool EnableParamProfile =>
+            _format == FFmpegVideoExporter.VideoFormat.Mov;
+
+        private string FormatSuffix => $".{_format.ToString().ToLowerInvariant()}";
 
         protected override void Export(SpineObjectModel[] models)
         {
@@ -63,6 +102,7 @@ namespace SpineViewer.ViewModels.Exporters
                 Loop = _loop,
                 Quality = _quality,
                 Lossless = _lossless,
+                ApngPred = _apngPred,
                 Crf = _crf,
                 Profile = _profile,
             };

SpineViewer/ViewModels/Exporters/FrameExporterViewModel.cs

@@ -34,7 +34,7 @@ namespace SpineViewer.ViewModels.Exporters
             {
                 if (_format == SKEncodedImageFormat.Heif) return ".jpeg";
                 else if (_format == SKEncodedImageFormat.Jpegxl) return ".jpeg";
-                else return $".{_format.ToString().ToLower()}";
+                else return $".{_format.ToString().ToLowerInvariant()}";
             }
         }
 

SpineViewer/ViewModels/MainWindow/ExplorerListViewModel.cs

@@ -20,7 +20,6 @@ using System.Windows;
 using System.Windows.Media;
 using System.Windows.Media.Imaging;
 using System.Windows.Shell;
-using Spine.Interfaces;
 
 namespace SpineViewer.ViewModels.MainWindow
 {
@@ -334,7 +333,7 @@ namespace SpineViewer.ViewModels.MainWindow
                 {
                     foreach (var file in Directory.EnumerateFiles(_currentDirectory, "*.*", SearchOption.AllDirectories))
                     {
-                        var lowerPath = file.ToLower();
+                        var lowerPath = file.ToLowerInvariant();
                         if (SpineObject.PossibleSuffixMapping.Keys.Any(lowerPath.EndsWith))
                             _items.Add(new(file));
                     }

SpineViewer/ViewModels/MainWindow/MainWindowViewModel.cs

@@ -32,15 +32,19 @@ namespace SpineViewer.ViewModels.MainWindow
         /// <summary>
         /// 指示是否通过托盘图标进行退出
         /// </summary>
-        public bool IsShuttingDownFromTray => _isShuttingDownFromTray;
+        public bool IsShuttingDownFromTray
+        {
+            get => _isShuttingDownFromTray;
+            private set => SetProperty(ref _isShuttingDownFromTray, value);
+        }
         private bool _isShuttingDownFromTray;
 
-        public bool? CloseToTray
+        public bool CloseToTray
         {
             get => _closeToTray;
             set => SetProperty(ref _closeToTray, value);
         }
-        private bool? _closeToTray = null;
+        private bool _closeToTray;
 
         public string AutoRunWorkspaceConfigPath
         {
@@ -109,8 +113,7 @@ namespace SpineViewer.ViewModels.MainWindow
 
         public RelayCommand Cmd_ExitFromTray => _cmd_ExitFromTray ??= new(() =>
         {
-            _isShuttingDownFromTray = true;
-            OnPropertyChanged(nameof(IsShuttingDownFromTray));
+            IsShuttingDownFromTray = true;
             App.Current.Shutdown();
         });
         private RelayCommand? _cmd_ExitFromTray;

SpineViewer/ViewModels/MainWindow/PreferenceViewModel.cs

@@ -2,8 +2,8 @@
 using CommunityToolkit.Mvvm.Input;
 using Microsoft.Win32;
 using NLog;
+using Spine;
 using Spine.Implementations;
-using Spine.Interfaces;
 using SpineViewer.Models;
 using SpineViewer.Natives;
 using SpineViewer.Services;
@@ -109,6 +109,7 @@ namespace SpineViewer.ViewModels.MainWindow
                     DebugClippings = DebugClippings,
 
                     AppLanguage = AppLanguage,
+                    AppSkin = AppSkin,
                     RenderSelectedOnly = RenderSelectedOnly,
                     HitTestLevel = HitTestLevel,
                     LogHitSlots = LogHitSlots,
@@ -140,6 +141,7 @@ namespace SpineViewer.ViewModels.MainWindow
                 DebugClippings = value.DebugClippings;
 
                 AppLanguage = value.AppLanguage;
+                AppSkin = value.AppSkin;
                 RenderSelectedOnly = value.RenderSelectedOnly;
                 HitTestLevel = value.HitTestLevel;
                 LogHitSlots = value.LogHitSlots;
@@ -253,6 +255,8 @@ namespace SpineViewer.ViewModels.MainWindow
 
         public static ImmutableArray<AppLanguage> AppLanguageOptions { get; } = Enum.GetValues<AppLanguage>().ToImmutableArray();
 
+        public static ImmutableArray<AppSkin> AppSkinOptions { get; } = Enum.GetValues<AppSkin>().ToImmutableArray();
+
         public static ImmutableArray<HitTestLevel> HitTestLevelOptions { get; } = Enum.GetValues<HitTestLevel>().ToImmutableArray();
 
         public AppLanguage AppLanguage
@@ -261,6 +265,12 @@ namespace SpineViewer.ViewModels.MainWindow
             set => SetProperty(((App)App.Current).Language, value, v => ((App)App.Current).Language = v);
         }
 
+        public AppSkin AppSkin
+        {
+            get => ((App)App.Current).Skin;
+            set => SetProperty(((App)App.Current).Skin, value, v => ((App)App.Current).Skin = v);
+        }
+
         public bool RenderSelectedOnly
         {
             get => _vmMain.SFMLRendererViewModel.RenderSelectedOnly;
@@ -285,7 +295,7 @@ namespace SpineViewer.ViewModels.MainWindow
             set => SetProperty(_vmMain.SFMLRendererViewModel.WallpaperView, value, v => _vmMain.SFMLRendererViewModel.WallpaperView = v);
         }
 
-        public bool? CloseToTray
+        public bool CloseToTray
         {
             get => _vmMain.CloseToTray;
             set => SetProperty(_vmMain.CloseToTray, value, v => _vmMain.CloseToTray = v);

SpineViewer/ViewModels/MainWindow/SFMLRendererViewModel.cs

@@ -47,11 +47,6 @@ namespace SpineViewer.ViewModels.MainWindow
         /// </summary>
         private readonly SFML.Graphics.VertexArray _selectedBackgroundVertices = new(SFML.Graphics.PrimitiveType.Quads, 4); // XXX: 暂时未使用 Dispose 释放
 
-        /// <summary>
-        /// 预览画面坐标轴颜色
-        /// </summary>
-        private static readonly SFML.Graphics.Color _axisColor = new(220, 220, 220);
-
         /// <summary>
         /// 坐标轴顶点缓冲区
         /// </summary>
@@ -178,10 +173,21 @@ namespace SpineViewer.ViewModels.MainWindow
         public Color BackgroundColor
         {
             get => Color.FromRgb(_backgroundColor.R, _backgroundColor.G, _backgroundColor.B);
-            set => SetProperty(BackgroundColor, value, v => _backgroundColor = new(value.R, value.G, value.B));
+            set
+            {
+                if (!SetProperty(BackgroundColor, value, v => _backgroundColor = new(value.R, value.G, value.B)))
+                    return;
+                var b = (0.299 * value.R + 0.587 * value.G + 0.114 * value.B) / 255.0;
+                _axisColor = b < 0.5 ? SFML.Graphics.Color.White : SFML.Graphics.Color.Black;
+            }
         }
         private SFML.Graphics.Color _backgroundColor = new(105, 105, 105);
 
+        /// <summary>
+        /// 预览画面坐标轴颜色
+        /// </summary>
+        private SFML.Graphics.Color _axisColor = SFML.Graphics.Color.White;
+
         public string BackgroundImagePath
         {
             get => _backgroundImagePath;

SpineViewer/ViewModels/MainWindow/SpineObjectListViewModel.cs

@@ -34,6 +34,7 @@ namespace SpineViewer.ViewModels.MainWindow
         /// 临时对象, 存储复制的模型参数
         /// </summary>
         private SpineObjectConfigModel? _copiedSpineObjectConfigModel = null;
+        private SpineObjectConfigApplyFlag _copiedConfigFlag = SpineObjectConfigApplyFlag.All;
 
         public SpineObjectListViewModel(MainWindowViewModel mainViewModel)
         {
@@ -99,6 +100,127 @@ namespace SpineViewer.ViewModels.MainWindow
             }
         }
 
+        /// <summary>
+        /// 从路径列表添加对象
+        /// </summary>
+        /// <param name="paths">可以是文件和文件夹</param>
+        public void AddSpineObjectFromFileList(IEnumerable<string> paths)
+        {
+            List<string> validPaths = [];
+            foreach (var path in paths)
+            {
+                if (File.Exists(path))
+                {
+                    var lowerPath = path.ToLowerInvariant();
+                    if (SpineObject.PossibleSuffixMapping.Keys.Any(lowerPath.EndsWith))
+                        validPaths.Add(path);
+                }
+                else if (Directory.Exists(path))
+                {
+                    foreach (var file in Directory.EnumerateFiles(path, "*.*", SearchOption.AllDirectories))
+                    {
+                        var lowerPath = file.ToLowerInvariant();
+                        if (SpineObject.PossibleSuffixMapping.Keys.Any(lowerPath.EndsWith))
+                            validPaths.Add(file);
+                    }
+                }
+            }
+
+            if (validPaths.Count > 1)
+            {
+                if (validPaths.Count > 100)
+                {
+                    if (!MessagePopupService.OKCancel(string.Format(AppResource.Str_TooManyItemsToAddQuest, validPaths.Count)))
+                        return;
+                }
+                ProgressService.RunAsync((pr, ct) => AddSpineObjectsTask(
+                    validPaths.ToArray(), pr, ct),
+                    AppResource.Str_AddSpineObjectsTitle
+                );
+            }
+            else if (validPaths.Count > 0)
+            {
+                InsertSpineObject(validPaths[0]);
+                _logger.LogCurrentProcessMemoryUsage();
+            }
+        }
+
+        /// <summary>
+        /// 用于后台添加模型的任务方法
+        /// </summary>
+        private void AddSpineObjectsTask(string[] paths, IProgressReporter reporter, CancellationToken ct)
+        {
+            int totalCount = paths.Length;
+            int success = 0;
+            int error = 0;
+
+            _vmMain.ProgressState = TaskbarItemProgressState.Normal;
+            _vmMain.ProgressValue = 0;
+
+            reporter.Total = totalCount;
+            reporter.Done = 0;
+            reporter.ProgressText = $"[0/{totalCount}]";
+            for (int i = 0; i < totalCount; i++)
+            {
+                if (ct.IsCancellationRequested) break;
+
+                var skelPath = paths[i];
+                reporter.ProgressText = $"[{i}/{totalCount}] {skelPath}";
+
+                if (InsertSpineObject(skelPath))
+                    success++;
+                else
+                    error++;
+
+                reporter.Done = i + 1;
+                reporter.ProgressText = $"[{i + 1}/{totalCount}] {skelPath}";
+                _vmMain.ProgressValue = (i + 1f) / totalCount;
+            }
+            _vmMain.ProgressState = TaskbarItemProgressState.None;
+
+            if (error > 0)
+                _logger.Warn("Batch load {0} successfully, {1} failed", success, error);
+            else
+                _logger.Info("{0} skel loaded successfully", success);
+
+            _logger.LogCurrentProcessMemoryUsage();
+        }
+
+        /// <summary>
+        /// 安全地在列表头添加一个模型, 发生错误会输出日志
+        /// </summary>
+        /// <returns>是否添加成功</returns>
+        private bool InsertSpineObject(string skelPath, string? atlasPath = null)
+        {
+            try
+            {
+                var sp = new SpineObjectModel(skelPath, atlasPath);
+                lock (_spineObjectModels.Lock) _spineObjectModels.Insert(0, sp);
+                if (Application.Current.Dispatcher.CheckAccess())
+                {
+                    RequestSelectionChanging?.Invoke(this, new(NotifyCollectionChangedAction.Reset));
+                    RequestSelectionChanging?.Invoke(this, new(NotifyCollectionChangedAction.Add, sp));
+                }
+                else
+                {
+                    Application.Current.Dispatcher.Invoke(() =>
+                    {
+                        RequestSelectionChanging?.Invoke(this, new(NotifyCollectionChangedAction.Reset));
+                        RequestSelectionChanging?.Invoke(this, new(NotifyCollectionChangedAction.Add, sp));
+                    });
+                }
+                return true;
+            }
+            catch (Exception ex)
+            {
+                _logger.Trace(ex.ToString());
+                _logger.Error("Failed to load: {0}, {1}", skelPath, ex.Message);
+            }
+            return false;
+        }
+
+        #region 模型列表管理菜单项实现
+
         /// <summary>
         /// 弹窗添加单模型命令
         /// </summary>
@@ -218,8 +340,8 @@ namespace SpineViewer.ViewModels.MainWindow
                     }
                     catch (Exception ex)
                     {
-                        _logger.Error("Failed to reload spine {0}, {1}", sp.SkelPath, ex.Message);
                         _logger.Trace(ex.ToString());
+                        _logger.Error("Failed to reload spine {0}, {1}", sp.SkelPath, ex.Message);
                     }
                 }
             }
@@ -279,8 +401,8 @@ namespace SpineViewer.ViewModels.MainWindow
                         catch (Exception ex)
                         {
                             error++;
-                            _logger.Error("Failed to reload spine {0}, {1}", sp.SkelPath, ex.Message);
                             _logger.Trace(ex.ToString());
+                            _logger.Error("Failed to reload spine {0}, {1}", sp.SkelPath, ex.Message);
                         }
                     }
                 }
@@ -349,18 +471,53 @@ namespace SpineViewer.ViewModels.MainWindow
             return true;
         }
 
+        #endregion
+
+        #region 模型参数管理菜单项实现
+
         /// <summary>
         /// 复制模型参数
         /// </summary>
-        public RelayCommand<IList?> Cmd_CopySpineObjectConfig => _cmd_CopySpineObjectConfig ??= new(CopySpineObjectConfig_Execute, CopySpineObjectConfig_CanExecute);
+        public RelayCommand<IList?> Cmd_CopySpineObjectConfig => _cmd_CopySpineObjectConfig ??= new(
+            args => CopySpineObjectConfig_Execute(args, SpineObjectConfigApplyFlag.All), 
+            CopySpineObjectConfig_CanExecute
+        );
         private RelayCommand<IList?>? _cmd_CopySpineObjectConfig;
 
-        private void CopySpineObjectConfig_Execute(IList? args)
+        /// <summary>
+        /// 复制模型参数 (仅皮肤)
+        /// </summary>
+        public RelayCommand<IList?> Cmd_CopySpineObjectSkinConfig => _cmd_CopySpineObjectSkinConfig ??= new(
+            args => CopySpineObjectConfig_Execute(args, SpineObjectConfigApplyFlag.Skin), 
+            CopySpineObjectConfig_CanExecute
+        );
+        private RelayCommand<IList?>? _cmd_CopySpineObjectSkinConfig;
+
+        /// <summary>
+        /// 复制模型参数 (仅插槽附件)
+        /// </summary>
+        public RelayCommand<IList?> Cmd_CopySpineObjectSlotAttachmentConfig => _cmd_CopySpineObjectSlotAttachmentConfig ??= new(
+            args => CopySpineObjectConfig_Execute(args, SpineObjectConfigApplyFlag.SlotAttachement), 
+            CopySpineObjectConfig_CanExecute
+        );
+        private RelayCommand<IList?>? _cmd_CopySpineObjectSlotAttachmentConfig;
+
+        /// <summary>
+        /// 复制模型参数 (仅插槽可见性)
+        /// </summary>
+        public RelayCommand<IList?> Cmd_CopySpineObjectSlotVisibilityConfig => _cmd_CopySpineObjectSlotVisibilityConfig ??= new(
+            args => CopySpineObjectConfig_Execute(args, SpineObjectConfigApplyFlag.SlotVisibility), 
+            CopySpineObjectConfig_CanExecute
+        );
+        private RelayCommand<IList?>? _cmd_CopySpineObjectSlotVisibilityConfig;
+
+        private void CopySpineObjectConfig_Execute(IList? args, SpineObjectConfigApplyFlag flag)
         {
             if (!CopySpineObjectConfig_CanExecute(args)) return;
             var sp = (SpineObjectModel)args[0];
             _copiedSpineObjectConfigModel = sp.ObjectConfig;
-            _logger.Info("Copy config from model: {0}", sp.Name);
+            _copiedConfigFlag = flag;
+            _logger.Info("Copy config[{0}] from model: {1}", flag, sp.Name);
         }
 
         private bool CopySpineObjectConfig_CanExecute(IList? args)
@@ -381,8 +538,8 @@ namespace SpineViewer.ViewModels.MainWindow
             if (!ApplySpineObjectConfig_CanExecute(args)) return;
             foreach (SpineObjectModel sp in args)
             {
-                sp.ObjectConfig = _copiedSpineObjectConfigModel;
-                _logger.Info("Apply config to model: {0}", sp.Name);
+                sp.ApplyObjectConfig(_copiedSpineObjectConfigModel, _copiedConfigFlag);
+                _logger.Info("Apply config[{0}] to model: {1}", _copiedConfigFlag, sp.Name);
             }
         }
 
@@ -439,124 +596,9 @@ namespace SpineViewer.ViewModels.MainWindow
             return true;
         }
 
-        /// <summary>
-        /// 从路径列表添加对象
-        /// </summary>
-        /// <param name="paths">可以是文件和文件夹</param>
-        public void AddSpineObjectFromFileList(IEnumerable<string> paths)
-        {
-            List<string> validPaths = [];
-            foreach (var path in paths)
-            {
-                if (File.Exists(path))
-                {
-                    var lowerPath = path.ToLower();
-                    if (SpineObject.PossibleSuffixMapping.Keys.Any(lowerPath.EndsWith))
-                        validPaths.Add(path);
-                }
-                else if (Directory.Exists(path))
-                {
-                    foreach (var file in Directory.EnumerateFiles(path, "*.*", SearchOption.AllDirectories))
-                    {
-                        var lowerPath = file.ToLower();
-                        if (SpineObject.PossibleSuffixMapping.Keys.Any(lowerPath.EndsWith))
-                            validPaths.Add(file);
-                    }
-                }
-            }
+        #endregion
 
-            if (validPaths.Count > 1)
-            {
-                if (validPaths.Count > 100)
-                {
-                    if (!MessagePopupService.OKCancel(string.Format(AppResource.Str_TooManyItemsToAddQuest, validPaths.Count)))
-                        return;
-                }
-                ProgressService.RunAsync((pr, ct) => AddSpineObjectsTask(
-                    validPaths.ToArray(), pr, ct),
-                    AppResource.Str_AddSpineObjectsTitle
-                );
-            }
-            else if (validPaths.Count > 0)
-            {
-                InsertSpineObject(validPaths[0]);
-                _logger.LogCurrentProcessMemoryUsage();
-            }
-        }
-
-        /// <summary>
-        /// 用于后台添加模型的任务方法
-        /// </summary>
-        private void AddSpineObjectsTask(string[] paths, IProgressReporter reporter, CancellationToken ct)
-        {
-            int totalCount = paths.Length;
-            int success = 0;
-            int error = 0;
-
-            _vmMain.ProgressState = TaskbarItemProgressState.Normal;
-            _vmMain.ProgressValue = 0;
-
-            reporter.Total = totalCount;
-            reporter.Done = 0;
-            reporter.ProgressText = $"[0/{totalCount}]";
-            for (int i = 0; i < totalCount; i++)
-            {
-                if (ct.IsCancellationRequested) break;
-
-                var skelPath = paths[i];
-                reporter.ProgressText = $"[{i}/{totalCount}] {skelPath}";
-
-                if (InsertSpineObject(skelPath))
-                    success++;
-                else
-                    error++;
-
-                reporter.Done = i + 1;
-                reporter.ProgressText = $"[{i + 1}/{totalCount}] {skelPath}";
-                _vmMain.ProgressValue = (i + 1f) / totalCount;
-            }
-            _vmMain.ProgressState = TaskbarItemProgressState.None;
-
-            if (error > 0)
-                _logger.Warn("Batch load {0} successfully, {1} failed", success, error);
-            else
-                _logger.Info("{0} skel loaded successfully", success);
-
-            _logger.LogCurrentProcessMemoryUsage();
-        }
-
-        /// <summary>
-        /// 安全地在列表头添加一个模型, 发生错误会输出日志
-        /// </summary>
-        /// <returns>是否添加成功</returns>
-        private bool InsertSpineObject(string skelPath, string? atlasPath = null)
-        {
-            try
-            {
-                var sp = new SpineObjectModel(skelPath, atlasPath);
-                lock (_spineObjectModels.Lock) _spineObjectModels.Insert(0, sp);
-                if (Application.Current.Dispatcher.CheckAccess())
-                {
-                    RequestSelectionChanging?.Invoke(this, new(NotifyCollectionChangedAction.Reset));
-                    RequestSelectionChanging?.Invoke(this, new(NotifyCollectionChangedAction.Add, sp));
-                }
-                else
-                {
-                    Application.Current.Dispatcher.Invoke(() =>
-                    {
-                        RequestSelectionChanging?.Invoke(this, new(NotifyCollectionChangedAction.Reset));
-                        RequestSelectionChanging?.Invoke(this, new(NotifyCollectionChangedAction.Add, sp));
-                    });
-                }
-                return true;
-            }
-            catch (Exception ex)
-            {
-                _logger.Trace(ex.ToString());
-                _logger.Error("Failed to load: {0}, {1}", skelPath, ex.Message);
-            }
-            return false;
-        }
+        #region 工作区参数实现
 
         public List<SpineObjectWorkspaceConfigModel> LoadedSpineObjects
         {
@@ -681,5 +723,7 @@ namespace SpineViewer.ViewModels.MainWindow
             }
             return false;
         }
+
+        #endregion
     }
 }

SpineViewer/ViewModels/MainWindow/SpineObjectTabViewModel.cs

@@ -346,6 +346,18 @@ namespace SpineViewer.ViewModels.MainWindow
         );
         private RelayCommand<IList?> _cmd_DisableSkins;
 
+        public RelayCommand Cmd_EnableAllSkins => _cmd_EnableAllSkins ??= new(
+            () => { if (_skins.Count <= 0) return; foreach (var s in _skins) s.Status = true; },
+            () => { return _skins.Count > 0; }
+        );
+        private RelayCommand _cmd_EnableAllSkins;
+
+        public RelayCommand Cmd_DisableAllSkins => _cmd_DisableAllSkins ??= new(
+            () => { if (_skins.Count <= 0) return; foreach (var s in _skins) s.Status = false; },
+            () => { return _skins.Count > 0; }
+        );
+        private RelayCommand _cmd_DisableAllSkins;
+
         public ObservableCollection<SlotViewModel> Slots => _slots;
 
         public RelayCommand<IList?> Cmd_EnableSlots => _cmd_EnableSlots ??= new (
@@ -360,6 +372,18 @@ namespace SpineViewer.ViewModels.MainWindow
         );
         private RelayCommand<IList?> _cmd_DisableSlots;
 
+        public RelayCommand Cmd_EnableAllSlots => _cmd_EnableAllSlots ??= new(
+            () => { if (_slots.Count <= 0) return; foreach (var s in _slots) s.Visible = true; },
+            () => { return _slots.Count > 0; }
+        );
+        private RelayCommand _cmd_EnableAllSlots;
+
+        public RelayCommand Cmd_DisableAllSlots => _cmd_DisableAllSlots ??= new(
+            () => { if (_slots.Count <= 0) return; foreach (var s in _slots) s.Visible = false; },
+            () => { return _slots.Count > 0; }
+        );
+        private RelayCommand _cmd_DisableAllSlots;
+
         public ObservableCollection<AnimationTrackViewModel> AnimationTracks => _animationTracks;
 
         public RelayCommand Cmd_AppendTrack => _cmd_AppendTrack ??= new(

SpineViewer/Views/AboutDialog.xaml

@@ -8,6 +8,7 @@
         d:DataContext="{d:DesignInstance Type=viewmodels:AboutDialogViewModel}"
         mc:Ignorable="d"
         Title="{DynamicResource Str_Abount}"
+        Background="{DynamicResource RegionBrush}"
         Height="300"
         Width="500"
         ShowInTaskbar="False"
@@ -26,25 +27,31 @@
                 <Setter Property="HorizontalContentAlignment" Value="Left"/>
             </Style>
         </Grid.Resources>
-        <Grid.ColumnDefinitions>
-            <ColumnDefinition Width="Auto"/>
-            <ColumnDefinition Width="*" />
-        </Grid.ColumnDefinitions>
-        <Grid.RowDefinitions>
-            <RowDefinition Height="Auto"/>
-            <RowDefinition Height="Auto"/>
-        </Grid.RowDefinitions>
 
-        <!-- 程序版本 -->
-        <Label Grid.Row="0" Grid.Column="0" Content="{DynamicResource Str_ProgremVersion}"/>
-        <Label Grid.Row="0" Grid.Column="1" Content="{Binding ProgramVersion}"/>
+        <StackPanel Grid.IsSharedSizeScope="True">
+            <!-- 程序版本 -->
+            <Grid>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                    <ColumnDefinition Width="*"/>
+                </Grid.ColumnDefinitions>
+                <Label Content="{DynamicResource Str_ProgremVersion}"/>
+                <Label Grid.Column="1" Content="{Binding ProgramVersion}"/>
+            </Grid>
 
-        <!-- 项目地址 -->
-        <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_ProjectUrl}"/>
-        <Label Grid.Row="1" Grid.Column="1">
-           <Hyperlink NavigateUri="{Binding ProjectUrl}" Command="{Binding Cmd_OpenProjectUrl}">
-                <Run Text="{Binding ProjectUrl, Mode=OneWay}"/>
-           </Hyperlink>
-        </Label>
+            <!-- 项目地址 -->
+            <Grid>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                    <ColumnDefinition Width="*"/>
+                </Grid.ColumnDefinitions>
+                <Label Content="{DynamicResource Str_ProjectUrl}"/>
+                <Label Grid.Column="1">
+                    <Hyperlink NavigateUri="{Binding ProjectUrl}" Command="{Binding Cmd_OpenProjectUrl}">
+                        <Run Text="{Binding ProjectUrl, Mode=OneWay}"/>
+                    </Hyperlink>
+                </Label>
+            </Grid>
+        </StackPanel>
     </Grid>
 </Window>

SpineViewer/Views/AboutDialog.xaml.cs

@@ -1,4 +1,6 @@
-using System;
+using SpineViewer.Natives;
+using SpineViewer.Resources;
+using System;
 using System.Collections.Generic;
 using System.Linq;
 using System.Text;
@@ -8,6 +10,7 @@ using System.Windows.Controls;
 using System.Windows.Data;
 using System.Windows.Documents;
 using System.Windows.Input;
+using System.Windows.Interop;
 using System.Windows.Media;
 using System.Windows.Media.Imaging;
 using System.Windows.Shapes;
@@ -22,6 +25,14 @@ namespace SpineViewer.Views
         public AboutDialog()
         {
             InitializeComponent();
+            SourceInitialized += AboutDialog_SourceInitialized;
+        }
+
+        private void AboutDialog_SourceInitialized(object? sender, EventArgs e)
+        {
+            var hwnd = new WindowInteropHelper(this).Handle;
+            Dwmapi.SetWindowTextColor(hwnd, AppResource.Color_PrimaryText);
+            Dwmapi.SetWindowCaptionColor(hwnd, AppResource.Color_Region);
         }
     }
 }

SpineViewer/Views/DiagnosticsDialog.xaml

@@ -8,6 +8,7 @@
         d:DataContext="{d:DesignInstance Type=viewmodels:DiagnosticsDialogViewModel}"
         mc:Ignorable="d"
         Title="{DynamicResource Str_Diagnostics}"
+        Background="{DynamicResource RegionBrush}"
         Height="450" 
         Width="800"    
         ShowInTaskbar="False"
@@ -21,7 +22,7 @@
             <Button Width="120" Content="{DynamicResource Str_CopyDiagnosticsInfo}" Command="{Binding Cmd_CopyToClipboard}"/>
         </Border>
 
-        <Border Grid.IsSharedSizeScope="True">
+        <Border>
             <Border.Resources>
                 <Style TargetType="{x:Type Label}" BasedOn="{StaticResource LabelDefault}">
                     <Setter Property="HorizontalAlignment" Value="Stretch"/>
@@ -31,8 +32,8 @@
                     <Setter Property="HorizontalContentAlignment" Value="Left"/>
                 </Style>
             </Border.Resources>
-            <ScrollViewer  VerticalScrollBarVisibility="Auto">
-                <StackPanel Margin="30 10">
+            <ScrollViewer VerticalScrollBarVisibility="Auto">
+                <StackPanel Grid.IsSharedSizeScope="True" Margin="30 10">
                     <Grid>
                         <Grid.ColumnDefinitions>
                             <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
@@ -134,7 +135,6 @@
                         <TextBox Grid.Column="1" IsReadOnly="True" Text="{Binding HandyControlVersion, Mode=OneWay}"/>
                     </Grid>
                 </StackPanel>
-
             </ScrollViewer>
         </Border>
     </DockPanel>

SpineViewer/Views/DiagnosticsDialog.xaml.cs

@@ -1,4 +1,6 @@
-using System;
+using SpineViewer.Natives;
+using SpineViewer.Resources;
+using System;
 using System.Collections.Generic;
 using System.Linq;
 using System.Text;
@@ -8,6 +10,7 @@ using System.Windows.Controls;
 using System.Windows.Data;
 using System.Windows.Documents;
 using System.Windows.Input;
+using System.Windows.Interop;
 using System.Windows.Media;
 using System.Windows.Media.Imaging;
 using System.Windows.Shapes;
@@ -22,6 +25,14 @@ namespace SpineViewer.Views
         public DiagnosticsDialog()
         {
             InitializeComponent();
+            SourceInitialized += DiagnosticsDialog_SourceInitialized;
+        }
+
+        private void DiagnosticsDialog_SourceInitialized(object? sender, EventArgs e)
+        {
+            var hwnd = new WindowInteropHelper(this).Handle;
+            Dwmapi.SetWindowTextColor(hwnd, AppResource.Color_PrimaryText);
+            Dwmapi.SetWindowCaptionColor(hwnd, AppResource.Color_Region);
         }
     }
 }

SpineViewer/Views/ExporterDialogs/CustomFFmpegExporterDialog.xaml

@@ -5,10 +5,12 @@
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:hc="https://handyorg.github.io/handycontrol"
         xmlns:local="clr-namespace:SpineViewer.Views.ExporterDialogs"
+        xmlns:utils="clr-namespace:SpineViewer.Utils"
         xmlns:exporters="clr-namespace:SpineViewer.ViewModels.Exporters"
         d:DataContext="{d:DesignInstance Type=exporters:CustomFFmpegExporterViewModel}"
         mc:Ignorable="d"
         Title="{DynamicResource Str_CustomFFmpegExporterTitle}"
+        Background="{DynamicResource RegionBrush}"
         Width="450"
         Height="800"
         ShowInTaskbar="False"
@@ -39,173 +41,235 @@
                 <Style TargetType="{x:Type ComboBox}" BasedOn="{StaticResource ComboBoxBaseStyle}">
                     <Setter Property="HorizontalContentAlignment" Value="Right"/>
                 </Style>
-                <Style TargetType="{x:Type ToggleButton}" BasedOn="{StaticResource MyToggleButton}">
+                <Style TargetType="{x:Type ToggleButton}" BasedOn="{StaticResource MyToggleButtonBaseStyle}">
                     <Setter Property="HorizontalAlignment" Value="Right"/>
                 </Style>
-                <Style TargetType="{x:Type GroupBox}" BasedOn="{StaticResource GroupBoxTab}">
-                    <Setter Property="BorderBrush" Value="LightGray"/>
-                    <Setter Property="Background" Value="Transparent"/>
-                    <Setter Property="hc:TitleElement.Background" Value="Transparent"/>
+                <Style TargetType="{x:Type GroupBox}" BasedOn="{StaticResource MyGroupBoxBaseStyle}">
                     <Setter Property="Margin" Value="0 5 0 10"/>
                 </Style>
             </Border.Resources>
-            <ScrollViewer VerticalScrollBarVisibility="Auto">
+
+            <ScrollViewer Style="{StaticResource MyVerticalScrollViewerBaseStyle}">
                 <StackPanel Grid.IsSharedSizeScope="True">
                     <GroupBox Header="{DynamicResource Str_ExportBaseArgs}">
-                        <Grid>
-                            <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="Auto" SharedSizeGroup="Col1"/>
-                                <ColumnDefinition Width="*" />
-                            </Grid.ColumnDefinitions>
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                            </Grid.RowDefinitions>
-
+                        <StackPanel>
                             <!-- 水平分辨率 -->
-                            <Label Grid.Row="0" Grid.Column="0" Content="{DynamicResource Str_ResolutionX}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
-                            <TextBox Grid.Row="0" Grid.Column="1" IsReadOnly="True" Text="{Binding ResolutionX, Mode=OneWay}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                            <Grid IsEnabled="{Binding AutoResolution, Converter={StaticResource Boolean2BooleanReConverter}}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ResolutionX}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                                <TextBox Grid.Column="1" IsReadOnly="True" Text="{Binding ResolutionX, Mode=OneWay}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                            </Grid>
 
                             <!-- 垂直分辨率 -->
-                            <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_ResolutionY}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
-                            <TextBox Grid.Row="1" Grid.Column="1" IsReadOnly="True" Text="{Binding ResolutionY, Mode=OneWay}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                            <Grid IsEnabled="{Binding AutoResolution, Converter={StaticResource Boolean2BooleanReConverter}}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ResolutionY}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                                <TextBox Grid.Column="1" IsReadOnly="True" Text="{Binding ResolutionY, Mode=OneWay}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                            </Grid>
 
                             <!-- 是否导出单个 -->
-                            <Label Grid.Row="2" Grid.Column="0" Content="{DynamicResource Str_ExportSingle}" ToolTip="{DynamicResource Str_ExportSingleTooltip}"/>
-                            <ToggleButton Grid.Row="2" Grid.Column="1" IsChecked="{Binding ExportSingle}" ToolTip="{DynamicResource Str_ExportSingleTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ExportSingle}" ToolTip="{DynamicResource Str_ExportSingleTooltip}"/>
+                                <ToggleButton Grid.Column="1" IsChecked="{Binding ExportSingle}" ToolTip="{DynamicResource Str_ExportSingleTooltip}"/>
+                            </Grid>
 
                             <!-- 输出文件夹 -->
-                            <Label Grid.Row="3" Grid.Column="0" Content="{DynamicResource Str_OutputDir}" ToolTip="{DynamicResource Str_OutputDirTooltip}"/>
-                            <DockPanel Grid.Row="3" Grid.Column="1">
-                                <Button DockPanel.Dock="Right" Content="..." Click="ButtonSelectOutputDir_Click"/>
-                                <TextBox Text="{Binding OutputDir}" ToolTip="{DynamicResource Str_OutputDirTooltip}"/>
-                            </DockPanel>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_OutputDir}" ToolTip="{DynamicResource Str_OutputDirTooltip}"/>
+                                <DockPanel Grid.Column="1">
+                                    <Button DockPanel.Dock="Right" Content="..." Command="{Binding Cmd_SelectOutputDir}"/>
+                                    <TextBox Text="{Binding OutputDir}" ToolTip="{DynamicResource Str_OutputDirTooltip}"/>
+                                </DockPanel>
+                            </Grid>
 
                             <!-- 背景颜色 -->
-                            <Label Grid.Row="4" Grid.Column="0" Content="{DynamicResource Str_BackgroundColor}" ToolTip="#AARRGGBB"/>
-                            <DockPanel Grid.Row="4" Grid.Column="1">
-                                <Button DockPanel.Dock="Right" Content="..." Click="ButtonPickColor_Click">
-                                    <Button.Background>
-                                        <SolidColorBrush Color="{Binding BackgroundColor}"/>
-                                    </Button.Background>
-                                </Button>
-                                <TextBox x:Name="_colorTextBox" Text="{Binding BackgroundColor}" ToolTip="#AARRGGBB"/>
-                            </DockPanel>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_BackgroundColor}" ToolTip="#AARRGGBB"/>
+                                <DockPanel Grid.Column="1">
+                                    <Border DockPanel.Dock="Right">
+                                        <Popup x:Name="_colorPopup" Placement="Right">
+                                            <hc:ColorPicker Confirmed="ColorPicker_Confirmed" Canceled="ColorPicker_Canceled"/>
+                                        </Popup>
+                                    </Border>
+                                    <Border DockPanel.Dock="Right" Background="White" CornerRadius="{DynamicResource DefaultCornerRadius}">
+                                        <Button Content="..." 
+                                                Foreground="{Binding BackgroundColor, Converter={StaticResource Bg2FgCvter}}"
+                                                Click="ButtonPickColor_Click">
+                                            <Button.Background>
+                                                <SolidColorBrush Color="{Binding BackgroundColor}"/>
+                                            </Button.Background>
+                                        </Button>
+                                    </Border>
+                                    <TextBox Text="{Binding BackgroundColor}" ToolTip="#AARRGGBB"/>
+                                </DockPanel>
+                            </Grid>
 
                             <!-- 四周边距 -->
-                            <Label Grid.Row="5" Grid.Column="0" Content="{DynamicResource Str_Margin}" ToolTip="{DynamicResource Str_MarginTooltip}"/>
-                            <TextBox Grid.Row="5" Grid.Column="1" Text="{Binding Margin}" ToolTip="{DynamicResource Str_MarginTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_Margin}" ToolTip="{DynamicResource Str_MarginTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Margin}" ToolTip="{DynamicResource Str_MarginTooltip}"/>
+
+                            </Grid>
 
                             <!-- 自动分辨率 -->
-                            <Label Grid.Row="6" Grid.Column="0" Content="{DynamicResource Str_AutoResolution}" ToolTip="{DynamicResource Str_AutoResolutionTooltip}"/>
-                            <ToggleButton Grid.Row="6" Grid.Column="1" IsChecked="{Binding AutoResolution}" ToolTip="{DynamicResource Str_AutoResolutionTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_AutoResolution}" ToolTip="{DynamicResource Str_AutoResolutionTooltip}"/>
+                                <ToggleButton Grid.Column="1" IsChecked="{Binding AutoResolution}" ToolTip="{DynamicResource Str_AutoResolutionTooltip}"/>
+                            </Grid>
 
                             <!-- 最大分辨率 -->
-                            <Label Grid.Row="7" Grid.Column="0" Content="{DynamicResource Str_MaxResolution}" ToolTip="{DynamicResource Str_MaxResolutionTooltip}"/>
-                            <TextBox Grid.Row="7" Grid.Column="1" Text="{Binding MaxResolution}" ToolTip="{DynamicResource Str_MaxResolutionTooltip}"/>
-                        </Grid>
+                            <Grid IsEnabled="{Binding AutoResolution}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_MaxResolution}" ToolTip="{DynamicResource Str_MaxResolutionTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding MaxResolution}" ToolTip="{DynamicResource Str_MaxResolutionTooltip}"/>
+                            </Grid>
+                        </StackPanel>
                     </GroupBox>
 
                     <GroupBox Header="{DynamicResource Str_ExportVideoArgs}">
-                        <Grid>
-                            <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="Auto" SharedSizeGroup="Col1"/>
-                                <ColumnDefinition Width="*" />
-                            </Grid.ColumnDefinitions>
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                            </Grid.RowDefinitions>
-
+                        <StackPanel>
                             <!-- 导出时长 -->
-                            <Label Grid.Row="0" Grid.Column="0" Content="{DynamicResource Str_Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
-                            <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
+                            </Grid>
 
                             <!-- 导出帧率 -->
-                            <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_Fps}"/>
-                            <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Fps}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_Fps}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Fps}"/>
+                            </Grid>
 
                             <!-- 导出速度 -->
-                            <Label Grid.Row="2" Grid.Column="0" Content="{DynamicResource Str_ExportSpeed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
-                            <TextBox Grid.Row="2" Grid.Column="1" Text="{Binding Speed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ExportSpeed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Speed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
+                            </Grid>
 
                             <!-- 是否保留最后一帧 -->
-                            <Label Grid.Row="3" Grid.Column="0" Content="{DynamicResource Str_KeepLastFrame}" ToolTip="{DynamicResource Str_KeepLastFrameTooltip}"/>
-                            <ToggleButton Grid.Row="3" Grid.Column="1" IsChecked="{Binding KeepLast}" ToolTip="{DynamicResource Str_KeelLastFrameTooltip}"/>
-                        </Grid>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_KeepLastFrame}" ToolTip="{DynamicResource Str_KeepLastFrameTooltip}"/>
+                                <ToggleButton Grid.Column="1" IsChecked="{Binding KeepLast}" ToolTip="{DynamicResource Str_KeelLastFrameTooltip}"/>
+                            </Grid>
+                        </StackPanel>
                     </GroupBox>
 
                     <GroupBox Header="{DynamicResource Str_ExportOtherArgs}">
-                        <Grid>
-                            <Grid.Resources>
-                                <Style TargetType="{x:Type Label}" BasedOn="{StaticResource LabelDefault}">
-                                    <Setter Property="HorizontalAlignment" Value="Stretch"/>
-                                    <Setter Property="HorizontalContentAlignment" Value="Right"/>
-                                </Style>
-                                <Style TargetType="{x:Type TextBox}" BasedOn="{StaticResource TextBoxBaseStyle}">
-                                    <Setter Property="HorizontalContentAlignment" Value="Right"/>
-                                </Style>
-                                <Style TargetType="{x:Type ComboBox}" BasedOn="{StaticResource ComboBoxBaseStyle}">
-                                    <Setter Property="HorizontalContentAlignment" Value="Right"/>
-                                </Style>
-                                <Style TargetType="{x:Type ToggleButton}" BasedOn="{StaticResource MyToggleButton}">
-                                    <Setter Property="HorizontalAlignment" Value="Right"/>
-                                </Style>
-                            </Grid.Resources>
-                            <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="Auto" SharedSizeGroup="Col1"/>
-                                <ColumnDefinition Width="*" />
-                            </Grid.ColumnDefinitions>
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="60"/>
-                            </Grid.RowDefinitions>
-
+                        <StackPanel>
                             <!-- 导出格式 -->
-                            <Label Grid.Row="0" Grid.Column="0" Content="{DynamicResource Str_FFmpegFormat}" ToolTip="{DynamicResource Str_FFmpegFormatTooltip}"/>
-                            <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding Format}" ToolTip="{DynamicResource Str_FFmpegFormatTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_FFmpegFormat}" ToolTip="{DynamicResource Str_FFmpegFormatTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Format}" ToolTip="{DynamicResource Str_FFmpegFormatTooltip}"/>
+                            </Grid>
 
                             <!-- 编码器 -->
-                            <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_FFmpegCodec}" ToolTip="{DynamicResource Str_FFmpegCodecTooltip}"/>
-                            <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Codec}" ToolTip="{DynamicResource Str_FFmpegCodecTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_FFmpegCodec}" ToolTip="{DynamicResource Str_FFmpegCodecTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Codec}" ToolTip="{DynamicResource Str_FFmpegCodecTooltip}"/>
+                            </Grid>
 
                             <!-- 像素格式 -->
-                            <Label Grid.Row="2" Grid.Column="0" Content="{DynamicResource Str_FFmpegPixelFormat}" ToolTip="{DynamicResource Str_FFmpegPixelFormatTooltip}"/>
-                            <TextBox Grid.Row="2" Grid.Column="1" Text="{Binding PixelFormat}" ToolTip="{DynamicResource Str_FFmpegPixelFormatTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_FFmpegPixelFormat}" ToolTip="{DynamicResource Str_FFmpegPixelFormatTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding PixelFormat}" ToolTip="{DynamicResource Str_FFmpegPixelFormatTooltip}"/>
+                            </Grid>
 
                             <!-- 比特率 -->
-                            <Label Grid.Row="3" Grid.Column="0" Content="{DynamicResource Str_FFmpegBitrate}" ToolTip="{DynamicResource Str_FFmpegBitrateTooltip}"/>
-                            <TextBox Grid.Row="3" Grid.Column="1" Text="{Binding Bitrate}" ToolTip="{DynamicResource Str_FFmpegBitrateTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_FFmpegBitrate}" ToolTip="{DynamicResource Str_FFmpegBitrateTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Bitrate}" ToolTip="{DynamicResource Str_FFmpegBitrateTooltip}"/>
+                            </Grid>
 
                             <!-- 滤镜 -->
-                            <Label Grid.Row="4" Grid.Column="0" Content="{DynamicResource Str_FFmpegFilter}" ToolTip="{DynamicResource Str_FFmpegFilterTooltip}"/>
-                            <TextBox Grid.Row="4" Grid.Column="1" Text="{Binding Filter}" ToolTip="{DynamicResource Str_FFmpegFilterTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_FFmpegFilter}" ToolTip="{DynamicResource Str_FFmpegFilterTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Filter}" ToolTip="{DynamicResource Str_FFmpegFilterTooltip}"/>
+                            </Grid>
 
                             <!-- 自定义参数 -->
-                            <Label Grid.Row="5" Grid.Column="0"
-                                   VerticalAlignment="Top"
-                                   Content="{DynamicResource Str_FFmpegCustomArgs}" 
-                                   ToolTip="{DynamicResource Str_FFmpegCustomArgsTooltip}"/>
-                            <TextBox Grid.Row="5" Grid.Column="1"
-                                     HorizontalContentAlignment="Left"
-                                     VerticalContentAlignment="Top"
-                                     TextWrapping="Wrap"
-                                     VerticalScrollBarVisibility="Auto"
-                                     Text="{Binding CustomArgs}"
-                                     ToolTip="{DynamicResource Str_FFmpegCustomArgsTooltip}"/>
-                        </Grid>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label VerticalAlignment="Top"
+                                       Content="{DynamicResource Str_FFmpegCustomArgs}"
+                                       ToolTip="{DynamicResource Str_FFmpegCustomArgsTooltip}"/>
+                                <TextBox Grid.Column="1"
+                                         Height="75"
+                                         HorizontalContentAlignment="Left"
+                                         VerticalContentAlignment="Top"
+                                         TextWrapping="Wrap"
+                                         VerticalScrollBarVisibility="Auto"
+                                         Text="{Binding CustomArgs}"
+                                         ToolTip="{DynamicResource Str_FFmpegCustomArgsTooltip}"/>
+                            </Grid>
+                        </StackPanel>
                     </GroupBox>
                 </StackPanel>
             </ScrollViewer>

SpineViewer/Views/ExporterDialogs/CustomFFmpegExporterDialog.xaml.cs

@@ -1,4 +1,6 @@
-using SpineViewer.Services;
+using SpineViewer.Natives;
+using SpineViewer.Resources;
+using SpineViewer.Services;
 using SpineViewer.ViewModels.Exporters;
 using System;
 using System.Collections.Generic;
@@ -10,6 +12,7 @@ using System.Windows.Controls;
 using System.Windows.Data;
 using System.Windows.Documents;
 using System.Windows.Input;
+using System.Windows.Interop;
 using System.Windows.Media;
 using System.Windows.Media.Imaging;
 using System.Windows.Shapes;
@@ -24,6 +27,14 @@ namespace SpineViewer.Views.ExporterDialogs
         public CustomFFmpegExporterDialog()
         {
             InitializeComponent();
+            SourceInitialized += CustomFFmpegExporterDialog_SourceInitialized;
+        }
+
+        private void CustomFFmpegExporterDialog_SourceInitialized(object? sender, EventArgs e)
+        {
+            var hwnd = new WindowInteropHelper(this).Handle;
+            Dwmapi.SetWindowTextColor(hwnd, AppResource.Color_PrimaryText);
+            Dwmapi.SetWindowCaptionColor(hwnd, AppResource.Color_Region);
         }
 
         private void ButtonOK_Click(object sender, RoutedEventArgs e)
@@ -42,18 +53,22 @@ namespace SpineViewer.Views.ExporterDialogs
             DialogResult = false;
         }
 
-        private void ButtonSelectOutputDir_Click(object sender, RoutedEventArgs e)
-        {
-            if (DialogService.ShowOpenFolderDialog(out var selectedPath))
-            {
-                var vm = (CustomFFmpegExporterViewModel)DataContext;
-                vm.OutputDir = selectedPath;
-            }
-        }
-
         private void ButtonPickColor_Click(object sender, RoutedEventArgs e)
         {
+            _colorPopup.IsOpen = !_colorPopup.IsOpen;
+        }
 
+        private void ColorPicker_Confirmed(object sender, HandyControl.Data.FunctionEventArgs<Color> e)
+        {
+            _colorPopup.IsOpen = false;
+            var color = e.Info;
+            var vm = (BaseExporterViewModel)DataContext;
+            vm.BackgroundColor = color;
+        }
+
+        private void ColorPicker_Canceled(object sender, EventArgs e)
+        {
+            _colorPopup.IsOpen = false;
         }
     }
 }

SpineViewer/Views/ExporterDialogs/FFmpegVideoExporterDialog.xaml

@@ -5,10 +5,12 @@
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:hc="https://handyorg.github.io/handycontrol"
         xmlns:local="clr-namespace:SpineViewer.Views.ExporterDialogs"
+        xmlns:utils="clr-namespace:SpineViewer.Utils"
         xmlns:vmexp="clr-namespace:SpineViewer.ViewModels.Exporters"
         d:DataContext="{d:DesignInstance Type=vmexp:FFmpegVideoExporterViewModel}"
         mc:Ignorable="d"
         Title="{DynamicResource Str_FFmpegVideoExporterTitle}"
+        Background="{DynamicResource RegionBrush}"
         Width="450"
         Height="750"
         ShowInTaskbar="False"
@@ -39,150 +41,236 @@
                 <Style TargetType="{x:Type ComboBox}" BasedOn="{StaticResource ComboBoxBaseStyle}">
                     <Setter Property="HorizontalContentAlignment" Value="Right"/>
                 </Style>
-                <Style TargetType="{x:Type ToggleButton}" BasedOn="{StaticResource MyToggleButton}">
+                <Style TargetType="{x:Type ToggleButton}" BasedOn="{StaticResource MyToggleButtonBaseStyle}">
                     <Setter Property="HorizontalAlignment" Value="Right"/>
                 </Style>
-                <Style TargetType="{x:Type GroupBox}" BasedOn="{StaticResource GroupBoxTab}">
-                    <Setter Property="BorderBrush" Value="LightGray"/>
-                    <Setter Property="Background" Value="Transparent"/>
-                    <Setter Property="hc:TitleElement.Background" Value="Transparent"/>
+                <Style TargetType="{x:Type GroupBox}" BasedOn="{StaticResource MyGroupBoxBaseStyle}">
                     <Setter Property="Margin" Value="0 5 0 10"/>
                 </Style>
             </Border.Resources>
 
-            <ScrollViewer VerticalScrollBarVisibility="Auto">
+            <ScrollViewer Style="{StaticResource MyVerticalScrollViewerBaseStyle}">
                 <StackPanel Grid.IsSharedSizeScope="True">
                     <GroupBox Header="{DynamicResource Str_ExportBaseArgs}">
-                        <Grid>
-                            <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="Auto" SharedSizeGroup="Col1"/>
-                                <ColumnDefinition Width="*" />
-                            </Grid.ColumnDefinitions>
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                            </Grid.RowDefinitions>
-
+                        <StackPanel>
                             <!-- 水平分辨率 -->
-                            <Label Grid.Row="0" Grid.Column="0" Content="{DynamicResource Str_ResolutionX}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
-                            <TextBox Grid.Row="0" Grid.Column="1" IsReadOnly="True" Text="{Binding ResolutionX, Mode=OneWay}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                            <Grid IsEnabled="{Binding AutoResolution, Converter={StaticResource Boolean2BooleanReConverter}}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ResolutionX}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                                <TextBox Grid.Column="1" IsReadOnly="True" Text="{Binding ResolutionX, Mode=OneWay}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                            </Grid>
 
                             <!-- 垂直分辨率 -->
-                            <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_ResolutionY}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
-                            <TextBox Grid.Row="1" Grid.Column="1" IsReadOnly="True" Text="{Binding ResolutionY, Mode=OneWay}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                            <Grid IsEnabled="{Binding AutoResolution, Converter={StaticResource Boolean2BooleanReConverter}}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ResolutionY}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                                <TextBox Grid.Column="1" IsReadOnly="True" Text="{Binding ResolutionY, Mode=OneWay}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                            </Grid>
 
                             <!-- 是否导出单个 -->
-                            <Label Grid.Row="2" Grid.Column="0" Content="{DynamicResource Str_ExportSingle}" ToolTip="{DynamicResource Str_ExportSingleTooltip}"/>
-                            <ToggleButton Grid.Row="2" Grid.Column="1" IsChecked="{Binding ExportSingle}" ToolTip="{DynamicResource Str_ExportSingleTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ExportSingle}" ToolTip="{DynamicResource Str_ExportSingleTooltip}"/>
+                                <ToggleButton Grid.Column="1" IsChecked="{Binding ExportSingle}" ToolTip="{DynamicResource Str_ExportSingleTooltip}"/>
+                            </Grid>
 
                             <!-- 输出文件夹 -->
-                            <Label Grid.Row="3" Grid.Column="0" Content="{DynamicResource Str_OutputDir}" ToolTip="{DynamicResource Str_OutputDirTooltip}"/>
-                            <DockPanel Grid.Row="3" Grid.Column="1">
-                                <Button DockPanel.Dock="Right" Content="..." Click="ButtonSelectOutputDir_Click"/>
-                                <TextBox Text="{Binding OutputDir}" ToolTip="{DynamicResource Str_OutputDirTooltip}"/>
-                            </DockPanel>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_OutputDir}" ToolTip="{DynamicResource Str_OutputDirTooltip}"/>
+                                <DockPanel Grid.Column="1">
+                                    <Button DockPanel.Dock="Right" Content="..." Command="{Binding Cmd_SelectOutputDir}"/>
+                                    <TextBox Text="{Binding OutputDir}" ToolTip="{DynamicResource Str_OutputDirTooltip}"/>
+                                </DockPanel>
+                            </Grid>
 
                             <!-- 背景颜色 -->
-                            <Label Grid.Row="4" Grid.Column="0" Content="{DynamicResource Str_BackgroundColor}" ToolTip="#AARRGGBB"/>
-                            <DockPanel Grid.Row="4" Grid.Column="1">
-                                <Button DockPanel.Dock="Right" Content="..." Click="ButtonPickColor_Click">
-                                    <Button.Background>
-                                        <SolidColorBrush Color="{Binding BackgroundColor}"/>
-                                    </Button.Background>
-                                </Button>
-                                <TextBox x:Name="_colorTextBox" Text="{Binding BackgroundColor}" ToolTip="#AARRGGBB"/>
-                            </DockPanel>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_BackgroundColor}" ToolTip="#AARRGGBB"/>
+                                <DockPanel Grid.Column="1">
+                                    <Border DockPanel.Dock="Right">
+                                        <Popup x:Name="_colorPopup" Placement="Right">
+                                            <hc:ColorPicker Confirmed="ColorPicker_Confirmed" Canceled="ColorPicker_Canceled"/>
+                                        </Popup>
+                                    </Border>
+                                    <Border DockPanel.Dock="Right" Background="White" CornerRadius="{DynamicResource DefaultCornerRadius}">
+                                        <Button Content="..." 
+                                                Foreground="{Binding BackgroundColor, Converter={StaticResource Bg2FgCvter}}"
+                                                Click="ButtonPickColor_Click">
+                                            <Button.Background>
+                                                <SolidColorBrush Color="{Binding BackgroundColor}"/>
+                                            </Button.Background>
+                                        </Button>
+                                    </Border>
+                                    <TextBox Text="{Binding BackgroundColor}" ToolTip="#AARRGGBB"/>
+                                </DockPanel>
+                            </Grid>
 
                             <!-- 四周边距 -->
-                            <Label Grid.Row="5" Grid.Column="0" Content="{DynamicResource Str_Margin}" ToolTip="{DynamicResource Str_MarginTooltip}"/>
-                            <TextBox Grid.Row="5" Grid.Column="1" Text="{Binding Margin}" ToolTip="{DynamicResource Str_MarginTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_Margin}" ToolTip="{DynamicResource Str_MarginTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Margin}" ToolTip="{DynamicResource Str_MarginTooltip}"/>
+
+                            </Grid>
 
                             <!-- 自动分辨率 -->
-                            <Label Grid.Row="6" Grid.Column="0" Content="{DynamicResource Str_AutoResolution}" ToolTip="{DynamicResource Str_AutoResolutionTooltip}"/>
-                            <ToggleButton Grid.Row="6" Grid.Column="1" IsChecked="{Binding AutoResolution}" ToolTip="{DynamicResource Str_AutoResolutionTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_AutoResolution}" ToolTip="{DynamicResource Str_AutoResolutionTooltip}"/>
+                                <ToggleButton Grid.Column="1" IsChecked="{Binding AutoResolution}" ToolTip="{DynamicResource Str_AutoResolutionTooltip}"/>
+                            </Grid>
 
                             <!-- 最大分辨率 -->
-                            <Label Grid.Row="7" Grid.Column="0" Content="{DynamicResource Str_MaxResolution}" ToolTip="{DynamicResource Str_MaxResolutionTooltip}"/>
-                            <TextBox Grid.Row="7" Grid.Column="1" Text="{Binding MaxResolution}" ToolTip="{DynamicResource Str_MaxResolutionTooltip}"/>
-                        </Grid>
+                            <Grid IsEnabled="{Binding AutoResolution}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_MaxResolution}" ToolTip="{DynamicResource Str_MaxResolutionTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding MaxResolution}" ToolTip="{DynamicResource Str_MaxResolutionTooltip}"/>
+                            </Grid>
+                        </StackPanel>
                     </GroupBox>
 
                     <GroupBox Header="{DynamicResource Str_ExportVideoArgs}">
-                        <Grid>
-                            <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="Auto" SharedSizeGroup="Col1"/>
-                                <ColumnDefinition Width="*" />
-                            </Grid.ColumnDefinitions>
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                            </Grid.RowDefinitions>
-
+                        <StackPanel>
                             <!-- 导出时长 -->
-                            <Label Grid.Row="0" Grid.Column="0" Content="{DynamicResource Str_Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
-                            <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
+                            </Grid>
 
                             <!-- 导出帧率 -->
-                            <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_Fps}"/>
-                            <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Fps}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_Fps}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Fps}"/>
+                            </Grid>
 
                             <!-- 导出速度 -->
-                            <Label Grid.Row="2" Grid.Column="0" Content="{DynamicResource Str_ExportSpeed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
-                            <TextBox Grid.Row="2" Grid.Column="1" Text="{Binding Speed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ExportSpeed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Speed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
+                            </Grid>
 
                             <!-- 是否保留最后一帧 -->
-                            <Label Grid.Row="3" Grid.Column="0" Content="{DynamicResource Str_KeepLastFrame}" ToolTip="{DynamicResource Str_KeepLastFrameTooltip}"/>
-                            <ToggleButton Grid.Row="3" Grid.Column="1" IsChecked="{Binding KeepLast}" ToolTip="{DynamicResource Str_KeelLastFrameTooltip}"/>
-                        </Grid>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_KeepLastFrame}" ToolTip="{DynamicResource Str_KeepLastFrameTooltip}"/>
+                                <ToggleButton Grid.Column="1" IsChecked="{Binding KeepLast}" ToolTip="{DynamicResource Str_KeelLastFrameTooltip}"/>
+                            </Grid>
+                        </StackPanel>
                     </GroupBox>
 
                     <GroupBox Header="{DynamicResource Str_ExportOtherArgs}">
-                        <Grid>
-                            <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="Auto" SharedSizeGroup="Col1"/>
-                                <ColumnDefinition Width="*" />
-                            </Grid.ColumnDefinitions>
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                            </Grid.RowDefinitions>
-
+                        <StackPanel>
                             <!-- 视频格式 -->
-                            <Label Grid.Row="0" Grid.Column="0" Content="{DynamicResource Str_VideoFormat}"/>
-                            <ComboBox Grid.Row="0" Grid.Column="1" SelectedItem="{Binding Format}" ItemsSource="{x:Static vmexp:FFmpegVideoExporterViewModel.VideoFormatOptions}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_VideoFormat}"/>
+                                <ComboBox Grid.Column="1" SelectedItem="{Binding Format}" ItemsSource="{x:Static vmexp:FFmpegVideoExporterViewModel.VideoFormatOptions}"/>
+                            </Grid>
 
                             <!-- 动图是否循环 -->
-                            <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_LoopPlay}" ToolTip="{DynamicResource Str_LoopPlayTooltip}"/>
-                            <ToggleButton Grid.Row="1" Grid.Column="1" IsChecked="{Binding Loop}" ToolTip="{DynamicResource Str_LoopPlayTooltip}"/>
+                            <Grid Visibility="{Binding EnableParamLoop, Converter={StaticResource Boolean2VisibilityConverter}}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_LoopPlay}" ToolTip="{DynamicResource Str_LoopPlayTooltip}"/>
+                                <ToggleButton Grid.Column="1" IsChecked="{Binding Loop}" ToolTip="{DynamicResource Str_LoopPlayTooltip}"/>
+                            </Grid>
 
                             <!-- 质量参数 -->
-                            <Label Grid.Row="2" Grid.Column="0" Content="{DynamicResource Str_QualityParameter}" ToolTip="{DynamicResource Str_QualityParameterTooltip}"/>
-                            <TextBox Grid.Row="2" Grid.Column="1" Text="{Binding Quality}" ToolTip="{DynamicResource Str_QualityParameterTooltip}"/>
+                            <Grid Visibility="{Binding EnableParamQuality, Converter={StaticResource Boolean2VisibilityConverter}}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_QualityParameter}" ToolTip="{DynamicResource Str_QualityParameterTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Quality}" ToolTip="{DynamicResource Str_QualityParameterTooltip}"/>
+                            </Grid>
 
                             <!-- 无损压缩 -->
-                            <Label Grid.Row="3" Grid.Column="0" Content="{DynamicResource Str_LosslessParam}" ToolTip="{DynamicResource Str_LosslessParamTooltip}"/>
-                            <ToggleButton Grid.Row="3" Grid.Column="1" IsChecked="{Binding Lossless}" ToolTip="{DynamicResource Str_LosslessParamTooltip}"/>
+                            <Grid Visibility="{Binding EnableParamLossless, Converter={StaticResource Boolean2VisibilityConverter}}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_LosslessParam}" ToolTip="{DynamicResource Str_LosslessParamTooltip}"/>
+                                <ToggleButton Grid.Column="1" IsChecked="{Binding Lossless}" ToolTip="{DynamicResource Str_LosslessParamTooltip}"/>
+                            </Grid>
+
+                            <!-- 预测器方法 -->
+                            <Grid Visibility="{Binding EnableParamApngPred, Converter={StaticResource Boolean2VisibilityConverter}}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ApngPred}" ToolTip="{DynamicResource Str_ApngPredTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding ApngPred}" ToolTip="{DynamicResource Str_ApngPredTooltip}"/>
+                            </Grid>
 
                             <!-- CRF 参数 -->
-                            <Label Grid.Row="4" Grid.Column="0" Content="{DynamicResource Str_CrfParameter}" ToolTip="{DynamicResource Str_CrfParameterTooltip}"/>
-                            <TextBox Grid.Row="4" Grid.Column="1" Text="{Binding Crf}" ToolTip="{DynamicResource Str_CrfParameterTooltip}"/>
+                            <Grid Visibility="{Binding EnableParamCrf, Converter={StaticResource Boolean2VisibilityConverter}}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_CrfParameter}" ToolTip="{DynamicResource Str_CrfParameterTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Crf}" ToolTip="{DynamicResource Str_CrfParameterTooltip}"/>
+                            </Grid>
 
                             <!-- Profile 参数 -->
-                            <Label Grid.Row="5" Grid.Column="0" Content="{DynamicResource Str_ProfileParameter}" ToolTip="{DynamicResource Str_ProfileParameterTooltip}"/>
-                            <TextBox Grid.Row="5" Grid.Column="1" Text="{Binding Profile}" ToolTip="{DynamicResource Str_ProfileParameterTooltip}"/>
-                        </Grid>
+                            <Grid Visibility="{Binding EnableParamProfile, Converter={StaticResource Boolean2VisibilityConverter}}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ProfileParameter}" ToolTip="{DynamicResource Str_ProfileParameterTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Profile}" ToolTip="{DynamicResource Str_ProfileParameterTooltip}"/>
+                            </Grid>
+                        </StackPanel>
                     </GroupBox>
                 </StackPanel>
             </ScrollViewer>

SpineViewer/Views/ExporterDialogs/FFmpegVideoExporterDialog.xaml.cs

@@ -1,4 +1,6 @@
-using SpineViewer.Services;
+using SpineViewer.Natives;
+using SpineViewer.Resources;
+using SpineViewer.Services;
 using SpineViewer.ViewModels.Exporters;
 using System;
 using System.Collections.Generic;
@@ -10,6 +12,7 @@ using System.Windows.Controls;
 using System.Windows.Data;
 using System.Windows.Documents;
 using System.Windows.Input;
+using System.Windows.Interop;
 using System.Windows.Media;
 using System.Windows.Media.Imaging;
 using System.Windows.Shapes;
@@ -24,6 +27,14 @@ namespace SpineViewer.Views.ExporterDialogs
         public FFmpegVideoExporterDialog()
         {
             InitializeComponent();
+            SourceInitialized += FFmpegVideoExporterDialog_SourceInitialized;
+        }
+
+        private void FFmpegVideoExporterDialog_SourceInitialized(object? sender, EventArgs e)
+        {
+            var hwnd = new WindowInteropHelper(this).Handle;
+            Dwmapi.SetWindowTextColor(hwnd, AppResource.Color_PrimaryText);
+            Dwmapi.SetWindowCaptionColor(hwnd, AppResource.Color_Region);
         }
 
         private void ButtonOK_Click(object sender, RoutedEventArgs e)
@@ -42,18 +53,22 @@ namespace SpineViewer.Views.ExporterDialogs
             DialogResult = false;
         }
 
-        private void ButtonSelectOutputDir_Click(object sender, RoutedEventArgs e)
-        {
-            if (DialogService.ShowOpenFolderDialog(out var selectedPath))
-            {
-                var vm = (FFmpegVideoExporterViewModel)DataContext;
-                vm.OutputDir = selectedPath;
-            }
-        }
-
         private void ButtonPickColor_Click(object sender, RoutedEventArgs e)
         {
+            _colorPopup.IsOpen = !_colorPopup.IsOpen;
+        }
 
+        private void ColorPicker_Confirmed(object sender, HandyControl.Data.FunctionEventArgs<Color> e)
+        {
+            _colorPopup.IsOpen = false;
+            var color = e.Info;
+            var vm = (BaseExporterViewModel)DataContext;
+            vm.BackgroundColor = color;
+        }
+
+        private void ColorPicker_Canceled(object sender, EventArgs e)
+        {
+            _colorPopup.IsOpen = false;
         }
     }
 }

SpineViewer/Views/ExporterDialogs/FrameExporterDialog.xaml

@@ -5,10 +5,12 @@
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:hc="https://handyorg.github.io/handycontrol"
         xmlns:local="clr-namespace:SpineViewer.Views"
+        xmlns:utils="clr-namespace:SpineViewer.Utils"
         xmlns:vmexp="clr-namespace:SpineViewer.ViewModels.Exporters"
         d:DataContext="{d:DesignInstance Type=vmexp:FrameExporterViewModel}"
         mc:Ignorable="d"
         Title="{DynamicResource Str_FrameExporterTitle}" 
+        Background="{DynamicResource RegionBrush}"
         Width="450"
         Height="480"
         ShowInTaskbar="False"
@@ -39,99 +41,142 @@
                 <Style TargetType="{x:Type ComboBox}" BasedOn="{StaticResource ComboBoxBaseStyle}">
                     <Setter Property="HorizontalContentAlignment" Value="Right"/>
                 </Style>
-                <Style TargetType="{x:Type ToggleButton}" BasedOn="{StaticResource MyToggleButton}">
+                <Style TargetType="{x:Type ToggleButton}" BasedOn="{StaticResource MyToggleButtonBaseStyle}">
                     <Setter Property="HorizontalAlignment" Value="Right"/>
                 </Style>
-                <Style TargetType="{x:Type GroupBox}" BasedOn="{StaticResource GroupBoxTab}">
-                    <Setter Property="BorderBrush" Value="LightGray"/>
-                    <Setter Property="Background" Value="Transparent"/>
-                    <Setter Property="hc:TitleElement.Background" Value="Transparent"/>
+                <Style TargetType="{x:Type GroupBox}" BasedOn="{StaticResource MyGroupBoxBaseStyle}">
                     <Setter Property="Margin" Value="0 5 0 10"/>
                 </Style>
             </Border.Resources>
 
-            <ScrollViewer VerticalScrollBarVisibility="Auto">
+            <ScrollViewer Style="{StaticResource MyVerticalScrollViewerBaseStyle}">
                 <StackPanel Grid.IsSharedSizeScope="True">
                     <GroupBox Header="{DynamicResource Str_ExportBaseArgs}">
-                        <Grid>
-                            <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="Auto" SharedSizeGroup="Col1"/>
-                                <ColumnDefinition Width="*" />
-                            </Grid.ColumnDefinitions>
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                            </Grid.RowDefinitions>
-
+                        <StackPanel>
                             <!-- 水平分辨率 -->
-                            <Label Grid.Row="0" Grid.Column="0" Content="{DynamicResource Str_ResolutionX}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
-                            <TextBox Grid.Row="0" Grid.Column="1" IsReadOnly="True" Text="{Binding ResolutionX, Mode=OneWay}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                            <Grid IsEnabled="{Binding AutoResolution, Converter={StaticResource Boolean2BooleanReConverter}}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ResolutionX}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                                <TextBox Grid.Column="1" IsReadOnly="True" Text="{Binding ResolutionX, Mode=OneWay}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                            </Grid>
 
                             <!-- 垂直分辨率 -->
-                            <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_ResolutionY}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
-                            <TextBox Grid.Row="1" Grid.Column="1" IsReadOnly="True" Text="{Binding ResolutionY, Mode=OneWay}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                            <Grid IsEnabled="{Binding AutoResolution, Converter={StaticResource Boolean2BooleanReConverter}}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ResolutionY}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                                <TextBox Grid.Column="1" IsReadOnly="True" Text="{Binding ResolutionY, Mode=OneWay}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                            </Grid>
 
                             <!-- 是否导出单个 -->
-                            <Label Grid.Row="2" Grid.Column="0" Content="{DynamicResource Str_ExportSingle}" ToolTip="{DynamicResource Str_ExportSingleTooltip}"/>
-                            <ToggleButton Grid.Row="2" Grid.Column="1" IsChecked="{Binding ExportSingle}" ToolTip="{DynamicResource Str_ExportSingleTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ExportSingle}" ToolTip="{DynamicResource Str_ExportSingleTooltip}"/>
+                                <ToggleButton Grid.Column="1" IsChecked="{Binding ExportSingle}" ToolTip="{DynamicResource Str_ExportSingleTooltip}"/>
+                            </Grid>
 
                             <!-- 输出文件夹 -->
-                            <Label Grid.Row="3" Grid.Column="0" Content="{DynamicResource Str_OutputDir}" ToolTip="{DynamicResource Str_OutputDirTooltip}"/>
-                            <DockPanel Grid.Row="3" Grid.Column="1">
-                                <Button DockPanel.Dock="Right" Content="..." Click="ButtonSelectOutputDir_Click"/>
-                                <TextBox Text="{Binding OutputDir}" ToolTip="{DynamicResource Str_OutputDirTooltip}"/>
-                            </DockPanel>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_OutputDir}" ToolTip="{DynamicResource Str_OutputDirTooltip}"/>
+                                <DockPanel Grid.Column="1">
+                                    <Button DockPanel.Dock="Right" Content="..." Command="{Binding Cmd_SelectOutputDir}"/>
+                                    <TextBox Text="{Binding OutputDir}" ToolTip="{DynamicResource Str_OutputDirTooltip}"/>
+                                </DockPanel>
+                            </Grid>
 
                             <!-- 背景颜色 -->
-                            <Label Grid.Row="4" Grid.Column="0" Content="{DynamicResource Str_BackgroundColor}" ToolTip="#AARRGGBB"/>
-                            <DockPanel Grid.Row="4" Grid.Column="1">
-                                <Button DockPanel.Dock="Right" Content="..." Click="ButtonPickColor_Click">
-                                    <Button.Background>
-                                        <SolidColorBrush Color="{Binding BackgroundColor}"/>
-                                    </Button.Background>
-                                </Button>
-                                <TextBox x:Name="_colorTextBox" Text="{Binding BackgroundColor}" ToolTip="#AARRGGBB"/>
-                            </DockPanel>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_BackgroundColor}" ToolTip="#AARRGGBB"/>
+                                <DockPanel Grid.Column="1">
+                                    <Border DockPanel.Dock="Right">
+                                        <Popup x:Name="_colorPopup" Placement="Right">
+                                            <hc:ColorPicker Confirmed="ColorPicker_Confirmed" Canceled="ColorPicker_Canceled"/>
+                                        </Popup>
+                                    </Border>
+                                    <Border DockPanel.Dock="Right" Background="White" CornerRadius="{DynamicResource DefaultCornerRadius}">
+                                        <Button Content="..." 
+                                                Foreground="{Binding BackgroundColor, Converter={StaticResource Bg2FgCvter}}"
+                                                Click="ButtonPickColor_Click">
+                                            <Button.Background>
+                                                <SolidColorBrush Color="{Binding BackgroundColor}"/>
+                                            </Button.Background>
+                                        </Button>
+                                    </Border>
+                                    <TextBox Text="{Binding BackgroundColor}" ToolTip="#AARRGGBB"/>
+                                </DockPanel>
+                            </Grid>
 
                             <!-- 四周边距 -->
-                            <Label Grid.Row="5" Grid.Column="0" Content="{DynamicResource Str_Margin}" ToolTip="{DynamicResource Str_MarginTooltip}"/>
-                            <TextBox Grid.Row="5" Grid.Column="1" Text="{Binding Margin}" ToolTip="{DynamicResource Str_MarginTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_Margin}" ToolTip="{DynamicResource Str_MarginTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Margin}" ToolTip="{DynamicResource Str_MarginTooltip}"/>
+
+                            </Grid>
 
                             <!-- 自动分辨率 -->
-                            <Label Grid.Row="6" Grid.Column="0" Content="{DynamicResource Str_AutoResolution}" ToolTip="{DynamicResource Str_AutoResolutionTooltip}"/>
-                            <ToggleButton Grid.Row="6" Grid.Column="1" IsChecked="{Binding AutoResolution}" ToolTip="{DynamicResource Str_AutoResolutionTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_AutoResolution}" ToolTip="{DynamicResource Str_AutoResolutionTooltip}"/>
+                                <ToggleButton Grid.Column="1" IsChecked="{Binding AutoResolution}" ToolTip="{DynamicResource Str_AutoResolutionTooltip}"/>
+                            </Grid>
 
                             <!-- 最大分辨率 -->
-                            <Label Grid.Row="7" Grid.Column="0" Content="{DynamicResource Str_MaxResolution}" ToolTip="{DynamicResource Str_MaxResolutionTooltip}"/>
-                            <TextBox Grid.Row="7" Grid.Column="1" Text="{Binding MaxResolution}" ToolTip="{DynamicResource Str_MaxResolutionTooltip}"/>
-                        </Grid>
+                            <Grid IsEnabled="{Binding AutoResolution}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_MaxResolution}" ToolTip="{DynamicResource Str_MaxResolutionTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding MaxResolution}" ToolTip="{DynamicResource Str_MaxResolutionTooltip}"/>
+                            </Grid>
+                        </StackPanel>
                     </GroupBox>
 
                     <GroupBox Header="{DynamicResource Str_ExportOtherArgs}">
-                        <Grid>
-                            <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="Auto" SharedSizeGroup="Col1"/>
-                                <ColumnDefinition Width="*" />
-                            </Grid.ColumnDefinitions>
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                            </Grid.RowDefinitions>
-
+                        <StackPanel>
                             <!-- 图像格式 -->
-                            <Label Grid.Row="0" Grid.Column="0" Content="{DynamicResource Str_ImageFormat}"/>
-                            <ComboBox Grid.Row="0" Grid.Column="1" SelectedItem="{Binding Format}" ItemsSource="{x:Static vmexp:FrameExporterViewModel.FrameFormatOptions}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ImageFormat}"/>
+                                <ComboBox Grid.Column="1" SelectedItem="{Binding Format}" ItemsSource="{x:Static vmexp:FrameExporterViewModel.FrameFormatOptions}"/>
+                            </Grid>
 
                             <!-- 图像质量 -->
-                            <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_ImageQuality}" ToolTip="{DynamicResource Str_ImageQualityTooltip}"/>
-                            <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Quality}" ToolTip="{DynamicResource Str_ImageQualityTooltip}"/>
-                        </Grid>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ImageQuality}" ToolTip="{DynamicResource Str_ImageQualityTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Quality}" ToolTip="{DynamicResource Str_ImageQualityTooltip}"/>
+                            </Grid>
+                        </StackPanel>
                     </GroupBox>
                 </StackPanel>
             </ScrollViewer>

SpineViewer/Views/ExporterDialogs/FrameExporterDialog.xaml.cs

@@ -1,4 +1,6 @@
-using SpineViewer.Services;
+using SpineViewer.Natives;
+using SpineViewer.Resources;
+using SpineViewer.Services;
 using SpineViewer.ViewModels.Exporters;
 using System;
 using System.Collections.Generic;
@@ -10,6 +12,7 @@ using System.Windows.Controls;
 using System.Windows.Data;
 using System.Windows.Documents;
 using System.Windows.Input;
+using System.Windows.Interop;
 using System.Windows.Media;
 using System.Windows.Media.Imaging;
 using System.Windows.Shapes;
@@ -24,6 +27,14 @@ namespace SpineViewer.Views.ExporterDialogs
         public FrameExporterDialog()
         {
             InitializeComponent();
+            SourceInitialized += FrameExporterDialog_SourceInitialized;
+        }
+
+        private void FrameExporterDialog_SourceInitialized(object? sender, EventArgs e)
+        {
+            var hwnd = new WindowInteropHelper(this).Handle;
+            Dwmapi.SetWindowTextColor(hwnd, AppResource.Color_PrimaryText);
+            Dwmapi.SetWindowCaptionColor(hwnd, AppResource.Color_Region);
         }
 
         private void ButtonOK_Click(object sender, RoutedEventArgs e)
@@ -42,18 +53,22 @@ namespace SpineViewer.Views.ExporterDialogs
             DialogResult = false;
         }
 
-        private void ButtonSelectOutputDir_Click(object sender, RoutedEventArgs e)
-        {
-            if (DialogService.ShowOpenFolderDialog(out var selectedPath))
-            {
-                var vm = (FrameExporterViewModel)DataContext;
-                vm.OutputDir = selectedPath;
-            }
-        }
-
         private void ButtonPickColor_Click(object sender, RoutedEventArgs e)
         {
-            
+            _colorPopup.IsOpen = !_colorPopup.IsOpen;
+        }
+
+        private void ColorPicker_Confirmed(object sender, HandyControl.Data.FunctionEventArgs<Color> e)
+        {
+            _colorPopup.IsOpen = false;
+            var color = e.Info;
+            var vm = (BaseExporterViewModel)DataContext;
+            vm.BackgroundColor = color;
+        }
+
+        private void ColorPicker_Canceled(object sender, EventArgs e)
+        {
+            _colorPopup.IsOpen = false;
         }
     }
 }

SpineViewer/Views/ExporterDialogs/FrameSequenceExporterDialog.xaml

@@ -5,10 +5,12 @@
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:hc="https://handyorg.github.io/handycontrol"
         xmlns:local="clr-namespace:SpineViewer.Views"
+        xmlns:utils="clr-namespace:SpineViewer.Utils"
         xmlns:vmexp="clr-namespace:SpineViewer.ViewModels.Exporters"
         d:DataContext="{d:DesignInstance Type=vmexp:FrameSequenceExporterViewModel}"
         mc:Ignorable="d"
-        Title="{DynamicResource Str_FrameSequenceExporterTitle}" 
+        Title="{DynamicResource Str_FrameSequenceExporterTitle}"
+        Background="{DynamicResource RegionBrush}"
         Width="450"
         Height="550"
         ShowInTaskbar="False"
@@ -39,109 +41,162 @@
                 <Style TargetType="{x:Type ComboBox}" BasedOn="{StaticResource ComboBoxBaseStyle}">
                     <Setter Property="HorizontalContentAlignment" Value="Right"/>
                 </Style>
-                <Style TargetType="{x:Type ToggleButton}" BasedOn="{StaticResource MyToggleButton}">
+                <Style TargetType="{x:Type ToggleButton}" BasedOn="{StaticResource MyToggleButtonBaseStyle}">
                     <Setter Property="HorizontalAlignment" Value="Right"/>
                 </Style>
-                <Style TargetType="{x:Type GroupBox}" BasedOn="{StaticResource GroupBoxTab}">
-                    <Setter Property="BorderBrush" Value="LightGray"/>
-                    <Setter Property="Background" Value="Transparent"/>
-                    <Setter Property="hc:TitleElement.Background" Value="Transparent"/>
+                <Style TargetType="{x:Type GroupBox}" BasedOn="{StaticResource MyGroupBoxBaseStyle}">
                     <Setter Property="Margin" Value="0 5 0 10"/>
                 </Style>
             </Border.Resources>
 
-            <ScrollViewer VerticalScrollBarVisibility="Auto">
+            <ScrollViewer Style="{StaticResource MyVerticalScrollViewerBaseStyle}">
                 <StackPanel Grid.IsSharedSizeScope="True">
                     <GroupBox Header="{DynamicResource Str_ExportBaseArgs}">
-                        <Grid>
-                            <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="Auto" SharedSizeGroup="Col1"/>
-                                <ColumnDefinition Width="*" />
-                            </Grid.ColumnDefinitions>
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                            </Grid.RowDefinitions>
-
+                        <StackPanel>
                             <!-- 水平分辨率 -->
-                            <Label Grid.Row="0" Grid.Column="0" Content="{DynamicResource Str_ResolutionX}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
-                            <TextBox Grid.Row="0" Grid.Column="1" IsReadOnly="True" Text="{Binding ResolutionX, Mode=OneWay}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                            <Grid IsEnabled="{Binding AutoResolution, Converter={StaticResource Boolean2BooleanReConverter}}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ResolutionX}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                                <TextBox Grid.Column="1" IsReadOnly="True" Text="{Binding ResolutionX, Mode=OneWay}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                            </Grid>
 
                             <!-- 垂直分辨率 -->
-                            <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_ResolutionY}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
-                            <TextBox Grid.Row="1" Grid.Column="1" IsReadOnly="True" Text="{Binding ResolutionY, Mode=OneWay}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                            <Grid IsEnabled="{Binding AutoResolution, Converter={StaticResource Boolean2BooleanReConverter}}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ResolutionY}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                                <TextBox Grid.Column="1" IsReadOnly="True" Text="{Binding ResolutionY, Mode=OneWay}" ToolTip="{DynamicResource Str_ResolutionTooltip}"/>
+                            </Grid>
 
                             <!-- 是否导出单个 -->
-                            <Label Grid.Row="2" Grid.Column="0" Content="{DynamicResource Str_ExportSingle}" ToolTip="{DynamicResource Str_ExportSingleTooltip}"/>
-                            <ToggleButton Grid.Row="2" Grid.Column="1" IsChecked="{Binding ExportSingle}" ToolTip="{DynamicResource Str_ExportSingleTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ExportSingle}" ToolTip="{DynamicResource Str_ExportSingleTooltip}"/>
+                                <ToggleButton Grid.Column="1" IsChecked="{Binding ExportSingle}" ToolTip="{DynamicResource Str_ExportSingleTooltip}"/>
+                            </Grid>
 
                             <!-- 输出文件夹 -->
-                            <Label Grid.Row="3" Grid.Column="0" Content="{DynamicResource Str_OutputDir}" ToolTip="{DynamicResource Str_OutputDirTooltip}"/>
-                            <DockPanel Grid.Row="3" Grid.Column="1">
-                                <Button DockPanel.Dock="Right" Content="..." Click="ButtonSelectOutputDir_Click"/>
-                                <TextBox Text="{Binding OutputDir}" ToolTip="{DynamicResource Str_OutputDirTooltip}"/>
-                            </DockPanel>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_OutputDir}" ToolTip="{DynamicResource Str_OutputDirTooltip}"/>
+                                <DockPanel Grid.Column="1">
+                                    <Button DockPanel.Dock="Right" Content="..." Command="{Binding Cmd_SelectOutputDir}"/>
+                                    <TextBox Text="{Binding OutputDir}" ToolTip="{DynamicResource Str_OutputDirTooltip}"/>
+                                </DockPanel>
+                            </Grid>
 
                             <!-- 背景颜色 -->
-                            <Label Grid.Row="4" Grid.Column="0" Content="{DynamicResource Str_BackgroundColor}" ToolTip="#AARRGGBB"/>
-                            <DockPanel Grid.Row="4" Grid.Column="1">
-                                <Button DockPanel.Dock="Right" Content="..." Click="ButtonPickColor_Click">
-                                    <Button.Background>
-                                        <SolidColorBrush Color="{Binding BackgroundColor}"/>
-                                    </Button.Background>
-                                </Button>
-                                <TextBox x:Name="_colorTextBox" Text="{Binding BackgroundColor}" ToolTip="#AARRGGBB"/>
-                            </DockPanel>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_BackgroundColor}" ToolTip="#AARRGGBB"/>
+                                <DockPanel Grid.Column="1">
+                                    <Border DockPanel.Dock="Right">
+                                        <Popup x:Name="_colorPopup" Placement="Right">
+                                            <hc:ColorPicker Confirmed="ColorPicker_Confirmed" Canceled="ColorPicker_Canceled"/>
+                                        </Popup>
+                                    </Border>
+                                    <Border DockPanel.Dock="Right" Background="White" CornerRadius="{DynamicResource DefaultCornerRadius}">
+                                        <Button Content="..." 
+                                                Foreground="{Binding BackgroundColor, Converter={StaticResource Bg2FgCvter}}"
+                                                Click="ButtonPickColor_Click">
+                                            <Button.Background>
+                                                <SolidColorBrush Color="{Binding BackgroundColor}"/>
+                                            </Button.Background>
+                                        </Button>
+                                    </Border>
+                                    <TextBox Text="{Binding BackgroundColor}" ToolTip="#AARRGGBB"/>
+                                </DockPanel>
+                            </Grid>
 
                             <!-- 四周边距 -->
-                            <Label Grid.Row="5" Grid.Column="0" Content="{DynamicResource Str_Margin}" ToolTip="{DynamicResource Str_MarginTooltip}"/>
-                            <TextBox Grid.Row="5" Grid.Column="1" Text="{Binding Margin}" ToolTip="{DynamicResource Str_MarginTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_Margin}" ToolTip="{DynamicResource Str_MarginTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Margin}" ToolTip="{DynamicResource Str_MarginTooltip}"/>
+
+                            </Grid>
 
                             <!-- 自动分辨率 -->
-                            <Label Grid.Row="6" Grid.Column="0" Content="{DynamicResource Str_AutoResolution}" ToolTip="{DynamicResource Str_AutoResolutionTooltip}"/>
-                            <ToggleButton Grid.Row="6" Grid.Column="1" IsChecked="{Binding AutoResolution}" ToolTip="{DynamicResource Str_AutoResolutionTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_AutoResolution}" ToolTip="{DynamicResource Str_AutoResolutionTooltip}"/>
+                                <ToggleButton Grid.Column="1" IsChecked="{Binding AutoResolution}" ToolTip="{DynamicResource Str_AutoResolutionTooltip}"/>
+                            </Grid>
 
                             <!-- 最大分辨率 -->
-                            <Label Grid.Row="7" Grid.Column="0" Content="{DynamicResource Str_MaxResolution}" ToolTip="{DynamicResource Str_MaxResolutionTooltip}"/>
-                            <TextBox Grid.Row="7" Grid.Column="1" Text="{Binding MaxResolution}" ToolTip="{DynamicResource Str_MaxResolutionTooltip}"/>
-                        </Grid>
+                            <Grid IsEnabled="{Binding AutoResolution}">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_MaxResolution}" ToolTip="{DynamicResource Str_MaxResolutionTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding MaxResolution}" ToolTip="{DynamicResource Str_MaxResolutionTooltip}"/>
+                            </Grid>
+                        </StackPanel>
                     </GroupBox>
 
                     <GroupBox Header="{DynamicResource Str_ExportVideoArgs}">
-                        <Grid>
-                            <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="Auto" SharedSizeGroup="Col1"/>
-                                <ColumnDefinition Width="*" />
-                            </Grid.ColumnDefinitions>
-                            <Grid.RowDefinitions>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                                <RowDefinition Height="Auto"/>
-                            </Grid.RowDefinitions>
-
+                        <StackPanel>
                             <!-- 导出时长 -->
-                            <Label Grid.Row="0" Grid.Column="0" Content="{DynamicResource Str_Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
-                            <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
+                            </Grid>
 
                             <!-- 导出帧率 -->
-                            <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_Fps}"/>
-                            <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Fps}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_Fps}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Fps}"/>
+                            </Grid>
 
                             <!-- 导出速度 -->
-                            <Label Grid.Row="2" Grid.Column="0" Content="{DynamicResource Str_ExportSpeed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
-                            <TextBox Grid.Row="2" Grid.Column="1" Text="{Binding Speed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_ExportSpeed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
+                                <TextBox Grid.Column="1" Text="{Binding Speed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
+                            </Grid>
 
                             <!-- 是否保留最后一帧 -->
-                            <Label Grid.Row="3" Grid.Column="0" Content="{DynamicResource Str_KeepLastFrame}" ToolTip="{DynamicResource Str_KeepLastFrameTooltip}"/>
-                            <ToggleButton Grid.Row="3" Grid.Column="1" IsChecked="{Binding KeepLast}" ToolTip="{DynamicResource Str_KeelLastFrameTooltip}"/>
-                        </Grid>
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_KeepLastFrame}" ToolTip="{DynamicResource Str_KeepLastFrameTooltip}"/>
+                                <ToggleButton Grid.Column="1" IsChecked="{Binding KeepLast}" ToolTip="{DynamicResource Str_KeelLastFrameTooltip}"/>
+                            </Grid>
+                        </StackPanel>
                     </GroupBox>
                 </StackPanel>
             </ScrollViewer>

SpineViewer/Views/ExporterDialogs/FrameSequenceExporterDialog.xaml.cs

@@ -1,4 +1,6 @@
-using SpineViewer.Services;
+using SpineViewer.Natives;
+using SpineViewer.Resources;
+using SpineViewer.Services;
 using SpineViewer.ViewModels.Exporters;
 using System;
 using System.Collections.Generic;
@@ -10,6 +12,7 @@ using System.Windows.Controls;
 using System.Windows.Data;
 using System.Windows.Documents;
 using System.Windows.Input;
+using System.Windows.Interop;
 using System.Windows.Media;
 using System.Windows.Media.Imaging;
 using System.Windows.Shapes;
@@ -24,6 +27,14 @@ namespace SpineViewer.Views.ExporterDialogs
         public FrameSequenceExporterDialog()
         {
             InitializeComponent();
+            SourceInitialized += FrameSequenceExporterDialog_SourceInitialized;
+        }
+
+        private void FrameSequenceExporterDialog_SourceInitialized(object? sender, EventArgs e)
+        {
+            var hwnd = new WindowInteropHelper(this).Handle;
+            Dwmapi.SetWindowTextColor(hwnd, AppResource.Color_PrimaryText);
+            Dwmapi.SetWindowCaptionColor(hwnd, AppResource.Color_Region);
         }
 
         private void ButtonOK_Click(object sender, RoutedEventArgs e)
@@ -42,18 +53,22 @@ namespace SpineViewer.Views.ExporterDialogs
             DialogResult = false;
         }
 
-        private void ButtonSelectOutputDir_Click(object sender, RoutedEventArgs e)
-        {
-            if (DialogService.ShowOpenFolderDialog(out var selectedPath))
-            {
-                var vm = (FrameSequenceExporterViewModel)DataContext;
-                vm.OutputDir = selectedPath;
-            }
-        }
-
         private void ButtonPickColor_Click(object sender, RoutedEventArgs e)
         {
+            _colorPopup.IsOpen = !_colorPopup.IsOpen;
+        }
 
+        private void ColorPicker_Confirmed(object sender, HandyControl.Data.FunctionEventArgs<Color> e)
+        {
+            _colorPopup.IsOpen = false;
+            var color = e.Info;
+            var vm = (BaseExporterViewModel)DataContext;
+            vm.BackgroundColor = color;
+        }
+
+        private void ColorPicker_Canceled(object sender, EventArgs e)
+        {
+            _colorPopup.IsOpen = false;
         }
     }
 }

SpineViewer/Views/MainWindow.xaml.cs

@@ -1,6 +1,4 @@
 using NLog;
-using NLog.Layouts;
-using NLog.Targets;
 using SFMLRenderer;
 using Spine;
 using SpineViewer.Models;
@@ -8,12 +6,14 @@ using SpineViewer.Natives;
 using SpineViewer.Resources;
 using SpineViewer.Services;
 using SpineViewer.Utils;
+using SpineViewer.ViewModels.Exporters;
 using SpineViewer.ViewModels.MainWindow;
 using System.Collections.Specialized;
 using System.ComponentModel;
 using System.Diagnostics;
 using System.IO;
 using System.Reflection.Metadata;
+using System.Runtime.InteropServices;
 using System.Text;
 using System.Windows;
 using System.Windows.Controls;
@@ -23,6 +23,7 @@ using System.Windows.Documents;
 using System.Windows.Input;
 using System.Windows.Interop;
 using System.Windows.Media;
+using System.Windows.Threading;
 
 namespace SpineViewer.Views;
 
@@ -34,7 +35,7 @@ public partial class MainWindow : Window
     /// <summary>
     /// 上一次状态文件保存路径
     /// </summary>
-    public static readonly string LastStateFilePath = Path.Combine(Path.GetDirectoryName(Environment.ProcessPath), "laststate.json");
+    public static readonly string UserStateFilePath = Path.Combine(Path.GetDirectoryName(Environment.ProcessPath), "userstate.json");
 
     private static readonly Logger _logger = LogManager.GetCurrentClassLogger();
 
@@ -44,6 +45,41 @@ public partial class MainWindow : Window
     private readonly SFMLRenderWindow _wallpaperRenderWindow;
     private readonly MainWindowViewModel _vm;
 
+    private readonly List<IDisposable> _userStateWatchers = [];
+    private DispatcherTimer _saveUserStateTimer;
+    private readonly TimeSpan _saveTimerDelay = TimeSpan.FromSeconds(3);
+
+    public bool RootGridCol0Folded
+    {
+        get => ((ContentPresenter)_mainTabControl.Template.FindName("PART_SelectedContentHost", _mainTabControl)).Visibility != Visibility.Visible;
+        set
+        {
+            var mainTabContentHost = (ContentPresenter)_mainTabControl.Template.FindName("PART_SelectedContentHost", _mainTabControl);
+            if ((mainTabContentHost.Visibility != Visibility.Visible) == value)
+                return;
+            if (value)
+            {
+                // 寄存折叠前的宽度比例
+                _rootGrid.ColumnDefinitions[0].Tag = _rootGrid.ColumnDefinitions[0].Width;
+                _rootGrid.ColumnDefinitions[1].Tag = _rootGrid.ColumnDefinitions[1].Width;
+                _rootGrid.ColumnDefinitions[2].Tag = _rootGrid.ColumnDefinitions[2].Width;
+
+                // 进行折叠
+                mainTabContentHost.Visibility = Visibility.Collapsed;
+                _rootGrid.ColumnDefinitions[0].Width = GridLength.Auto;
+                _rootGrid.ColumnDefinitions[1].Width = new(0);
+            }
+            else
+            {
+                // 解除折叠
+                _rootGrid.ColumnDefinitions[0].Width = (GridLength)_rootGrid.ColumnDefinitions[0].Tag;
+                _rootGrid.ColumnDefinitions[1].Width = (GridLength)_rootGrid.ColumnDefinitions[1].Tag;
+                _rootGrid.ColumnDefinitions[2].Width = (GridLength)_rootGrid.ColumnDefinitions[2].Tag;
+                mainTabContentHost.Visibility = Visibility.Visible;
+            }
+        }
+    }
+
     public MainWindow()
     {
         InitializeComponent();
@@ -64,11 +100,11 @@ public partial class MainWindow : Window
         // XXX: hc 的 NotifyIcon 的 Text 似乎没法双向绑定
         _notifyIcon.Text = _vm.Title;
 
+        SourceInitialized += MainWindow_SourceInitialized;
         Loaded += MainWindow_Loaded;
         ContentRendered += MainWindow_ContentRendered;
         Closing += MainWindow_Closing;
         Closed += MainWindow_Closed;
-
         _vm.SpineObjectListViewModel.RequestSelectionChanging += SpinesListView_RequestSelectionChanging;
         _vm.SFMLRendererViewModel.RequestSelectionChanging += SpinesListView_RequestSelectionChanging;
 
@@ -95,88 +131,22 @@ public partial class MainWindow : Window
         rtbTarget.WordColoringRules.Add(new("[I]", "DimGray", "Empty"));
         rtbTarget.WordColoringRules.Add(new("[W]", "DarkOrange", "Empty"));
         rtbTarget.WordColoringRules.Add(new("[E]", "Red", "Empty"));
-        rtbTarget.WordColoringRules.Add(new("[F]", "DarkRed", "Empty"));
+        rtbTarget.WordColoringRules.Add(new("[F]", "White", "DarkRed"));
 
         LogManager.Configuration.AddTarget(rtbTarget);
         LogManager.Configuration.AddRule(LogLevel.Debug, LogLevel.Fatal, rtbTarget);
         LogManager.ReconfigExistingLoggers();
     }
 
-    private void LoadLastState()
-    {
-        if (JsonHelper.Deserialize<LastStateModel>(LastStateFilePath, out var m, true))
-        {
-            Left = m.WindowLeft;
-            Top = m.WindowTop;
-            Width = m.WindowWidth;
-            Height = m.WindowHeight;
-            if (m.WindowState == WindowState.Maximized)
-            {
-                WindowState = WindowState.Maximized;
-            }
-            else
-            {
-                WindowState = WindowState.Normal;
-            }
-
-            _rootGrid.ColumnDefinitions[0].Width = new(m.RootGridCol0Width, GridUnitType.Star);
-            _rootGrid.ColumnDefinitions[2].Width = new(m.RootGridCol2Width, GridUnitType.Star);
-
-            _modelListGrid.RowDefinitions[0].Height = new(m.ModelListRow0Height, GridUnitType.Star);
-            _modelListGrid.RowDefinitions[2].Height = new(m.ModelListRow2Height, GridUnitType.Star);
-
-            _explorerGrid.RowDefinitions[0].Height = new(m.ExplorerGridRow0Height, GridUnitType.Star);
-            _explorerGrid.RowDefinitions[2].Height = new(m.ExplorerGridRow2Height, GridUnitType.Star);
-
-            _rightPanelGrid.RowDefinitions[0].Height = new(m.RightPanelGridRow0Height, GridUnitType.Star);
-            _rightPanelGrid.RowDefinitions[2].Height = new(m.RightPanelGridRow2Height, GridUnitType.Star);
-
-            _vm.SFMLRendererViewModel.SetResolution(m.ResolutionX, m.ResolutionY);
-            _vm.SFMLRendererViewModel.MaxFps = m.MaxFps;
-            _vm.SFMLRendererViewModel.Speed = m.Speed;
-            _vm.SFMLRendererViewModel.ShowAxis = m.ShowAxis;
-            _vm.SFMLRendererViewModel.BackgroundColor = m.BackgroundColor;
-            _vm.SFMLRendererViewModel.BackgroundImageMode = m.BackgroundImageMode;
-        }
-    }
-
-    private void SaveLastState()
-    {
-        var rb = RestoreBounds;
-        var m = new LastStateModel()
-        {
-            WindowLeft = rb.Left,
-            WindowTop = rb.Top,
-            WindowWidth = rb.Width,
-            WindowHeight = rb.Height,
-            WindowState = WindowState,
-
-            RootGridCol0Width = _rootGrid.ColumnDefinitions[0].Width.Value,
-            RootGridCol2Width = _rootGrid.ColumnDefinitions[2].Width.Value,
-
-            ModelListRow0Height = _modelListGrid.RowDefinitions[0].Height.Value,
-            ModelListRow2Height = _modelListGrid.RowDefinitions[2].Height.Value,
-
-            ExplorerGridRow0Height = _explorerGrid.RowDefinitions[0].Height.Value,
-            ExplorerGridRow2Height = _explorerGrid.RowDefinitions[2].Height.Value,
-
-            RightPanelGridRow0Height = _rightPanelGrid.RowDefinitions[0].Height.Value,
-            RightPanelGridRow2Height = _rightPanelGrid.RowDefinitions[2].Height.Value,
-
-            ResolutionX = _vm.SFMLRendererViewModel.ResolutionX,
-            ResolutionY = _vm.SFMLRendererViewModel.ResolutionY,
-            MaxFps = _vm.SFMLRendererViewModel.MaxFps,
-            Speed = _vm.SFMLRendererViewModel.Speed,
-            ShowAxis = _vm.SFMLRendererViewModel.ShowAxis,
-            BackgroundColor = _vm.SFMLRendererViewModel.BackgroundColor,
-            BackgroundImageMode = _vm.SFMLRendererViewModel.BackgroundImageMode,
-        };
-
-        JsonHelper.Serialize(m, LastStateFilePath);
-    }
-
     #region MainWindow 事件处理
 
+    private void MainWindow_SourceInitialized(object? sender, EventArgs e)
+    {
+        var hwnd = new WindowInteropHelper(this).Handle;
+        Dwmapi.SetWindowTextColor(hwnd, AppResource.Color_PrimaryText);
+        Dwmapi.SetWindowCaptionColor(hwnd, AppResource.Color_Region);
+    }
+
     private void MainWindow_Loaded(object sender, RoutedEventArgs e)
     {
         var vm = _vm.SFMLRendererViewModel;
@@ -197,7 +167,29 @@ public partial class MainWindow : Window
         // 加载首选项
         _vm.PreferenceViewModel.LoadPreference();
 
-        LoadLastState();
+        // 还原上一次用户历史状态
+        LoadUserState();
+
+        // 添加用户状态监听器
+        _userStateWatchers.Add(PropertyWatcher.Watch(this, MainWindow.WidthProperty, DelayedSaveUserState));
+        _userStateWatchers.Add(PropertyWatcher.Watch(this, MainWindow.HeightProperty, DelayedSaveUserState));
+        _userStateWatchers.Add(PropertyWatcher.Watch(this, MainWindow.LeftProperty, DelayedSaveUserState));
+        _userStateWatchers.Add(PropertyWatcher.Watch(this, MainWindow.TopProperty, DelayedSaveUserState));
+        _userStateWatchers.Add(PropertyWatcher.Watch(this, MainWindow.WindowStateProperty, DelayedSaveUserState));
+
+        _userStateWatchers.Add(PropertyWatcher.Watch(_rootGrid.ColumnDefinitions[0], ColumnDefinition.WidthProperty, DelayedSaveUserState));
+        _userStateWatchers.Add(PropertyWatcher.Watch(_rootGrid.ColumnDefinitions[2], ColumnDefinition.WidthProperty, DelayedSaveUserState));
+
+        _userStateWatchers.Add(PropertyWatcher.Watch(_modelListGrid.RowDefinitions[0], RowDefinition.HeightProperty, DelayedSaveUserState));
+        _userStateWatchers.Add(PropertyWatcher.Watch(_modelListGrid.RowDefinitions[2], RowDefinition.HeightProperty, DelayedSaveUserState));
+
+        _userStateWatchers.Add(PropertyWatcher.Watch(_explorerGrid.RowDefinitions[0], RowDefinition.HeightProperty, DelayedSaveUserState));
+        _userStateWatchers.Add(PropertyWatcher.Watch(_explorerGrid.RowDefinitions[2], RowDefinition.HeightProperty, DelayedSaveUserState));
+
+        _userStateWatchers.Add(PropertyWatcher.Watch(_rightPanelGrid.RowDefinitions[0], RowDefinition.HeightProperty, DelayedSaveUserState));
+        _userStateWatchers.Add(PropertyWatcher.Watch(_rightPanelGrid.RowDefinitions[2], RowDefinition.HeightProperty, DelayedSaveUserState));
+
+        _vm.SFMLRendererViewModel.PropertyChanged += SFMLRendererUserStateChanged;
     }
 
     private void MainWindow_ContentRendered(object? sender, EventArgs e)
@@ -229,11 +221,6 @@ public partial class MainWindow : Window
     {
         if (!_vm.IsShuttingDownFromTray)
         {
-            if (_vm.CloseToTray is null)
-            {
-                _vm.PreferenceViewModel.CloseToTray = MessagePopupService.YesNo(AppResource.Str_CloseToTrayQuest);
-                _vm.PreferenceViewModel.SavePreference();
-            }
             if (_vm.CloseToTray is true)
             {
                 Hide();
@@ -242,7 +229,14 @@ public partial class MainWindow : Window
             }
         }
 
-        SaveLastState();
+        // 保存当前用户状态
+        SaveUserState();
+
+        // 撤除所有状态监听器
+        _vm.SFMLRendererViewModel.PropertyChanged -= SFMLRendererUserStateChanged;
+        foreach (var w in _userStateWatchers) w.Dispose();
+        _userStateWatchers.Clear();
+
         _vm.SFMLRendererViewModel.StopRender();
     }
 
@@ -251,6 +245,157 @@ public partial class MainWindow : Window
 
     }
 
+    private void LoadUserState()
+    {
+        if (JsonHelper.Deserialize<UserStateModel>(UserStateFilePath, out var m, true))
+        {
+            Left = m.WindowLeft;
+            Top = m.WindowTop;
+            Width = m.WindowWidth;
+            Height = m.WindowHeight;
+            if (m.WindowState == WindowState.Maximized)
+            {
+                WindowState = WindowState.Maximized;
+            }
+            else
+            {
+                WindowState = WindowState.Normal;
+            }
+
+            if (m.RootGridCol0Folded)
+            {
+                RootGridCol0Folded = true;
+                _rootGrid.ColumnDefinitions[0].Tag = new GridLength(m.RootGridCol0Width, GridUnitType.Star);
+                _rootGrid.ColumnDefinitions[2].Tag = new GridLength(m.RootGridCol2Width, GridUnitType.Star);
+            }
+            else
+            {
+                RootGridCol0Folded = false;
+                _rootGrid.ColumnDefinitions[0].Width = new(m.RootGridCol0Width, GridUnitType.Star);
+                _rootGrid.ColumnDefinitions[2].Width = new(m.RootGridCol2Width, GridUnitType.Star);
+            }
+
+            _modelListGrid.RowDefinitions[0].Height = new(m.ModelListRow0Height, GridUnitType.Star);
+            _modelListGrid.RowDefinitions[2].Height = new(m.ModelListRow2Height, GridUnitType.Star);
+
+            _explorerGrid.RowDefinitions[0].Height = new(m.ExplorerGridRow0Height, GridUnitType.Star);
+            _explorerGrid.RowDefinitions[2].Height = new(m.ExplorerGridRow2Height, GridUnitType.Star);
+
+            _rightPanelGrid.RowDefinitions[0].Height = new(m.RightPanelGridRow0Height, GridUnitType.Star);
+            _rightPanelGrid.RowDefinitions[2].Height = new(m.RightPanelGridRow2Height, GridUnitType.Star);
+
+            _vm.SFMLRendererViewModel.SetResolution(m.ResolutionX, m.ResolutionY);
+            _vm.SFMLRendererViewModel.MaxFps = m.MaxFps;
+            _vm.SFMLRendererViewModel.Speed = m.Speed;
+            _vm.SFMLRendererViewModel.ShowAxis = m.ShowAxis;
+            _vm.SFMLRendererViewModel.BackgroundColor = m.BackgroundColor;
+            _vm.SFMLRendererViewModel.BackgroundImageMode = m.BackgroundImageMode;
+        }
+    }
+
+    private void SaveUserState()
+    {
+        var rb = RestoreBounds;
+        var m = new UserStateModel()
+        {
+            WindowLeft = rb.Left,
+            WindowTop = rb.Top,
+            WindowWidth = rb.Width,
+            WindowHeight = rb.Height,
+            WindowState = WindowState,
+
+            RootGridCol0Folded = RootGridCol0Folded,
+            RootGridCol0Width = _rootGrid.ColumnDefinitions[0].Width.Value,
+            RootGridCol2Width = _rootGrid.ColumnDefinitions[2].Width.Value,
+
+            ModelListRow0Height = _modelListGrid.RowDefinitions[0].Height.Value,
+            ModelListRow2Height = _modelListGrid.RowDefinitions[2].Height.Value,
+
+            ExplorerGridRow0Height = _explorerGrid.RowDefinitions[0].Height.Value,
+            ExplorerGridRow2Height = _explorerGrid.RowDefinitions[2].Height.Value,
+
+            RightPanelGridRow0Height = _rightPanelGrid.RowDefinitions[0].Height.Value,
+            RightPanelGridRow2Height = _rightPanelGrid.RowDefinitions[2].Height.Value,
+
+            ResolutionX = _vm.SFMLRendererViewModel.ResolutionX,
+            ResolutionY = _vm.SFMLRendererViewModel.ResolutionY,
+            MaxFps = _vm.SFMLRendererViewModel.MaxFps,
+            Speed = _vm.SFMLRendererViewModel.Speed,
+            ShowAxis = _vm.SFMLRendererViewModel.ShowAxis,
+            BackgroundColor = _vm.SFMLRendererViewModel.BackgroundColor,
+            BackgroundImageMode = _vm.SFMLRendererViewModel.BackgroundImageMode,
+        };
+
+        if (m.RootGridCol0Folded)
+        {
+            m.RootGridCol0Width = ((GridLength)_rootGrid.ColumnDefinitions[0].Tag).Value;
+            m.RootGridCol2Width = ((GridLength)_rootGrid.ColumnDefinitions[2].Tag).Value;
+        }
+
+        JsonHelper.Serialize(m, UserStateFilePath);
+    }
+
+    /// <summary>
+    /// <see cref="SaveUserState"/> 的延时版本, 避免一次性大量执行
+    /// </summary>
+    private void DelayedSaveUserState()
+    {
+        // 第一次调用时创建定时器
+        if (_saveUserStateTimer == null)
+        {
+            _saveUserStateTimer = new() { Interval = _saveTimerDelay };
+            _saveUserStateTimer.Tick += (s, e) =>
+            {
+                _saveUserStateTimer.Stop();
+                SaveUserState();
+            };
+        }
+
+        // 每次触发都重置间隔和计时
+        _saveUserStateTimer.Stop();
+        _saveUserStateTimer.Start();
+    }
+
+    private void SFMLRendererUserStateChanged(object? sender, PropertyChangedEventArgs e)
+    {
+        switch (e.PropertyName)
+        {
+            case nameof(SFMLRendererViewModel.ResolutionX):
+            case nameof(SFMLRendererViewModel.ResolutionY):
+            case nameof(SFMLRendererViewModel.MaxFps):
+            case nameof(SFMLRendererViewModel.Speed):
+            case nameof(SFMLRendererViewModel.ShowAxis):
+            case nameof(SFMLRendererViewModel.BackgroundColor):
+            case nameof(SFMLRendererViewModel.BackgroundImageMode):
+                DelayedSaveUserState();
+                break;
+            default:
+                break;
+        }
+    }
+
+    #endregion
+
+    #region ColorPicker 弹窗事件处理
+
+    private void ButtonPickColor_Click(object sender, RoutedEventArgs e)
+    {
+        _colorPopup.IsOpen = !_colorPopup.IsOpen;
+    }
+
+    private void ColorPicker_Confirmed(object sender, HandyControl.Data.FunctionEventArgs<Color> e)
+    {
+        _colorPopup.IsOpen = false;
+        var color = e.Info;
+        var vm = ((MainWindowViewModel)DataContext).SFMLRendererViewModel;
+        vm.BackgroundColor = color;
+    }
+
+    private void ColorPicker_Canceled(object sender, EventArgs e)
+    {
+        _colorPopup.IsOpen = false;
+    }
+
     #endregion
 
     #region ViewModel PropertyChanged 事件处理
@@ -290,6 +435,34 @@ public partial class MainWindow : Window
 
     #endregion
 
+    #region _mainTabControl 事件处理
+
+    private void MainTabControlHeader_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
+    {
+        // 全屏状态忽略该功能
+        if (_fullScreenLayout.Visibility == Visibility.Visible)
+            return;
+
+        if (sender is not FrameworkElement fe)
+            return;
+
+        // 找到包含这个 Border 的 TabItem
+        var tabItem = VisualFindParent<TabItem>(fe);
+        if (tabItem is null) 
+            return;
+
+        if (_mainTabControl.SelectedItem == tabItem)
+        {
+            RootGridCol0Folded = !RootGridCol0Folded;
+        }
+        else
+        {
+            RootGridCol0Folded = false;
+        }
+    }
+
+    #endregion
+
     #region _spinesListView 事件处理
 
     private void SpinesListView_RequestSelectionChanging(object? sender, NotifyCollectionChangedEventArgs e)
@@ -409,13 +582,6 @@ public partial class MainWindow : Window
         e.Handled = true;
     }
 
-    private static T? VisualUpwardSearch<T>(DependencyObject? source) where T : DependencyObject
-    {
-        while (source != null && source is not T)
-            source = VisualTreeHelper.GetParent(source);
-        return source as T;
-    }
-
     #endregion
 
     #region _spineFilesListBox 事件
@@ -456,6 +622,8 @@ public partial class MainWindow : Window
 
         if (_fullScreenLayout.Visibility == Visibility.Visible) return;
 
+        RootGridCol0Folded = false; // 取消折叠
+
         IntPtr hwnd = new WindowInteropHelper(this).Handle;
         if (User32.GetScreenResolution(hwnd, out var resX, out var resY))
         {
@@ -706,14 +874,26 @@ public partial class MainWindow : Window
 
     #endregion
 
+    private static T? VisualUpwardSearch<T>(DependencyObject? source) where T : DependencyObject
+    {
+        while (source != null && source is not T)
+            source = VisualTreeHelper.GetParent(source);
+        return source as T;
+    }
+
+    public static T? VisualFindParent<T>(DependencyObject child) where T : DependencyObject 
+        => VisualUpwardSearch<T>(VisualTreeHelper.GetParent(child));
+
     private void DebugMenuItem_Click(object sender, RoutedEventArgs e)
     {
 #if DEBUG
-        var a = _rootGrid.ColumnDefinitions[0].Width;
-        var b = _rootGrid.ColumnDefinitions[1].Width;
-        var c = _rootGrid.ColumnDefinitions[2].Width;
-        Debug.WriteLine(a);
-        Debug.WriteLine(_rootGrid.ColumnDefinitions[0].Width.IsStar);
+        _logger.Debug("Debug");
+        _logger.Info("Info");
+        _logger.Warn("Warn");
+        _logger.Error("Error");
+        _logger.Fatal("Fatal");
+        return;
 #endif
     }
+
 }

SpineViewer/Views/PreferenceDialog.xaml

@@ -10,6 +10,7 @@
         d:DataContext="{d:DesignInstance Type=models:PreferenceModel}"
         mc:Ignorable="d"
         Title="{DynamicResource Str_Preference}"
+        Background="{DynamicResource RegionBrush}"
         Height="650" 
         Width="600"    
         ShowInTaskbar="False"
@@ -40,24 +41,22 @@
                 <Style TargetType="{x:Type ComboBox}" BasedOn="{StaticResource ComboBoxBaseStyle}">
                     <Setter Property="HorizontalContentAlignment" Value="Right"/>
                 </Style>
-                <Style TargetType="{x:Type ToggleButton}" BasedOn="{StaticResource MyToggleButton}">
+                <Style TargetType="{x:Type ToggleButton}" BasedOn="{StaticResource MyToggleButtonBaseStyle}">
                     <Setter Property="HorizontalAlignment" Value="Right"/>
                 </Style>
-                <Style TargetType="{x:Type GroupBox}" BasedOn="{StaticResource GroupBoxTab}">
-                    <Setter Property="BorderBrush" Value="LightGray"/>
-                    <Setter Property="Background" Value="Transparent"/>
-                    <Setter Property="hc:TitleElement.Background" Value="Transparent"/>
+                <Style TargetType="{x:Type GroupBox}" BasedOn="{StaticResource MyGroupBoxBaseStyle}">
                     <Setter Property="Margin" Value="0 5 0 10"/>
                 </Style>
             </Border.Resources>
-            <ScrollViewer  VerticalScrollBarVisibility="Auto">
-                <StackPanel Grid.IsSharedSizeScope="True" Margin="0 0 0 50">
+
+            <ScrollViewer Style="{StaticResource MyVerticalScrollViewerBaseStyle}">
+                <StackPanel Grid.IsSharedSizeScope="True">
                     <GroupBox Header="{DynamicResource Str_TextureLoadPreference}">
                         <StackPanel>
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_ForcePremul}" ToolTip="{DynamicResource Str_ForcePremulTooltip}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding ForcePremul}" ToolTip="{DynamicResource Str_ForcePremulTooltip}"/>
@@ -66,7 +65,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_ForceNearest}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding ForceNearest}"/>
@@ -75,7 +74,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_ForceMipmap}" ToolTip="{DynamicResource Str_ForceMipmapTooltip}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding ForceMipmap}" ToolTip="{DynamicResource Str_ForceMipmapTooltip}"/>
@@ -88,7 +87,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_IsShown}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding IsShown}"/>
@@ -97,7 +96,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_UsePma}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding UsePma}"/>
@@ -106,7 +105,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_DebugTexture}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding DebugTexture}"/>
@@ -115,7 +114,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_DebugBounds}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding DebugBounds}"/>
@@ -124,7 +123,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_DebugBones}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding DebugBones}"/>
@@ -133,7 +132,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_DebugRegions}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding DebugRegions}"/>
@@ -142,7 +141,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_DebugMeshHulls}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding DebugMeshHulls}"/>
@@ -151,7 +150,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_DebugMeshes}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding DebugMeshes}"/>
@@ -160,7 +159,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_DebugClippings}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding DebugClippings}"/>
@@ -169,7 +168,7 @@
                             <!-- <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_DebugBoundingBoxes}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding DebugBoundingBoxes}"/>
@@ -178,7 +177,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_DebugPaths}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding DebugPaths}"/>
@@ -187,7 +186,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_DebugPoints}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding DebugPoints}"/>
@@ -201,18 +200,29 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_Language}"/>
                                 <ComboBox Grid.Column="1" 
                                           SelectedItem="{Binding AppLanguage}"
                                           ItemsSource="{x:Static vm:PreferenceViewModel.AppLanguageOptions}"/>
                             </Grid>
-                            
+
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
+                                </Grid.ColumnDefinitions>
+                                <Label Content="{DynamicResource Str_Skin}"/>
+                                <ComboBox Grid.Column="1" 
+                                          SelectedItem="{Binding AppSkin}"
+                                          ItemsSource="{x:Static vm:PreferenceViewModel.AppSkinOptions}"/>
+                            </Grid>
+
+                            <Grid>
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_RenderSelectedOnly}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding RenderSelectedOnly}"/>
@@ -221,7 +231,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_HitTestLevel}"/>
                                 <ComboBox Grid.Column="1" 
@@ -232,7 +242,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_LogHitSlots}" ToolTip="{DynamicResource Str_LogHitSlotsTooltip}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding LogHitSlots}" ToolTip="{DynamicResource Str_LogHitSlotsTooltip}"/>
@@ -241,7 +251,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_WallpaperView}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding WallpaperView}"/>
@@ -250,7 +260,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_CloseToTray}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding CloseToTray}"/>
@@ -259,7 +269,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_AutoRun}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding AutoRun}"/>
@@ -268,7 +278,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_AutoRunWorkspaceConfigPath}"
                                        ToolTip="{DynamicResource Str_AutoRunWorkspaceConfigPathTooltip}"/>
@@ -285,7 +295,7 @@
                             <Grid>
                                 <Grid.ColumnDefinitions>
                                     <ColumnDefinition Width="Auto" SharedSizeGroup="LabelCol"/>
-                                    <ColumnDefinition Width="*" />
+                                    <ColumnDefinition Width="*"/>
                                 </Grid.ColumnDefinitions>
                                 <Label Content="{DynamicResource Str_AssociateFileSuffix}"/>
                                 <ToggleButton Grid.Column="1" IsChecked="{Binding AssociateFileSuffix}"/>

SpineViewer/Views/PreferenceDialog.xaml.cs

@@ -1,4 +1,6 @@
-using SpineViewer.Services;
+using SpineViewer.Natives;
+using SpineViewer.Resources;
+using SpineViewer.Services;
 using SpineViewer.ViewModels.Exporters;
 using System;
 using System.Collections.Generic;
@@ -10,6 +12,7 @@ using System.Windows.Controls;
 using System.Windows.Data;
 using System.Windows.Documents;
 using System.Windows.Input;
+using System.Windows.Interop;
 using System.Windows.Media;
 using System.Windows.Media.Imaging;
 using System.Windows.Shapes;
@@ -24,6 +27,14 @@ namespace SpineViewer.Views
         public PreferenceDialog()
         {
             InitializeComponent();
+            SourceInitialized += PreferenceDialog_SourceInitialized;
+        }
+
+        private void PreferenceDialog_SourceInitialized(object? sender, EventArgs e)
+        {
+            var hwnd = new WindowInteropHelper(this).Handle;
+            Dwmapi.SetWindowTextColor(hwnd, AppResource.Color_PrimaryText);
+            Dwmapi.SetWindowCaptionColor(hwnd, AppResource.Color_Region);
         }
 
         private void ButtonOK_Click(object sender, RoutedEventArgs e)

SpineViewer/Views/ProgressDialog.xaml

@@ -9,6 +9,7 @@
         d:DataContext="{d:DesignInstance Type=vm:ProgressDialogViewModel}"
         mc:Ignorable="d"
         Title="{Binding Title}"
+        Background="{DynamicResource RegionBrush}"
         Width="550"
         Height="250"
         ResizeMode="NoResize" 
@@ -21,7 +22,11 @@
             <RowDefinition Height="Auto"/>
             <RowDefinition Height="Auto"/>
         </Grid.RowDefinitions>
-        <TextBlock Text="{Binding ProgressText}" Padding="20" LineHeight="25" TextWrapping="Wrap"/>
+        <TextBlock Text="{Binding ProgressText}"  
+                   Foreground="{DynamicResource PrimaryTextBrush}"
+                   Padding="20" 
+                   LineHeight="25" 
+                   TextWrapping="Wrap"/>
         <ProgressBar Grid.Row="1" 
                      Value="{Binding Done}" 
                      Maximum="{Binding Total}" 
@@ -29,7 +34,7 @@
                      VerticalAlignment="Center" 
                      Margin="20 5"/>
         <Button Grid.Row="2" 
-                Content="{StaticResource Str_Cancel}"
+                Content="{DynamicResource Str_Cancel}"
                 Command="{Binding Cmd_Cancel}"
                 Width="100" 
                 Margin="15"/>

SpineViewer/Views/ProgressDialog.xaml.cs

@@ -1,4 +1,6 @@
-using SpineViewer.ViewModels;
+using SpineViewer.Natives;
+using SpineViewer.Resources;
+using SpineViewer.ViewModels;
 using System;
 using System.Collections.Generic;
 using System.Linq;
@@ -25,9 +27,17 @@ namespace SpineViewer.Views
         public ProgressDialog()
         {
             InitializeComponent();
+            SourceInitialized += ProgressDialog_SourceInitialized;
             Loaded += ProgressWindow_Loaded;
         }
 
+        private void ProgressDialog_SourceInitialized(object? sender, EventArgs e)
+        {
+            var hwnd = new WindowInteropHelper(this).Handle;
+            Dwmapi.SetWindowTextColor(hwnd, AppResource.Color_PrimaryText);
+            Dwmapi.SetWindowCaptionColor(hwnd, AppResource.Color_Region);
+        }
+
         private void ProgressWindow_Loaded(object sender, RoutedEventArgs e)
         {
             var hwnd = new WindowInteropHelper(this).Handle;

SpineViewerCLI/SpineViewerCLI.cs

@@ -1,33 +1,36 @@
 using System.Globalization;
-using System.IO;
 using SFML.Graphics;
 using SFML.System;
 using Spine;
 using Spine.Exporters;
-using Spine.Interfaces;
+using SkiaSharp;
 
 namespace SpineViewerCLI
 {
     public class CLI
     {
         const string USAGE = @"
-usage: SpineViewerCLI.exe [--skel PATH] [--atlas PATH] [--output PATH] [--animation STR] [--pma] [--fps INT] [--loop] [--crf INT] [--width INT] [--height INT] [--centerx INT] [--centery INT] [--zoom FLOAT] [--speed FLOAT] [--color HEX] [--quiet]
+usage: SpineViewerCLI.exe [--skel PATH] [--atlas PATH] [--output PATH] [--animation STR] [--skin STR] [--hide-slot STR] [--pma] [--fps INT] [--loop] [--crf INT] [--time FLOAT] [--quality INT] [--width INT] [--height INT] [--centerx INT] [--centery INT] [--zoom FLOAT] [--speed FLOAT] [--color HEX] [--quiet]
 
 options:
   --skel PATH           Path to the .skel file
   --atlas PATH          Path to the .atlas file, default searches in the skel file directory
-  --output PATH         Output file path
+  --output PATH         Output file path. Extension determines export type (.mp4, .webm for video; .png, .jpg for frame)
   --animation STR       Animation name
+  --skin STR            Skin name to apply. Can be used multiple times to stack skins.
+  --hide-slot STR       Slot name to hide. Can be used multiple times.
   --pma                 Use premultiplied alpha, default false
-  --fps INT             Frames per second, default 24
-  --loop                Whether to loop the animation, default false
-  --crf INT             Constant Rate Factor i.e. video quality, from 0 (lossless) to 51 (worst), default 23
+  --fps INT             Frames per second (for video), default 24
+  --loop                Whether to loop the animation (for video), default false
+  --crf INT             Constant Rate Factor (for video), from 0 (lossless) to 51 (worst), default 23
+  --time FLOAT          Time in seconds to export a single frame. Providing this argument forces frame export mode.
+  --quality INT         Quality for lossy image formats (jpg, webp), from 0 to 100, default 80
   --width INT           Output width, default 512
   --height INT          Output height, default 512
   --centerx INT         Center X offset, default automatically finds bounds
   --centery INT         Center Y offset, default automatically finds bounds
   --zoom FLOAT          Zoom level, default 1.0
-  --speed FLOAT         Speed of animation, default 1.0
+  --speed FLOAT         Speed of animation (for video), default 1.0
   --color HEX           Background color as a hex RGBA color, default 000000ff (opaque black)
   --quiet               Removes console progress log, default false
 ";
@@ -38,10 +41,14 @@ options:
             string? atlasPath = null;
             string? output = null;
             string? animation = null;
+            var skins = new List<string>();
+            var hideSlots = new List<string>();
             bool pma = false;
             uint fps = 24;
             bool loop = false;
             int crf = 23;
+            float? time = null;
+            int quality = 80;
             uint? width = null;
             uint? height = null;
             int? centerx = null;
@@ -71,6 +78,12 @@ options:
                     case "--animation":
                         animation = args[++i];
                         break;
+                    case "--skin":
+                        skins.Add(args[++i]);
+                        break;
+                    case "--hide-slot":
+                        hideSlots.Add(args[++i]);
+                        break;
                     case "--pma":
                         pma = true;
                         break;
@@ -83,6 +96,12 @@ options:
                     case "--crf":
                         crf = int.Parse(args[++i]);
                         break;
+                    case "--time":
+                        time = float.Parse(args[++i]);
+                        break;
+                    case "--quality":
+                        quality = int.Parse(args[++i]);
+                        break;
                     case "--width":
                         width = uint.Parse(args[++i]);
                         break;
@@ -124,63 +143,155 @@ options:
                 Console.Error.WriteLine("Missing --output");
                 Environment.Exit(2);
             }
-            if (!Enum.TryParse<FFmpegVideoExporter.VideoFormat>(Path.GetExtension(output).TrimStart('.'), true, out var videoFormat))
-            {
-                var validExtensions = string.Join(", ", Enum.GetNames(typeof(FFmpegVideoExporter.VideoFormat)));
-                Console.Error.WriteLine($"Invalid output extension. Supported formats are: {validExtensions}");
-                Environment.Exit(2);
-            }
+            var outputExtension = Path.GetExtension(output).TrimStart('.').ToLowerInvariant();
 
             var sp = new SpineObject(skelPath, atlasPath);
             sp.UsePma = pma;
 
+            foreach (var skinName in skins)
+            {
+                if (!sp.SetSkinStatus(skinName, true))
+                {
+                    var availableSkins = string.Join(", ", sp.Data.Skins.Select(s => s.Name));
+                    Console.Error.WriteLine($"Error: Skin '{skinName}' not found. Available skins: {availableSkins}");
+                    Environment.Exit(2);
+                }
+            }
+
             if (string.IsNullOrEmpty(animation))
             {
-                var availableAnimations = string.Join(", ", sp.Data.Animations);
+                var availableAnimations = string.Join(", ", sp.Data.Animations.Select(a => a.Name));
                 Console.Error.WriteLine($"Missing --animation. Available animations for {sp.Name}: {availableAnimations}");
                 Environment.Exit(2);
             }
+
             var trackEntry = sp.AnimationState.SetAnimation(0, animation, loop);
+            if (time.HasValue)
+            {
+                trackEntry.TrackTime = time.Value;
+            }
             sp.Update(0);
 
-            FFmpegVideoExporter exporter;
-            if (width is uint w && height is uint h && centerx is int cx && centery is int cy)
+            foreach (var slotName in hideSlots)
             {
-                exporter = new FFmpegVideoExporter(w, h)
+                if (!sp.SetSlotVisible(slotName, false))
                 {
-                    Center = (cx, cy),
-                    Size = (w / zoom, -h / zoom),
-                };
+                    if (!quiet) Console.WriteLine($"Warning: Slot '{slotName}' not found, cannot hide.");
+                }
+            }
+
+            if (time.HasValue)
+            {
+                if (TryGetImageFormat(outputExtension, out var imageFormat))
+                {
+                    if (!quiet) Console.WriteLine($"Exporting single frame at {time.Value:F2}s to {output}...");
+
+                    FrameExporter exporter;
+                    if (width is uint w && height is uint h && centerx is int cx && centery is int cy)
+                    {
+                        exporter = new FrameExporter(w, h)
+                        {
+                            Center = (cx, cy),
+                            Size = (w / zoom, -h / zoom),
+                        };
+                    }
+                    else
+                    {
+                        var frameBounds = GetSpineObjectBounds(sp);
+                        var bounds = GetFloatRectCanvasBounds(frameBounds, new(width ?? 512, height ?? 512));
+                        exporter = new FrameExporter(width ?? (uint)Math.Ceiling(bounds.Width), height ?? (uint)Math.Ceiling(bounds.Height))
+                        {
+                            Center = bounds.Position + bounds.Size / 2,
+                            Size = (bounds.Width, -bounds.Height),
+                        };
+                    }
+                    exporter.Format = imageFormat;
+                    exporter.Quality = quality;
+                    exporter.BackgroundColor = backgroundColor;
+
+                    exporter.Export(output, sp);
+
+                    if (!quiet)
+                        Console.WriteLine("Frame export complete.");
+                }
+                else
+                {
+                    var validImageExtensions = "png, jpg, jpeg, webp, bmp";
+                    Console.Error.WriteLine($"Error: --time argument requires a valid image format extension. Supported formats are: {validImageExtensions}.");
+                    Environment.Exit(2);
+                }
+            }
+            else if (Enum.TryParse<FFmpegVideoExporter.VideoFormat>(outputExtension, true, out var videoFormat))
+            {
+                FFmpegVideoExporter exporter;
+                if (width is uint w && height is uint h && centerx is int cx && centery is int cy)
+                {
+                    exporter = new FFmpegVideoExporter(w, h)
+                    {
+                        Center = (cx, cy),
+                        Size = (w / zoom, -h / zoom),
+                    };
+                }
+                else
+                {
+                    var bounds = GetFloatRectCanvasBounds(GetSpineObjectAnimationBounds(sp, fps), new(width ?? 512, height ?? 512));
+                    exporter = new FFmpegVideoExporter(width ?? (uint)Math.Ceiling(bounds.Width), height ?? (uint)Math.Ceiling(bounds.Height))
+                    {
+                        Center = bounds.Position + bounds.Size / 2,
+                        Size = (bounds.Width, -bounds.Height),
+                    };
+                }
+                exporter.Duration = trackEntry.Animation.Duration;
+                exporter.Fps = fps;
+                exporter.Format = videoFormat;
+                exporter.Loop = loop;
+                exporter.Crf = crf;
+                exporter.Speed = speed;
+                exporter.BackgroundColor = backgroundColor;
+
+                if (!quiet)
+                    exporter.ProgressReporter = (total, done, text) => Console.Write($"\r{text}");
+
+                using var cts = new CancellationTokenSource();
+                exporter.Export(output, cts.Token, sp);
+
+                if (!quiet)
+                    Console.WriteLine("\nVideo export complete.");
             }
             else
             {
-                var bounds = GetFloatRectCanvasBounds(GetSpineObjectAnimationBounds(sp, fps), new(width ?? 512, height ?? 512));
-                exporter = new FFmpegVideoExporter(width ?? (uint)Math.Ceiling(bounds.Width), height ?? (uint)Math.Ceiling(bounds.Height))
-                {
-                    Center = bounds.Position + bounds.Size / 2,
-                    Size = (bounds.Width, -bounds.Height),
-                };
+                var validVideoExtensions = string.Join(", ", Enum.GetNames(typeof(FFmpegVideoExporter.VideoFormat)));
+                var validImageExtensions = "png, jpg, jpeg, webp, bmp";
+                Console.Error.WriteLine($"Invalid output extension or missing --time for image export. Supported video formats are: {validVideoExtensions}. Supported image formats (with --time) are: {validImageExtensions}.");
+                Environment.Exit(2);
             }
-            exporter.Duration = trackEntry.Animation.Duration;
-            exporter.Fps = fps;
-            exporter.Format = videoFormat;
-            exporter.Loop = loop;
-            exporter.Crf = crf;
-            exporter.Speed = speed;
-            exporter.BackgroundColor = backgroundColor;
-
-            if (!quiet)
-                exporter.ProgressReporter = (total, done, text) => Console.Write($"\r{text}");
-
-            using var cts = new CancellationTokenSource();
-            exporter.Export(output, cts.Token, sp);
-
-            if (!quiet)
-                Console.WriteLine();
 
             Environment.Exit(0);
         }
 
+        private static bool TryGetImageFormat(string extension, out SKEncodedImageFormat format)
+        {
+            switch (extension)
+            {
+                case "png":
+                    format = SKEncodedImageFormat.Png;
+                    return true;
+                case "jpg":
+                case "jpeg":
+                    format = SKEncodedImageFormat.Jpeg;
+                    return true;
+                case "webp":
+                    format = SKEncodedImageFormat.Webp;
+                    return true;
+                case "bmp":
+                    format = SKEncodedImageFormat.Bmp;
+                    return true;
+                default:
+                    format = default;
+                    return false;
+            }
+        }
+
         public static SpineObject CopySpineObject(SpineObject sp)
         {
             var spineObject = new SpineObject(sp, true);