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

v0.15.13

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,18 @@
+---
+name: 问题报告/Bug report
+about: 报告可能的程序错误/Create a report to help us improve
+title: ''
+labels: ''
+assignees: ''
+---
+
+## 问题描述/Describe the bug
+清晰完整的描述问题是什么以及如何发生的。/A clear and concise description of what the bug is.  
+
+## 复现方式（可选）/To Reproduce (Optional)
+
+## 截图（可选）/Screenshots (Optional)**
+如果有必要，提供报错时的有关截图。/If applicable, add screenshots to help explain your problem.  
+
+## 附件（可选）/Attachments (Optional)
+请将会**出现问题的文件**以及**日志文件**打包成一个 ZIP 后作为附件贴在 issue 内。/Please compress the problematic files and the log files into a single ZIP archive and attach it to this issue.

CHANGELOG.md

@@ -1,5 +1,23 @@
 # CHANGELOG
 
+## v0.15.13
+
+- 增加程序布局自动存储和还原
+- 增加部分预览画面首选项
+
+## v0.15.12
+
+- 增加单个模型和单个轨道的时间因子
+- 增加单个轨道的 Alpha 混合参数
+- 调整轨道清除命令至右键菜单
+- 设置默认标签页为模型
+- 完善导入时的报错信息
+
+## v0.15.11
+
+- 修复自定义导出中参数构造错误
+- 增加 mov 格式及参数说明
+
 ## v0.15.10
 
 - 增加插槽可见性参数, 允许任何情况下对插槽启用和禁用对插槽的渲染

README.en.md

@@ -21,6 +21,8 @@ A simple and user-friendly Spine file viewer and exporter with multi-language su
 * Skin and custom slot attachment settings.
 * Custom slot visibility settings.
 * Debug rendering support.
+* View/model/track time scale adjustment.
+* Track alpha blending parameter settings.
 * Fullscreen preview mode.
 * Export to single frame/image sequence/animated GIF/video formats.
 * Automatic resolution batch export.

README.md

@@ -21,6 +21,8 @@
 - 支持皮肤/自定义插槽附件设置
 - 支持自定义插槽可见性
 - 支持调试渲染
+- 支持画面/模型/轨道时间倍速设置
+- 支持设置轨道 Alpha 混合参数
 - 支持全屏预览
 - 支持单帧/动图/视频文件导出
 - 支持自动分辨率批量导出

Spine/Exporters/CustomFFmpegExporter.cs

@@ -60,8 +60,9 @@ namespace Spine.Exporters
             if (!string.IsNullOrEmpty(_codec)) options.WithVideoCodec(_codec);
             if (!string.IsNullOrEmpty(_pixelFormat)) options.ForcePixelFormat(_pixelFormat);
             if (!string.IsNullOrEmpty(_bitrate)) options.WithCustomArgument($"-b:v {_bitrate}");
-            if (!string.IsNullOrEmpty(_filter)) options.WithCustomArgument($"-vf unpremultiply=inplace=1, {_customArgs}");
+            if (!string.IsNullOrEmpty(_filter)) options.WithCustomArgument($"-vf \"unpremultiply=inplace=1, {_filter}\"");
             else options.WithCustomArgument("-vf unpremultiply=inplace=1");
+            if (!string.IsNullOrEmpty(_customArgs)) options.WithCustomArgument($"{_customArgs}");
         }
 
         /// <summary>

Spine/Exporters/FFmpegVideoExporter.cs

@@ -31,6 +31,7 @@ namespace Spine.Exporters
             Mp4,
             Webm,
             Mkv,
+            Mov,
         }
 
         /// <summary>
@@ -40,29 +41,35 @@ namespace Spine.Exporters
         private VideoFormat _format = VideoFormat.Mp4;
 
         /// <summary>
-        /// 动图是否循环
+        /// 动图是否循环 [Gif/Webp]
         /// </summary>
         public bool Loop { get => _loop; set => _loop = value; }
         private bool _loop = true;
 
         /// <summary>
-        /// 质量
+        /// 质量 [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
+        /// CRF [Mp4/Webm/Mkv]
         /// </summary>
         public int Crf { get => _crf; set => _crf = Math.Clamp(value, 0, 63); }
         private int _crf = 23;
 
+        /// <summary>
+        /// prores_ks 编码器的配置等级, -1 是自动, 越高质量越好, 只有 4 及以上才有透明通道 [Mov]
+        /// </summary>
+        public int Profile { get => _profile; set => _profile = Math.Clamp(value, -1, 5); }
+        private int _profile = 5;
+
         /// <summary>
         /// 获取的一帧, 结果是预乘的
         /// </summary>
@@ -89,6 +96,7 @@ namespace Spine.Exporters
                 VideoFormat.Mp4 => SetMp4Options,
                 VideoFormat.Webm => SetWebmOptions,
                 VideoFormat.Mkv => SetMkvOptions,
+                VideoFormat.Mov => SetMovOptions,
                 _ => throw new NotImplementedException(),
             };
 
@@ -110,8 +118,8 @@ namespace Spine.Exporters
         {
             // Gif 固定使用 256 调色板和 128 透明度阈值
             var v = "split [s0][s1]";
-            var s0 = "[s0] palettegen=reserve_transparent=1:max_colors=256 [p]";
-            var s1 = "[s1][p] paletteuse=dither=bayer:alpha_threshold=128";
+            var s0 = "[s0] palettegen=max_colors=256 [p]";
+            var s1 = "[s1][p] paletteuse=alpha_threshold=128";
             var customArgs = $"-vf \"unpremultiply=inplace=1, {v};{s0};{s1}\" -loop {(_loop ? 0 : -1)}";
             options.ForceFormat("gif")
                 .WithCustomArgument(customArgs);
@@ -151,5 +159,13 @@ namespace Spine.Exporters
                 .WithCustomArgument(customArgs);
         }
 
+        private void SetMovOptions(FFMpegArgumentOptions options)
+        {
+            var customArgs = "-vf unpremultiply=inplace=1";
+            options.ForceFormat("mov").WithVideoCodec("prores_ks").ForcePixelFormat("yuva444p10le")
+                .WithFastStart()
+                .WithCustomArgument($"-profile {_profile}")
+                .WithCustomArgument(customArgs);
+        }
     }
 }

Spine/Spine.csproj

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

Spine/SpineObject.cs

@@ -66,10 +66,10 @@ namespace Spine
                 }
                 catch (InvalidOperationException)
                 {
-                    throw new KeyNotFoundException($"Unrecognized skel suffix '{skelPath}'");
+                    throw new KeyNotFoundException($"Unrecognized skel file suffix");
                 }
             }
-            else if (!File.Exists(atlasPath)) throw new FileNotFoundException($"{nameof(atlasPath)} not found", skelPath);
+            else if (!File.Exists(atlasPath)) throw new FileNotFoundException($"{nameof(atlasPath)} not found", atlasPath);
             AtlasPath = Path.GetFullPath(atlasPath);
 
             // 自动检测版本, 可能会抛出异常
@@ -105,13 +105,20 @@ namespace Spine
 
                 // 依然加载不成功就只能报错
                 if (_data is null || Version is null)
-                    throw new InvalidDataException($"Failed to load spine by existed versions: '{skelPath}', '{atlasPath}'");
+                    throw new InvalidDataException($"Failed to load spine by existed versions");
             }
             else
             {
                 // 根据版本实例化对象
                 Version = version;
-                _data = SpineObjectData.New(Version, skelPath, atlasPath, textureLoader);
+                try
+                {
+                    _data = SpineObjectData.New(Version, skelPath, atlasPath, textureLoader);
+                }
+                catch
+                {
+                    throw new InvalidDataException($"Failed to load spine with version '{version}'");
+                }
             }
 
             // 创建状态实例
@@ -167,6 +174,7 @@ namespace Spine
                 // 拷贝渲染设置
                 UsePma = other.UsePma;
                 Physics = other.Physics;
+                _animationState.TimeScale = other._animationState.TimeScale;
 
                 // 拷贝皮肤加载情况
                 _skinLoadStatus = other._skinLoadStatus.ToDictionary();

SpineViewer/Extensions/SpineObjectExtension.cs

@@ -21,6 +21,8 @@ namespace SpineViewer.Extensions
             foreach (var tr in self.AnimationState.IterTracks().Where(t => t is not null))
             {
                 var t = spineObject.AnimationState.SetAnimation(tr!.TrackIndex, tr.Animation, tr.Loop);
+                t.TimeScale = tr.TimeScale;
+                t.Alpha = tr.Alpha;
                 if (keepTrackTime)
                     t.TrackTime = tr.TrackTime;
             }
@@ -38,7 +40,8 @@ namespace SpineViewer.Extensions
             foreach (var e in self.AnimationState.IterTracks())
             {
                 if (e is not null)
-                    self.AnimationState.SetAnimation(e.TrackIndex, e.Animation, e.Loop);
+                    e.TrackTime = 0; // 直接重置时间能保留原本的 TrackEntry
+                    //self.AnimationState.SetAnimation(e.TrackIndex, e.Animation, e.Loop);
             }
             self.Update(0);
         }
@@ -65,7 +68,7 @@ namespace SpineViewer.Extensions
         /// <summary>
         /// 按给定的帧率获取所有轨道第一个条目动画全时长包围盒大小, 是一个耗时操作, 如果可能的话最好缓存结果
         /// </summary>
-        public static Rect GetAnimationBounds(this SpineObject self, float fps = 10)
+        public static Rect GetAnimationBounds(this SpineObject self, float fps = 30)
         {
             using var copy = self.Copy();
             var bounds = copy.GetCurrentBounds();

SpineViewer/Models/MainWindowLayoutModel.cs

@@ -0,0 +1,23 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows;
+
+namespace SpineViewer.Models
+{
+    public class MainWindowLayoutModel
+    {
+        public double WindowLeft { get; set; }
+        public double WindowTop { get; set; }
+        public double WindowWidth { get; set; }
+        public double WindowHeight { get; set; }
+        public WindowState WindowState { get; set; }
+        
+        public double RootGridCol0Width { get; set; }
+        public double ModelListRow0Height { get; set; }
+        public double ExplorerGridRow0Height { get; set; }
+        public double RightPanelGridRow0Height { get; set; }
+    }
+}

SpineViewer/Models/PreferenceModel.cs

@@ -71,6 +71,22 @@ namespace SpineViewer.Models
 
         #endregion
 
+        #region 预览画面首选项
+
+        [ObservableProperty]
+        private uint _maxFps = 30;
+
+        [ObservableProperty]
+        private float _speed = 1f;
+
+        [ObservableProperty]
+        private bool _showAxis = true;
+
+        [ObservableProperty]
+        private Color _backgroundColor = Color.FromRgb(105, 105, 105);
+
+        #endregion
+
         #region 程序选项
 
         [ObservableProperty]

SpineViewer/Models/SpineObjectConfigModel.cs

@@ -17,6 +17,8 @@ namespace SpineViewer.Models
 
         public string Physics { get; set; } = ISkeleton.Physics.Update.ToString();
 
+        public float TimeScale { get; set; } = 1f;
+
         public float Scale { get; set; } = 1f;
 
         public bool FlipX { get; set; }
@@ -33,7 +35,7 @@ namespace SpineViewer.Models
 
         public List<string> DisabledSlots { get; set; } = [];
 
-        public List<string?> Animations { get; set; } = [];
+        public List<TrackConfigModel?> Animations { get; set; } = [];
 
         public bool DebugTexture { get; set; } = true;
 
@@ -54,5 +56,15 @@ namespace SpineViewer.Models
         public bool DebugPoints { get; set; }
 
         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;
     }
 }

SpineViewer/Models/SpineObjectModel.cs

@@ -89,7 +89,7 @@ namespace SpineViewer.Models
 
         public event EventHandler<SlotAttachmentChangedEventArgs>? SlotAttachmentChanged;
 
-        public event EventHandler<AnimationChangedEventArgs>? AnimationChanged;
+        public event EventHandler<TrackPropertyChangedEventArgs>? TrackPropertyChanged;
 
         public SpineVersion Version => _spineObject.Version;
 
@@ -129,6 +129,12 @@ namespace SpineViewer.Models
             set { lock (_lock) SetProperty(_spineObject.Physics, value, v => _spineObject.Physics = v); }
         }
 
+        public float TimeScale
+        {
+            get { lock (_lock) return _spineObject.AnimationState.TimeScale; }
+            set { lock (_lock) SetProperty(_spineObject.AnimationState.TimeScale, Math.Clamp(value, 0.01f, 100f), v => _spineObject.AnimationState.TimeScale = v); }
+        }
+
         /// <summary>
         /// 缩放倍数, 绝对值大小, 两个方向大小不一致时返回 -1, 设置时不会影响正负号
         /// </summary>
@@ -248,15 +254,59 @@ namespace SpineViewer.Models
         public void SetAnimation(int index, string name)
         {
             bool changed = false;
+            float lastTimeScale = 1f;
+            float lastAlpha = 1f;
             lock (_lock)
             {
                 if (_spineObject.Data.AnimationsByName.ContainsKey(name))
                 {
-                    _spineObject.AnimationState.SetAnimation(index, name, true);
+                    // 需要记录之前的轨道属性值并还原
+                    if (_spineObject.AnimationState.GetCurrent(index) is ITrackEntry entry)
+                    {
+                        lastTimeScale = entry.TimeScale;
+                        lastAlpha = entry.Alpha;
+                    }
+                    entry = _spineObject.AnimationState.SetAnimation(index, name, true);
+                    entry.TimeScale = lastTimeScale;
+                    entry.Alpha = lastAlpha;
                     changed = true;
                 }
             }
-            if (changed) AnimationChanged?.Invoke(this, new(index, name));
+            if (changed) TrackPropertyChanged?.Invoke(this, new(index, nameof(TrackPropertyChangedEventArgs.AnimationName)));
+        }
+
+        public float GetTrackTimeScale(int index)
+        {
+            lock (_lock) return _spineObject.AnimationState.GetCurrent(index)?.TimeScale ?? 1;
+        }
+
+        public void SetTrackTimeScale(int index, float scale)
+        {
+            lock (_lock)
+            {
+                if (_spineObject.AnimationState.GetCurrent(index) is ITrackEntry entry)
+                {
+                    entry.TimeScale = Math.Clamp(scale, 0.01f, 100f);
+                    TrackPropertyChanged?.Invoke(this, new(index, nameof(TrackPropertyChangedEventArgs.TimeScale)));
+                }
+            }
+        }
+
+        public float GetTrackAlpha(int index)
+        {
+            lock (_lock) return _spineObject.AnimationState.GetCurrent(index)?.Alpha ?? 1;
+        }
+
+        public void SetTrackAlpha(int index, float alpha)
+        {
+            lock (_lock)
+            {
+                if (_spineObject.AnimationState.GetCurrent(index) is ITrackEntry entry)
+                {
+                    entry.Alpha = Math.Clamp(alpha, 0f, 1f);
+                    TrackPropertyChanged?.Invoke(this, new(index, nameof(TrackPropertyChangedEventArgs.Alpha)));
+                }
+            }
         }
 
         public int[] GetTrackIndices()
@@ -277,7 +327,7 @@ namespace SpineViewer.Models
         public void ClearTrack(int index)
         {
             lock (_lock) _spineObject.AnimationState.ClearTrack(index);
-            AnimationChanged?.Invoke(this, new(index, null));
+            TrackPropertyChanged?.Invoke(this, new(index, nameof(TrackPropertyChangedEventArgs.AnimationName)));
         }
 
         public void ResetAnimationsTime()
@@ -388,6 +438,7 @@ namespace SpineViewer.Models
 
                         UsePma = _spineObject.UsePma,
                         Physics = _spineObject.Physics.ToString(),
+                        TimeScale = _spineObject.AnimationState.TimeScale,
 
                         DebugTexture = _spineObject.DebugTexture,
                         DebugBounds = _spineObject.DebugBounds,
@@ -408,7 +459,22 @@ namespace SpineViewer.Models
                     config.DisabledSlots = _spineObject.Skeleton.Slots.Where(it => it.Disabled).Select(it => it.Name).ToList();
 
                     // XXX: 处理空动画
-                    config.Animations.AddRange(_spineObject.AnimationState.IterTracks().Select(tr => tr?.Animation.Name));
+                    foreach (var tr in _spineObject.AnimationState.IterTracks())
+                    {
+                        if (tr is not null)
+                        {
+                            config.Animations.Add(new()
+                            {
+                                AnimationName = tr.Animation.Name,
+                                TimeScale = tr.TimeScale,
+                                Alpha = tr.Alpha
+                            });
+                        }
+                        else
+                        {
+                            config.Animations.Add(null);
+                        }
+                    }
 
                     return config;
                 }
@@ -427,6 +493,7 @@ namespace SpineViewer.Models
                     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));
 
                     foreach (var name in _spineObject.Data.Skins.Select(v => v.Name).Except(value.LoadedSkins))
                         if (_spineObject.SetSkinStatus(name, false))
@@ -446,11 +513,15 @@ namespace SpineViewer.Models
                     // XXX: 处理空动画
                     _spineObject.AnimationState.ClearTracks();
                     int trackIndex = 0;
-                    foreach (var name in value.Animations)
+                    foreach (var trConfig in value.Animations)
                     {
-                        if (!string.IsNullOrEmpty(name))
-                            _spineObject.AnimationState.SetAnimation(trackIndex, name, true);
-                        AnimationChanged?.Invoke(this, new(trackIndex, name));
+                        if (trConfig is not null && !string.IsNullOrEmpty(trConfig.AnimationName))
+                        {
+                            var tr = _spineObject.AnimationState.SetAnimation(trackIndex, trConfig.AnimationName, true);
+                            tr.TimeScale = trConfig.TimeScale;
+                            tr.Alpha = trConfig.Alpha;
+                            TrackPropertyChanged?.Invoke(this, new(trackIndex, nameof(TrackPropertyChangedEventArgs.AnimationName)));
+                        }
                         trackIndex++;
                     }
 
@@ -540,10 +611,23 @@ namespace SpineViewer.Models
         public string? AttachmentName { get; } = attachmentName;
     }
 
-    public class AnimationChangedEventArgs(int trackIndex, string? animationName) : EventArgs
+    /// <summary>
+    /// 模型动画轨道属性变化事件参数, 需要检索 <c><see cref="PropertyName"/></c> 来确定发生变化的属性是什么
+    /// </summary>
+    /// <param name="trackIndex">发生属性变化的轨道索引</param>
+    /// <param name="propertyName">使用 <c>nameof</c> 设置发生改变的属性名</param>
+    public class TrackPropertyChangedEventArgs(int trackIndex, string propertyName) : EventArgs
     {
         public int TrackIndex { get; } = trackIndex;
-        public string? AnimationName { get; } = animationName;
+
+        /// <summary>
+        /// 发生变化的属性名, 将会使用 <c>nameof</c> 设置为属性名称字符串
+        /// </summary>
+        public string PropertyName { get; } = propertyName;
+
+        public string? AnimationName { get; }
+        public float TimeScale { get; } = 1f;
+        public float Alpha { get; } = 1f;
     }
 
     public class SpineObjectLoadOptions

SpineViewer/Resources/Strings/en.xaml

@@ -64,6 +64,8 @@
     <s:String x:Key="Str_IsShown">Show</s:String>
     <s:String x:Key="Str_UsePma">Premultiply Alpha</s:String>
     <s:String x:Key="Str_Physics">Physics</s:String>
+    <s:String x:Key="Str_TimeScale">Time Scale</s:String>
+    <s:String x:Key="Str_TimeScaleTootltip">Time scale for a single model, must be positive.</s:String>
 
     <s:String x:Key="Str_Transform">Transform</s:String>
     <s:String x:Key="Str_Scale">Scale</s:String>
@@ -84,6 +86,11 @@
     <s:String x:Key="Str_Animation">Animation</s:String>
     <s:String x:Key="Str_AppendTrack">Add</s:String>
     <s:String x:Key="Str_InsertTrack">Insert</s:String>
+    <s:String x:Key="Str_ClearTrack">Clear</s:String>
+    <s:String x:Key="Str_TrackTimeScale">Time Scale</s:String>
+    <s:String x:Key="Str_TrackTimeScaleTooltip">Time scale for a single track, must be positive.</s:String>
+    <s:String x:Key="Str_TrackAlpha">Alpha Blending</s:String>
+    <s:String x:Key="Str_TrackAlphaTooltip">Value range: 0–1. Similar to image blending, controls how animations from higher-index tracks mix into lower-index tracks.</s:String>
 
     <s:String x:Key="Str_Debug">Debug</s:String>
     <s:String x:Key="Str_DebugTexture">Texture</s:String>
@@ -106,6 +113,7 @@
     <s:String x:Key="Str_Zoom">Zoom</s:String>
     <s:String x:Key="Str_Rotation">Rotation (Degrees)</s:String>
     <s:String x:Key="Str_MaxFps">Max FPS</s:String>
+    <s:String x:Key="Str_MaxFpsTooltip">Maximum frame rate of the preview. Set to 0 for no limit.</s:String>
     <s:String x:Key="Str_PlaySpeed">Playback Speed</s:String>
     <s:String x:Key="Str_RenderSelectedOnly">Render Selected Only</s:String>
     <s:String x:Key="Str_ShowAxis">Show Axis</s:String>
@@ -149,6 +157,10 @@
     <s:String x:Key="Str_InvalidMaxResolution">Valid max resolution required when using auto resolution</s:String>
     <s:String x:Key="Str_FFmpegFormatRequired">FFmpeg export format is required</s:String>
 
+    <s:String x:Key="Str_ExportBaseArgs">Base Parameters</s:String>
+    <s:String x:Key="Str_ExportVideoArgs">Video Parameters</s:String>
+    <s:String x:Key="Str_ExportOtherArgs">Other Parameters</s:String>
+
     <s:String x:Key="Str_ResolutionTooltip">Screen resolution; adjust related parameters in the render settings panel</s:String>
     <s:String x:Key="Str_ExportSingle">Export Single</s:String>
     <s:String x:Key="Str_ExportSingleTooltip">When checked, export selected models in a single frame; output folder is required</s:String>
@@ -176,13 +188,15 @@
 
     <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">Loop animation; only effective for GIF/WebP formats</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_QualityParameter">Quality Parameter</s:String>
-    <s:String x:Key="Str_QualityParameterTooltip">Range 0–100; higher is better; only for WebP format</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">Lossless compression. Ignores the quality parameter and only applies to WebP format.</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_CrfParameter">CRF Parameter</s:String>
-    <s:String x:Key="Str_CrfParameterTooltip">Range 0–63; lower is higher quality; only for MP4/WebM/MKV formats</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>
+    <s:String x:Key="Str_ProfileParameterTooltip" xml:space="preserve">[Mov]&#x0A;Profile parameter, integer between -1 and 5,&#x0A;-1 means automatic, higher values indicate higher quality,&#x0A;Alpha channel encoding is only available when value is 4 or higher</s:String>
 
     <s:String x:Key="Str_FFmpegFormat">Export Format</s:String>
     <s:String x:Key="Str_FFmpegFormatTooltip">FFmpeg export format (equivalent to "-f"), e.g. "mp4", "webm"</s:String>
@@ -215,6 +229,8 @@
 
     <s:String x:Key="Str_SpineLoadPreference">Model Loading Options</s:String>
 
+    <s:String x:Key="Str_RendererPreference">Preview Options</s:String>
+
     <s:String x:Key="Str_AppPreference">Application Options</s:String>
     <s:String x:Key="Str_Language">Language</s:String>
 

SpineViewer/Resources/Strings/ja.xaml

@@ -64,6 +64,8 @@
     <s:String x:Key="Str_IsShown">表示</s:String>
     <s:String x:Key="Str_UsePma">プレマルチプライドアルファ</s:String>
     <s:String x:Key="Str_Physics">物理</s:String>
+    <s:String x:Key="Str_TimeScale">時間スケール</s:String>
+    <s:String x:Key="Str_TimeScaleTootltip">単一モデルの時間スケール。正の値のみ指定可能です。</s:String>
 
     <s:String x:Key="Str_Transform">変換</s:String>
     <s:String x:Key="Str_Scale">スケール</s:String>
@@ -84,6 +86,11 @@
     <s:String x:Key="Str_Animation">アニメーション</s:String>
     <s:String x:Key="Str_AppendTrack">追加</s:String>
     <s:String x:Key="Str_InsertTrack">挿入</s:String>
+    <s:String x:Key="Str_ClearTrack">削除</s:String>
+    <s:String x:Key="Str_TrackTimeScale">時間スケール</s:String>
+    <s:String x:Key="Str_TrackTimeScaleTooltip">単一トラックの時間スケール。正の値のみ指定可能です。</s:String>
+    <s:String x:Key="Str_TrackAlpha">アルファ合成</s:String>
+    <s:String x:Key="Str_TrackAlphaTooltip">値の範囲：0～1。画像の合成と同様に、高インデックストラックのアニメーションが低インデックストラックにどの程度混合されるかを制御します。</s:String>
 
     <s:String x:Key="Str_Debug">デバッグ</s:String>
     <s:String x:Key="Str_DebugTexture">テクスチャ</s:String>
@@ -106,6 +113,7 @@
     <s:String x:Key="Str_Zoom">ズーム</s:String>
     <s:String x:Key="Str_Rotation">回転（度）</s:String>
     <s:String x:Key="Str_MaxFps">最大FPS</s:String>
+    <s:String x:Key="Str_MaxFpsTooltip">プレビュー画面の最大フレームレート。0 に設定すると制限なし。</s:String>
     <s:String x:Key="Str_PlaySpeed">再生速度</s:String>
     <s:String x:Key="Str_RenderSelectedOnly">選択のみレンダリング</s:String>
     <s:String x:Key="Str_ShowAxis">座標軸を表示</s:String>
@@ -149,6 +157,10 @@
     <s:String x:Key="Str_InvalidMaxResolution">自動解像度使用時は有効な最大解像度を指定する必要があります</s:String>
     <s:String x:Key="Str_FFmpegFormatRequired">FFmpegエクスポートフォーマットを指定する必要があります</s:String>
 
+    <s:String x:Key="Str_ExportBaseArgs">基本パラメータ</s:String>
+    <s:String x:Key="Str_ExportVideoArgs">ビデオパラメータ</s:String>
+    <s:String x:Key="Str_ExportOtherArgs">その他のパラメータ</s:String>
+
     <s:String x:Key="Str_ResolutionTooltip">画面解像度。関連パラメーターは画面パネルで調整してください</s:String>
     <s:String x:Key="Str_ExportSingle">単一エクスポート</s:String>
     <s:String x:Key="Str_ExportSingleTooltip">チェックすると、選択モデルを同一画面でエクスポートし、出力フォルダーの指定が必要になります</s:String>
@@ -176,13 +188,15 @@
 
     <s:String x:Key="Str_VideoFormat">ビデオフォーマット</s:String>
     <s:String x:Key="Str_LoopPlay">ループ再生</s:String>
-    <s:String x:Key="Str_LoopPlayTooltip">アニメーションをループ再生するか。Gif/Webp形式のみ有効です</s:String>
-    <s:String x:Key="Str_QualityParameter">品質パラメーター</s:String>
-    <s:String x:Key="Str_QualityParameterTooltip">品質パラメーター。値の範囲は0-100。数値が大きいほど品質が高くなります。Webp形式のみ有効です</s:String>
-    <s:String x:Key="Str_LosslessParam">可逆圧縮</s:String>
-    <s:String x:Key="Str_LosslessParamTooltip">可逆圧縮を行います。品質パラメータは無視され、WebP形式にのみ適用されます。</s:String>
-    <s:String x:Key="Str_CrfParameter">CRFパラメーター</s:String>
-    <s:String x:Key="Str_CrfParameterTooltip">CRFパラメーター。値の範囲は0-63。数値が小さいほど品質が高くなります。Mp4/Webm/Mkv形式のみ有効です</s:String>
+    <s:String x:Key="Str_LoopPlayTooltip" xml:space="preserve">[Gif/Webp]&#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_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>
+    <s:String x:Key="Str_ProfileParameterTooltip" xml:space="preserve">[Mov]&#x0A;プロファイルパラメータ、-1から5の整数、&#x0A;-1は自動、値が大きいほど品質が高い、&#x0A;値が4以上の場合のみアルファチャンネルをエンコード可能</s:String>
 
     <s:String x:Key="Str_FFmpegFormat">エクスポートフォーマット</s:String>
     <s:String x:Key="Str_FFmpegFormatTooltip">FFmpegエクスポートフォーマット。パラメーター“-f”に相当します。例: “mp4”、“webm”</s:String>
@@ -215,6 +229,8 @@
 
     <s:String x:Key="Str_SpineLoadPreference">モデル読み込みオプション</s:String>
 
+    <s:String x:Key="Str_RendererPreference">プレビュー画面オプション</s:String>
+
     <s:String x:Key="Str_AppPreference">アプリケーションプション</s:String>
     <s:String x:Key="Str_Language">言語</s:String>
 

SpineViewer/Resources/Strings/zh.xaml

@@ -64,6 +64,8 @@
     <s:String x:Key="Str_IsShown">显示</s:String>
     <s:String x:Key="Str_UsePma">预乘Alpha通道</s:String>
     <s:String x:Key="Str_Physics">物理</s:String>
+    <s:String x:Key="Str_TimeScale">时间因子</s:String>
+    <s:String x:Key="Str_TimeScaleTootltip">单个模型的时间因子，只能取正数</s:String>
 
     <s:String x:Key="Str_Transform">变换</s:String>
     <s:String x:Key="Str_Scale">缩放</s:String>
@@ -84,6 +86,11 @@
     <s:String x:Key="Str_Animation">动画</s:String>
     <s:String x:Key="Str_AppendTrack">添加</s:String>
     <s:String x:Key="Str_InsertTrack">插入</s:String>
+    <s:String x:Key="Str_ClearTrack">删除</s:String>
+    <s:String x:Key="Str_TrackTimeScale">时间因子</s:String>
+    <s:String x:Key="Str_TrackTimeScaleTooltip">单个轨道的时间因子，只能取正数</s:String>
+    <s:String x:Key="Str_TrackAlpha">Alpha 混合</s:String>
+    <s:String x:Key="Str_TrackAlphaTooltip">取值范围 0-1，与图像混合类似，可以控制高索引轨道在低索引轨道中的动画混合比例</s:String>
 
     <s:String x:Key="Str_Debug">调试</s:String>
     <s:String x:Key="Str_DebugTexture">Texture</s:String>
@@ -106,6 +113,7 @@
     <s:String x:Key="Str_Zoom">缩放</s:String>
     <s:String x:Key="Str_Rotation">旋转（角度）</s:String>
     <s:String x:Key="Str_MaxFps">最大帧率</s:String>
+    <s:String x:Key="Str_MaxFpsTooltip">预览画面的最大帧率，设置为 0 时则无帧率限制</s:String>
     <s:String x:Key="Str_PlaySpeed">播放速度</s:String>
     <s:String x:Key="Str_RenderSelectedOnly">仅渲染选中</s:String>
     <s:String x:Key="Str_ShowAxis">显示坐标轴</s:String>
@@ -149,6 +157,10 @@
     <s:String x:Key="Str_InvalidMaxResolution">使用自动分辨率时需要提供有效的最大分辨率</s:String>
     <s:String x:Key="Str_FFmpegFormatRequired">必须指定 FFmpeg 导出格式</s:String>
 
+    <s:String x:Key="Str_ExportBaseArgs">基本参数</s:String>
+    <s:String x:Key="Str_ExportVideoArgs">视频参数</s:String>
+    <s:String x:Key="Str_ExportOtherArgs">其他参数</s:String>
+
     <s:String x:Key="Str_ResolutionTooltip">画面分辨率，相关参数请在画面参数面板进行调整</s:String>
     <s:String x:Key="Str_ExportSingle">导出单个</s:String>
     <s:String x:Key="Str_ExportSingleTooltip">勾选后将所选模型在同一个画面上进行导出，且必须提供输出文件夹</s:String>
@@ -170,19 +182,21 @@
 
     <s:String x:Key="Str_Fps">帧率</s:String>
     <s:String x:Key="Str_ExportSpeed">导出速度</s:String>
-    <s:String x:Key="Str_ExportSpeedTooltip">导出速度因子, 仅影响模型的动作速度, 不影响导出时长和帧率等参数</s:String>
+    <s:String x:Key="Str_ExportSpeedTooltip">导出速度因子，仅影响模型的动作速度，不影响导出时长和帧率等参数</s:String>
     <s:String x:Key="Str_KeepLastFrame">保留最后一帧</s:String>
     <s:String x:Key="Str_KeepLastFrameTooltip">当设置保留最后一帧时，动图会更为连贯，但是帧数可能比预期帧数多 1</s:String>
 
     <s:String x:Key="Str_VideoFormat">视频格式</s:String>
     <s:String x:Key="Str_LoopPlay">循环播放</s:String>
-    <s:String x:Key="Str_LoopPlayTooltip">动图是否循环播放，仅对 Gif/Webp 格式生效</s:String>
+    <s:String x:Key="Str_LoopPlayTooltip" xml:space="preserve">[Gif/Webp]&#x0A;动图是否循环播放</s:String>
     <s:String x:Key="Str_QualityParameter">质量参数</s:String>
-    <s:String x:Key="Str_QualityParameterTooltip">质量参数，取值范围 0-100，越高质量越好, 仅对 Webp 格式生效</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">无损压缩, 会忽略质量参数, 仅对 Webp 格式生效</s:String>
+    <s:String x:Key="Str_LosslessParamTooltip" xml:space="preserve">[Webp]&#x0A;无损压缩，会忽略质量参数</s:String>
     <s:String x:Key="Str_CrfParameter">CRF 参数</s:String>
-    <s:String x:Key="Str_CrfParameterTooltip">CRF 参数，取值范围 0-63，越小质量越高，仅对 Mp4/Webm/Mkv 格式生效</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>
+    <s:String x:Key="Str_ProfileParameterTooltip" xml:space="preserve">[Mov]&#x0A;Profile 参数，取值集合为 -1 到 5 之间的整数，&#x0A;-1 表示自动，0-5 取值越高质量越高，&#x0A;仅在取值大于等于 4 时可以编码透明度通道</s:String>
 
     <s:String x:Key="Str_FFmpegFormat">导出格式</s:String>
     <s:String x:Key="Str_FFmpegFormatTooltip">FFmpeg 导出格式，等价于参数 “-f”，例如 “mp4”、“webm”</s:String>
@@ -215,6 +229,8 @@
 
     <s:String x:Key="Str_SpineLoadPreference">模型加载选项</s:String>
 
+    <s:String x:Key="Str_RendererPreference">预览画面选项</s:String>
+
     <s:String x:Key="Str_AppPreference">应用程序选项</s:String>
     <s:String x:Key="Str_Language">语言</s:String>
 

SpineViewer/SpineViewer.csproj

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

SpineViewer/ViewModels/Exporters/FFmpegVideoExporterViewModel.cs

@@ -35,6 +35,9 @@ namespace SpineViewer.ViewModels.Exporters
         public int Crf { get => _crf; set => SetProperty(ref _crf, Math.Clamp(value, 0, 63)); }
         protected int _crf = 23;
 
+        public int Profile { get => _profile; set => SetProperty(ref _profile, Math.Clamp(value, -1, 5)); }
+        protected int _profile = 5;
+
         private string FormatSuffix => $".{_format.ToString().ToLower()}";
 
         protected override void Export(SpineObjectModel[] models)
@@ -60,7 +63,8 @@ namespace SpineViewer.ViewModels.Exporters
                 Loop = _loop,
                 Quality = _quality,
                 Lossless = _lossless,
-                Crf = _crf
+                Crf = _crf,
+                Profile = _profile,
             };
 
             // 非自动分辨率则直接用预览画面的视区参数

SpineViewer/ViewModels/MainWindow/PreferenceViewModel.cs

@@ -93,6 +93,11 @@ namespace SpineViewer.ViewModels.MainWindow
                     DebugPoints = DebugPoints,
                     DebugClippings = DebugClippings,
 
+                    MaxFps = MaxFps,
+                    Speed = Speed,
+                    ShowAxis = ShowAxis,
+                    BackgroundColor = BackgroundColor,
+
                     RenderSelectedOnly = RenderSelectedOnly,
                     AppLanguage = AppLanguage,
                 };
@@ -117,6 +122,11 @@ namespace SpineViewer.ViewModels.MainWindow
                 DebugPoints = value.DebugPoints;
                 DebugClippings = value.DebugClippings;
 
+                MaxFps = value.MaxFps;
+                Speed = value.Speed;
+                ShowAxis = value.ShowAxis;
+                BackgroundColor = value.BackgroundColor;
+
                 RenderSelectedOnly = value.RenderSelectedOnly;
                 AppLanguage = value.AppLanguage;
             }
@@ -220,6 +230,34 @@ namespace SpineViewer.ViewModels.MainWindow
 
         #endregion
 
+        #region 预览画面首选项
+
+        public uint MaxFps
+        {
+            get => _vmMain.SFMLRendererViewModel.MaxFps;
+            set => SetProperty(_vmMain.SFMLRendererViewModel.MaxFps, value, v => _vmMain.SFMLRendererViewModel.MaxFps = value);
+        }
+
+        public float Speed
+        {
+            get => _vmMain.SFMLRendererViewModel.Speed;
+            set => SetProperty(_vmMain.SFMLRendererViewModel.Speed, value, v => _vmMain.SFMLRendererViewModel.Speed = value);
+        }
+
+        public bool ShowAxis
+        {
+            get => _vmMain.SFMLRendererViewModel.ShowAxis;
+            set => SetProperty(_vmMain.SFMLRendererViewModel.ShowAxis, value, v => _vmMain.SFMLRendererViewModel.ShowAxis = value);
+        }
+
+        public Color BackgroundColor
+        {
+            get => _vmMain.SFMLRendererViewModel.BackgroundColor;
+            set => SetProperty(_vmMain.SFMLRendererViewModel.BackgroundColor, value, v => _vmMain.SFMLRendererViewModel.BackgroundColor = value);
+        }
+
+        #endregion
+
         #region 程序选项
 
         public static ImmutableArray<AppLanguage> AppLanguageOptions { get; } = Enum.GetValues<AppLanguage>().ToImmutableArray();

SpineViewer/ViewModels/MainWindow/SpineObjectTabViewModel.cs

@@ -31,7 +31,7 @@ namespace SpineViewer.ViewModels.MainWindow
                 foreach (var obj in _selectedObjects)
                 {
                     obj.PropertyChanged -= SingleModel_PropertyChanged;
-                    obj.AnimationChanged -= SingleModel_AnimationChanged;
+                    obj.TrackPropertyChanged -= SingleModel_TrackPropChanged;
                 }
                 _skins.Clear();
                 _slots.Clear();
@@ -44,7 +44,7 @@ namespace SpineViewer.ViewModels.MainWindow
                     foreach (var obj in _selectedObjects)
                     {
                         obj.PropertyChanged += SingleModel_PropertyChanged;
-                        obj.AnimationChanged += SingleModel_AnimationChanged;
+                        obj.TrackPropertyChanged += SingleModel_TrackPropChanged;
                     }
 
                     IEnumerable<string> commonSkinNames = _selectedObjects[0].Skins;
@@ -74,6 +74,7 @@ namespace SpineViewer.ViewModels.MainWindow
                 OnPropertyChanged(nameof(IsShown));
                 OnPropertyChanged(nameof(UsePma));
                 OnPropertyChanged(nameof(Physics));
+                OnPropertyChanged(nameof(TimeScale));
 
                 OnPropertyChanged(nameof(Scale));
                 OnPropertyChanged(nameof(FlipX));
@@ -217,6 +218,25 @@ namespace SpineViewer.ViewModels.MainWindow
             }
         }
 
+        public float? TimeScale
+        {
+            get
+            {
+                if (_selectedObjects.Length <= 0) return null;
+                var val = _selectedObjects[0].TimeScale;
+                if (_selectedObjects.Skip(1).Any(it => it.TimeScale != val)) return null;
+                return val;
+            }
+
+            set
+            {
+                if (_selectedObjects.Length <= 0) return;
+                if (value is null) return;
+                foreach (var sp in _selectedObjects) sp.TimeScale = (float)value;
+                OnPropertyChanged();
+            }
+        }
+
         public float? Scale
         {
             get
@@ -384,6 +404,27 @@ namespace SpineViewer.ViewModels.MainWindow
         );
         private RelayCommand<IList?>? _cmd_InsertTrack;
 
+        public RelayCommand<IList?>? Cmd_ClearTrack => _cmd_ClearTrack ??= new(
+            args =>
+            {
+                if (_selectedObjects.Length <= 0) return;
+                if (args is null) return;
+                if (args.Count <= 0) return;
+
+                foreach (var vm in args.OfType<AnimationTrackViewModel>())
+                    foreach (var sp in _selectedObjects)
+                        sp.ClearTrack(vm.TrackIndex);
+            },
+            args =>
+            {
+                if (_selectedObjects.Length <= 0) return false;
+                if (args is null) return false;
+                if (args.Count <= 0) return false;
+                return true;
+            }
+        );
+        private RelayCommand<IList?>? _cmd_ClearTrack;
+
         public bool? DebugTexture
         {
             get
@@ -574,58 +615,67 @@ namespace SpineViewer.ViewModels.MainWindow
             }
         }
 
-        /// <summary>
-        /// 监听单个模型属性发生变化, 则更新聚合属性值
-        /// </summary>
-        private void SingleModel_PropertyChanged(object? sender, PropertyChangedEventArgs e)
+        private static readonly Dictionary<string, string> _singleModelPropertyMap = new()
         {
-            if (e.PropertyName == nameof(SpineObjectModel.IsShown)) OnPropertyChanged(nameof(IsShown));
-            else if (e.PropertyName == nameof(SpineObjectModel.UsePma)) OnPropertyChanged(nameof(UsePma));
-            else if (e.PropertyName == nameof(SpineObjectModel.Physics)) OnPropertyChanged(nameof(Physics));
+            { nameof(SpineObjectModel.IsShown), nameof(IsShown) },
+            { nameof(SpineObjectModel.UsePma), nameof(UsePma) },
+            { nameof(SpineObjectModel.Physics), nameof(Physics) },
+            { nameof(SpineObjectModel.TimeScale), nameof(TimeScale) },
 
-            else if (e.PropertyName == nameof(SpineObjectModel.Scale)) OnPropertyChanged(nameof(Scale));
-            else if (e.PropertyName == nameof(SpineObjectModel.FlipX)) OnPropertyChanged(nameof(FlipX));
-            else if (e.PropertyName == nameof(SpineObjectModel.FlipY)) OnPropertyChanged(nameof(FlipY));
-            else if (e.PropertyName == nameof(SpineObjectModel.X)) OnPropertyChanged(nameof(X));
-            else if (e.PropertyName == nameof(SpineObjectModel.Y)) OnPropertyChanged(nameof(Y));
+            { nameof(SpineObjectModel.Scale), nameof(Scale) },
+            { nameof(SpineObjectModel.FlipX), nameof(FlipX) },
+            { nameof(SpineObjectModel.FlipY), nameof(FlipY) },
+            { nameof(SpineObjectModel.X), nameof(X) },
+            { nameof(SpineObjectModel.Y), nameof(Y) },
 
             // Skins 变化在 SkinViewModel 中监听
             // Slots 变化在 SlotAttachmentViewModel 中监听
             // AnimationTracks 变化在 AnimationTrackViewModel 中监听
 
-            else if (e.PropertyName == nameof(SpineObjectModel.DebugTexture)) OnPropertyChanged(nameof(DebugTexture));
-            else if (e.PropertyName == nameof(SpineObjectModel.DebugBounds)) OnPropertyChanged(nameof(DebugBounds));
-            else if (e.PropertyName == nameof(SpineObjectModel.DebugBones)) OnPropertyChanged(nameof(DebugBones));
-            else if (e.PropertyName == nameof(SpineObjectModel.DebugRegions)) OnPropertyChanged(nameof(DebugRegions));
-            else if (e.PropertyName == nameof(SpineObjectModel.DebugMeshHulls)) OnPropertyChanged(nameof(DebugMeshHulls));
-            else if (e.PropertyName == nameof(SpineObjectModel.DebugMeshes)) OnPropertyChanged(nameof(DebugMeshes));
-            else if (e.PropertyName == nameof(SpineObjectModel.DebugBoundingBoxes)) OnPropertyChanged(nameof(DebugBoundingBoxes));
-            else if (e.PropertyName == nameof(SpineObjectModel.DebugPaths)) OnPropertyChanged(nameof(DebugPaths));
-            else if (e.PropertyName == nameof(SpineObjectModel.DebugPoints)) OnPropertyChanged(nameof(DebugPoints));
-            else if (e.PropertyName == nameof(SpineObjectModel.DebugClippings)) OnPropertyChanged(nameof(DebugClippings));
+            { nameof(SpineObjectModel.DebugTexture), nameof(DebugTexture) },
+            { nameof(SpineObjectModel.DebugBounds), nameof(DebugBounds) },
+            { nameof(SpineObjectModel.DebugBones), nameof(DebugBones) },
+            { nameof(SpineObjectModel.DebugRegions), nameof(DebugRegions) },
+            { nameof(SpineObjectModel.DebugMeshHulls), nameof(DebugMeshHulls) },
+            { nameof(SpineObjectModel.DebugMeshes), nameof(DebugMeshes) },
+            { nameof(SpineObjectModel.DebugBoundingBoxes), nameof(DebugBoundingBoxes) },
+            { nameof(SpineObjectModel.DebugPaths), nameof(DebugPaths) },
+            { nameof(SpineObjectModel.DebugPoints), nameof(DebugPoints) },
+            { nameof(SpineObjectModel.DebugClippings), nameof(DebugClippings) },
+        };
+
+        /// <summary>
+        /// 监听单个模型属性发生变化, 则更新聚合属性值
+        /// </summary>
+        private void SingleModel_PropertyChanged(object? sender, PropertyChangedEventArgs e)
+        {
+            if (_singleModelPropertyMap.TryGetValue(e.PropertyName, out var targetProperty))
+            {
+                OnPropertyChanged(targetProperty);
+            }
         }
 
         /// <summary>
         /// 监听单个模型动画轨道发生变化, 则重建聚合后的动画列表
         /// </summary>
-        /// <param name="sender"></param>
-        /// <param name="e"></param>
-        private void SingleModel_AnimationChanged(object? sender, AnimationChangedEventArgs e)
+        private void SingleModel_TrackPropChanged(object? sender, TrackPropertyChangedEventArgs e)
         {
-            // XXX: 这里应该有更好的实现, 当 e.AnimationName == null 的时候代表删除轨道需要重新构建列表
-            // 但是目前无法识别是否增加了轨道, 因此总是重建列表
-
-            // 由于某些原因, 直接使用 Clear 会和 UI 逻辑冲突产生报错, 因此需要放到 Dispatcher 里延迟执行
-            Application.Current.Dispatcher.BeginInvoke(
-                () =>
-                {
-                    _animationTracks.Clear();
-                    IEnumerable<int> commonTrackIndices = _selectedObjects[0].GetTrackIndices();
-                    foreach (var obj in _selectedObjects.Skip(1)) commonTrackIndices = commonTrackIndices.Intersect(obj.GetTrackIndices());
-                    foreach (var idx in commonTrackIndices) _animationTracks.Add(new(idx, _selectedObjects));
-                }
-            );
+            if (e.PropertyName == nameof(TrackPropertyChangedEventArgs.AnimationName))
+            {
+                // XXX: 这里应该有更好的实现, 当 e.AnimationName == null 的时候代表删除轨道需要重新构建列表
+                // 但是目前无法识别是否增加了轨道, 因此总是重建列表
 
+                // 由于某些原因, 直接使用 Clear 会和 UI 逻辑冲突产生报错, 因此需要放到 Dispatcher 里延迟执行
+                Application.Current.Dispatcher.BeginInvoke(
+                    () =>
+                    {
+                        _animationTracks.Clear();
+                        IEnumerable<int> commonTrackIndices = _selectedObjects[0].GetTrackIndices();
+                        foreach (var obj in _selectedObjects.Skip(1)) commonTrackIndices = commonTrackIndices.Intersect(obj.GetTrackIndices());
+                        foreach (var idx in commonTrackIndices) _animationTracks.Add(new(idx, _selectedObjects));
+                    }
+                );
+            }
         }
 
         public class SkinViewModel : ObservableObject
@@ -798,21 +848,36 @@ namespace SpineViewer.ViewModels.MainWindow
                 // 使用弱引用, 则此 ViewModel 被释放时无需显式退订事件
                 foreach (var sp in _spines)
                 {
-                    WeakEventManager<SpineObjectModel, AnimationChangedEventArgs>.AddHandler(
+                    WeakEventManager<SpineObjectModel, TrackPropertyChangedEventArgs>.AddHandler(
                         sp,
-                        nameof(sp.AnimationChanged),
-                        SingleModel_AnimationChanged
+                        nameof(sp.TrackPropertyChanged),
+                        SingleModel_TrackPropChanged
                     );
                 }
             }
 
-            public RelayCommand Cmd_ClearTrack => _cmd_ClearTrack ??= new(() => { foreach (var sp in _spines) sp.ClearTrack(_trackIndex); });
-            private RelayCommand? _cmd_ClearTrack;
-
             public ReadOnlyCollection<string> AnimationNames => _animationNames.AsReadOnly();
 
             public int TrackIndex => _trackIndex;
 
+            public float? AnimationDuration
+            {
+                get
+                {
+                    if (_spines.Length <= 0) return null;
+                    var ani = _spines[0].GetAnimation(_trackIndex);
+                    if (ani is null) return null;
+                    var val = _spines[0].GetAnimationDuration(ani);
+                    foreach (var sp in _spines.Skip(1))
+                    {
+                        var a = sp.GetAnimation(_trackIndex);
+                        if (a is null) return null;
+                        if (sp.GetAnimationDuration(a) != val) return null;
+                    }
+                    return val;
+                }
+            }
+
             public string? AnimationName
             {
                 get
@@ -834,27 +899,54 @@ namespace SpineViewer.ViewModels.MainWindow
                 }
             }
 
-            public float? AnimationDuration
+            public float? TrackTimeScale
             {
                 get
                 {
+                    // XXX: 空轨道和多选不相同都会返回 null
                     if (_spines.Length <= 0) return null;
-                    var ani = _spines[0].GetAnimation(_trackIndex);
-                    if (ani is null) return null;
-                    var val = _spines[0].GetAnimationDuration(ani);
-                    foreach (var sp in _spines.Skip(1))
-                    {
-                        var a = sp.GetAnimation(_trackIndex);
-                        if (a is null) return null;
-                        if (sp.GetAnimationDuration(a) != val) return null;
-                    }
+                    var val = _spines[0].GetTrackTimeScale(_trackIndex);
+                    if (_spines.Skip(1).Any(it => it.GetTrackTimeScale(_trackIndex) != val)) return null;
                     return val;
                 }
+
+                set
+                {
+                    if (_spines.Length <= 0) return;
+                    if (value is null) return;
+                    foreach (var sp in _spines) sp.SetTrackTimeScale(_trackIndex, (float)value);
+                    OnPropertyChanged();
+                }
             }
 
-            private void SingleModel_AnimationChanged(object? sender, AnimationChangedEventArgs e)
+            public float? TrackAlpha
             {
-                if (e.TrackIndex == _trackIndex) OnPropertyChanged(nameof(AnimationName));
+                get
+                {
+                    // XXX: 空轨道和多选不相同都会返回 null
+                    if (_spines.Length <= 0) return null;
+                    var val = _spines[0].GetTrackAlpha(_trackIndex);
+                    if (_spines.Skip(1).Any(it => it.GetTrackAlpha(_trackIndex) != val)) return null;
+                    return val;
+                }
+
+                set
+                {
+                    if (_spines.Length <= 0) return;
+                    if (value is null) return;
+                    foreach (var sp in _spines) sp.SetTrackAlpha(_trackIndex, (float)value);
+                    OnPropertyChanged();
+                }
+            }
+
+            private void SingleModel_TrackPropChanged(object? sender, TrackPropertyChangedEventArgs e)
+            {
+                if (e.TrackIndex == _trackIndex)
+                {
+                    if (e.PropertyName == nameof(TrackPropertyChangedEventArgs.AnimationName)) OnPropertyChanged(nameof(AnimationName));
+                    else if (e.PropertyName == nameof(TrackPropertyChangedEventArgs.TimeScale)) OnPropertyChanged(nameof(TrackTimeScale));
+                    else if (e.PropertyName == nameof(TrackPropertyChangedEventArgs.Alpha)) OnPropertyChanged(nameof(TrackAlpha));
+                }
             }
         }
     }

SpineViewer/Views/ExporterDialogs/CustomFFmpegExporterDialog.xaml

@@ -3,13 +3,14 @@
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+        xmlns:hc="https://handyorg.github.io/handycontrol"
         xmlns:local="clr-namespace:SpineViewer.Views.ExporterDialogs"
         xmlns:exporters="clr-namespace:SpineViewer.ViewModels.Exporters"
         d:DataContext="{d:DesignInstance Type=exporters:CustomFFmpegExporterViewModel}"
         mc:Ignorable="d"
         Title="{DynamicResource Str_CustomFFmpegExporterTitle}"
         Width="450"
-        Height="650"
+        Height="800"
         ShowInTaskbar="False"
         WindowStartupLocation="CenterOwner">
     <DockPanel>
@@ -27,145 +28,186 @@
         </Border>
 
         <Border>
+            <Border.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>
+                <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"/>
+                    <Setter Property="Margin" Value="0 5 0 10"/>
+                </Style>
+            </Border.Resources>
             <ScrollViewer VerticalScrollBarVisibility="Auto">
-                <Grid Margin="30 10">
-                    <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"/>
-                        <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"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="60"/>
-                    </Grid.RowDefinitions>
+                <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>
 
-                    <!-- 水平分辨率 -->
-                    <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}"/>
+                            <!-- 水平分辨率 -->
+                            <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}"/>
 
-                    <!-- 垂直分辨率 -->
-                    <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}"/>
+                            <!-- 垂直分辨率 -->
+                            <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}"/>
 
-                    <!-- 是否导出单个 -->
-                    <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}"/>
+                            <!-- 是否导出单个 -->
+                            <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}"/>
 
-                    <!-- 输出文件夹 -->
-                    <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>
+                            <!-- 输出文件夹 -->
+                            <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>
 
-                    <!-- 背景颜色 -->
-                    <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>
+                            <!-- 背景颜色 -->
+                            <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>
 
-                    <!-- 四周边距 -->
-                    <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}"/>
+                            <!-- 四周边距 -->
+                            <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}"/>
 
-                    <!-- 自动分辨率 -->
-                    <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}"/>
+                            <!-- 自动分辨率 -->
+                            <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}"/>
 
-                    <!-- 最大分辨率 -->
-                    <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}"/>
+                            <!-- 最大分辨率 -->
+                            <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>
+                    </GroupBox>
 
-                    <Separator Grid.Row="8" Grid.ColumnSpan="2" Height="10"/>
+                    <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>
 
-                    <!-- 导出时长 -->
-                    <Label Grid.Row="9" Grid.Column="0" Content="{DynamicResource Str_Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
-                    <TextBox Grid.Row="9" Grid.Column="1" Text="{Binding Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
+                            <!-- 导出时长 -->
+                            <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}"/>
 
-                    <!-- 导出帧率 -->
-                    <Label Grid.Row="10" Grid.Column="0" Content="{DynamicResource Str_Fps}"/>
-                    <TextBox Grid.Row="10" Grid.Column="1" Text="{Binding Fps}"/>
+                            <!-- 导出帧率 -->
+                            <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_Fps}"/>
+                            <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Fps}"/>
 
-                    <!-- 导出速度 -->
-                    <Label Grid.Row="11" Grid.Column="0" Content="{DynamicResource Str_ExportSpeed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
-                    <TextBox Grid.Row="11" Grid.Column="1" Text="{Binding Speed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
+                            <!-- 导出速度 -->
+                            <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}"/>
 
-                    <!-- 是否保留最后一帧 -->
-                    <Label Grid.Row="12" Grid.Column="0" Content="{DynamicResource Str_KeepLastFrame}" ToolTip="{DynamicResource Str_KeepLastFrameTooltip}"/>
-                    <ToggleButton Grid.Row="12" Grid.Column="1" IsChecked="{Binding KeepLast}" ToolTip="{DynamicResource Str_KeelLastFrameTooltip}"/>
+                            <!-- 是否保留最后一帧 -->
+                            <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>
+                    </GroupBox>
 
-                    <Separator Grid.Row="13" Grid.ColumnSpan="2" Height="10"/>
+                    <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>
 
-                    <!-- 导出格式 -->
-                    <Label Grid.Row="14" Grid.Column="0" Content="{DynamicResource Str_FFmpegFormat}" ToolTip="{DynamicResource Str_FFmpegFormatTooltip}"/>
-                    <TextBox Grid.Row="14" Grid.Column="1" Text="{Binding Format}" ToolTip="{DynamicResource Str_FFmpegFormatTooltip}"/>
+                            <!-- 导出格式 -->
+                            <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}"/>
 
-                    <!-- 编码器 -->
-                    <Label Grid.Row="15" Grid.Column="0" Content="{DynamicResource Str_FFmpegCodec}" ToolTip="{DynamicResource Str_FFmpegCodecTooltip}"/>
-                    <TextBox Grid.Row="15" Grid.Column="1" Text="{Binding Codec}" ToolTip="{DynamicResource Str_FFmpegCodecTooltip}"/>
+                            <!-- 编码器 -->
+                            <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}"/>
 
-                    <!-- 像素格式 -->
-                    <Label Grid.Row="16" Grid.Column="0" Content="{DynamicResource Str_FFmpegPixelFormat}" ToolTip="{DynamicResource Str_FFmpegPixelFormatTooltip}"/>
-                    <TextBox Grid.Row="16" Grid.Column="1" Text="{Binding PixelFormat}" ToolTip="{DynamicResource Str_FFmpegPixelFormatTooltip}"/>
+                            <!-- 像素格式 -->
+                            <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}"/>
 
-                    <!-- 比特率 -->
-                    <Label Grid.Row="17" Grid.Column="0" Content="{DynamicResource Str_FFmpegBitrate}" ToolTip="{DynamicResource Str_FFmpegBitrateTooltip}"/>
-                    <TextBox Grid.Row="17" Grid.Column="1" Text="{Binding Bitrate}" ToolTip="{DynamicResource Str_FFmpegBitrateTooltip}"/>
+                            <!-- 比特率 -->
+                            <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}"/>
 
-                    <!-- 滤镜 -->
-                    <Label Grid.Row="18" Grid.Column="0" Content="{DynamicResource Str_FFmpegFilter}" ToolTip="{DynamicResource Str_FFmpegFilterTooltip}"/>
-                    <TextBox Grid.Row="18" Grid.Column="1" Text="{Binding Filter}" ToolTip="{DynamicResource Str_FFmpegFilterTooltip}"/>
+                            <!-- 滤镜 -->
+                            <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}"/>
 
-                    <!-- 自定义参数 -->
-                    <Label Grid.Row="19" Grid.Column="0"
-                           VerticalAlignment="Top"
-                           Content="{DynamicResource Str_FFmpegCustomArgs}" 
-                           ToolTip="{DynamicResource Str_FFmpegCustomArgsTooltip}"/>
-                    <TextBox Grid.Row="19" Grid.Column="1"
-                             HorizontalContentAlignment="Left"
-                             VerticalContentAlignment="Top"
-                             TextWrapping="Wrap"
-                             VerticalScrollBarVisibility="Auto"
-                             Text="{Binding CustomArgs}"
-                             ToolTip="{DynamicResource Str_FFmpegCustomArgsTooltip}"/>
-                </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>
+                    </GroupBox>
+                </StackPanel>
             </ScrollViewer>
         </Border>
     </DockPanel>

SpineViewer/Views/ExporterDialogs/FFmpegVideoExporterDialog.xaml

@@ -3,13 +3,14 @@
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+        xmlns:hc="https://handyorg.github.io/handycontrol"
         xmlns:local="clr-namespace:SpineViewer.Views.ExporterDialogs"
         xmlns:exporters="clr-namespace:SpineViewer.ViewModels.Exporters"
         d:DataContext="{d:DesignInstance Type=exporters:FFmpegVideoExporterViewModel}"
         mc:Ignorable="d"
         Title="{DynamicResource Str_FFmpegVideoExporterTitle}"
         Width="450"
-        Height="580"
+        Height="750"
         ShowInTaskbar="False"
         WindowStartupLocation="CenterOwner">
     <DockPanel>
@@ -27,133 +28,165 @@
         </Border>
 
         <Border>
-            <ScrollViewer  VerticalScrollBarVisibility="Auto">
-                <Grid Margin="30 10">
-                    <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"/>
-                        <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"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                        <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>
+            <Border.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>
+                <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"/>
+                    <Setter Property="Margin" Value="0 5 0 10"/>
+                </Style>
+            </Border.Resources>
 
-                    <!-- 水平分辨率 -->
-                    <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}"/>
+            <ScrollViewer VerticalScrollBarVisibility="Auto">
+                <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>
 
-                    <!-- 垂直分辨率 -->
-                    <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}"/>
+                            <!-- 水平分辨率 -->
+                            <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}"/>
 
-                    <!-- 是否导出单个 -->
-                    <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}"/>
+                            <!-- 垂直分辨率 -->
+                            <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}"/>
 
-                    <!-- 输出文件夹 -->
-                    <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>
+                            <!-- 是否导出单个 -->
+                            <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}"/>
 
-                    <!-- 背景颜色 -->
-                    <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>
+                            <!-- 输出文件夹 -->
+                            <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>
 
-                    <!-- 四周边距 -->
-                    <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}"/>
+                            <!-- 背景颜色 -->
+                            <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>
 
-                    <!-- 自动分辨率 -->
-                    <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}"/>
+                            <!-- 四周边距 -->
+                            <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}"/>
 
-                    <!-- 最大分辨率 -->
-                    <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}"/>
+                            <!-- 自动分辨率 -->
+                            <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}"/>
 
-                    <Separator Grid.Row="8" Grid.ColumnSpan="2" Height="10"/>
+                            <!-- 最大分辨率 -->
+                            <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>
+                    </GroupBox>
 
-                    <!-- 导出时长 -->
-                    <Label Grid.Row="9" Grid.Column="0" Content="{DynamicResource Str_Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
-                    <TextBox Grid.Row="9" Grid.Column="1" Text="{Binding Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
+                    <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>
 
-                    <!-- 导出帧率 -->
-                    <Label Grid.Row="10" Grid.Column="0" Content="{DynamicResource Str_Fps}"/>
-                    <TextBox Grid.Row="10" Grid.Column="1" Text="{Binding Fps}"/>
+                            <!-- 导出时长 -->
+                            <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}"/>
 
-                    <!-- 导出速度 -->
-                    <Label Grid.Row="11" Grid.Column="0" Content="{DynamicResource Str_ExportSpeed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
-                    <TextBox Grid.Row="11" Grid.Column="1" Text="{Binding Speed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
+                            <!-- 导出帧率 -->
+                            <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_Fps}"/>
+                            <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Fps}"/>
 
-                    <!-- 是否保留最后一帧 -->
-                    <Label Grid.Row="12" Grid.Column="0" Content="{DynamicResource Str_KeepLastFrame}" ToolTip="{DynamicResource Str_KeepLastFrameTooltip}"/>
-                    <ToggleButton Grid.Row="12" Grid.Column="1" IsChecked="{Binding KeepLast}" ToolTip="{DynamicResource Str_KeelLastFrameTooltip}"/>
+                            <!-- 导出速度 -->
+                            <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}"/>
 
-                    <Separator Grid.Row="13" Grid.ColumnSpan="2" Height="10"/>
+                            <!-- 是否保留最后一帧 -->
+                            <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>
+                    </GroupBox>
 
-                    <!-- 视频格式 -->
-                    <Label Grid.Row="14" Grid.Column="0" Content="{DynamicResource Str_VideoFormat}"/>
-                    <ComboBox Grid.Row="14" Grid.Column="1" SelectedItem="{Binding Format}" ItemsSource="{Binding VideoFormatOptions}"/>
+                    <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>
 
-                    <!-- 动图是否循环 -->
-                    <Label Grid.Row="15" Grid.Column="0" Content="{DynamicResource Str_LoopPlay}" ToolTip="{DynamicResource Str_LoopPlayTooltip}"/>
-                    <ToggleButton Grid.Row="15" Grid.Column="1" IsChecked="{Binding Loop}" ToolTip="{DynamicResource Str_LoopPlayTooltip}"/>
+                            <!-- 视频格式 -->
+                            <Label Grid.Row="0" Grid.Column="0" Content="{DynamicResource Str_VideoFormat}"/>
+                            <ComboBox Grid.Row="0" Grid.Column="1" SelectedItem="{Binding Format}" ItemsSource="{Binding VideoFormatOptions}"/>
 
-                    <!-- 质量参数 -->
-                    <Label Grid.Row="16" Grid.Column="0" Content="{DynamicResource Str_QualityParameter}" ToolTip="{DynamicResource Str_QualityParameterTooltip}"/>
-                    <TextBox Grid.Row="16" Grid.Column="1" Text="{Binding Quality}" ToolTip="{DynamicResource Str_QualityParameterTooltip}"/>
+                            <!-- 动图是否循环 -->
+                            <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}"/>
 
-                    <!-- 无损压缩 -->
-                    <Label Grid.Row="17" Grid.Column="0" Content="{DynamicResource Str_LosslessParam}" ToolTip="{DynamicResource Str_LosslessParamTooltip}"/>
-                    <ToggleButton Grid.Row="17" Grid.Column="1" IsChecked="{Binding Lossless}" ToolTip="{DynamicResource Str_LosslessParamTooltip}"/>
+                            <!-- 质量参数 -->
+                            <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}"/>
 
-                    <!-- CRF 参数 -->
-                    <Label Grid.Row="18" Grid.Column="0" Content="{DynamicResource Str_CrfParameter}" ToolTip="{DynamicResource Str_CrfParameterTooltip}"/>
-                    <TextBox Grid.Row="18" Grid.Column="1" Text="{Binding Crf}" ToolTip="{DynamicResource Str_CrfParameterTooltip}"/>
-                </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}"/>
+
+                            <!-- 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}"/>
+
+                            <!-- 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>
+                    </GroupBox>
+                </StackPanel>
             </ScrollViewer>
-           
+
         </Border>
     </DockPanel>
 </Window>

SpineViewer/Views/ExporterDialogs/FrameExporterDialog.xaml

@@ -10,7 +10,7 @@
         mc:Ignorable="d"
         Title="{DynamicResource Str_FrameExporterTitle}" 
         Width="450"
-        Height="400"
+        Height="480"
         ShowInTaskbar="False"
         WindowStartupLocation="CenterOwner">
     <DockPanel>
@@ -28,94 +28,112 @@
         </Border>
 
         <Border>
-            <ScrollViewer  VerticalScrollBarVisibility="Auto">
+            <Border.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>
+                <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"/>
+                    <Setter Property="Margin" Value="0 5 0 10"/>
+                </Style>
+            </Border.Resources>
 
-                <Grid Margin="30 10">
-                    <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"/>
-                        <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"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                    </Grid.RowDefinitions>
+            <ScrollViewer VerticalScrollBarVisibility="Auto">
+                <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>
 
-                    <!-- 水平分辨率 -->
-                    <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}"/>
+                            <!-- 水平分辨率 -->
+                            <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}"/>
 
-                    <!-- 垂直分辨率 -->
-                    <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}"/>
+                            <!-- 垂直分辨率 -->
+                            <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}"/>
 
-                    <!-- 是否导出单个 -->
-                    <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}"/>
+                            <!-- 是否导出单个 -->
+                            <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}"/>
 
-                    <!-- 输出文件夹 -->
-                    <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>
+                            <!-- 输出文件夹 -->
+                            <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>
 
-                    <!-- 背景颜色 -->
-                    <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>
+                            <!-- 背景颜色 -->
+                            <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>
 
-                    <!-- 四周边距 -->
-                    <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}"/>
+                            <!-- 四周边距 -->
+                            <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}"/>
 
-                    <!-- 自动分辨率 -->
-                    <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}"/>
+                            <!-- 自动分辨率 -->
+                            <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}"/>
 
-                    <!-- 最大分辨率 -->
-                    <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}"/>
+                            <!-- 最大分辨率 -->
+                            <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>
+                    </GroupBox>
 
-                    <Separator Grid.Row="8" Grid.ColumnSpan="2" Height="10"/>
+                    <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>
 
-                    <!-- 图像格式 -->
-                    <Label Grid.Row="9" Grid.Column="0" Content="{DynamicResource Str_ImageFormat}"/>
-                    <ComboBox Grid.Row="9" Grid.Column="1" SelectedItem="{Binding Format}" ItemsSource="{Binding FrameFormatOptions}"/>
+                            <!-- 图像格式 -->
+                            <Label Grid.Row="0" Grid.Column="0" Content="{DynamicResource Str_ImageFormat}"/>
+                            <ComboBox Grid.Row="0" Grid.Column="1" SelectedItem="{Binding Format}" ItemsSource="{Binding FrameFormatOptions}"/>
 
-                    <!-- 图像质量 -->
-                    <Label Grid.Row="10" Grid.Column="0" Content="{DynamicResource Str_ImageQuality}" ToolTip="{DynamicResource Str_ImageQualityTooltip}"/>
-                    <TextBox Grid.Row="10" Grid.Column="1" Text="{Binding Quality}" ToolTip="{DynamicResource Str_ImageQualityTooltip}"/>
-                </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>
+                    </GroupBox>
+                </StackPanel>
             </ScrollViewer>
         </Border>
     </DockPanel>

SpineViewer/Views/ExporterDialogs/FrameSequenceExporterDialog.xaml

@@ -3,13 +3,14 @@
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+        xmlns:hc="https://handyorg.github.io/handycontrol"
         xmlns:local="clr-namespace:SpineViewer.Views"
         xmlns:vmexp="clr-namespace:SpineViewer.ViewModels.Exporters"
         d:DataContext="{d:DesignInstance Type=vmexp:FrameSequenceExporterViewModel}"
         mc:Ignorable="d"
         Title="{DynamicResource Str_FrameSequenceExporterTitle}" 
         Width="450"
-        Height="450"
+        Height="550"
         ShowInTaskbar="False"
         WindowStartupLocation="CenterOwner">
     <DockPanel>
@@ -27,104 +28,122 @@
         </Border>
 
         <Border>
-            <ScrollViewer  VerticalScrollBarVisibility="Auto">
+            <Border.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>
+                <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"/>
+                    <Setter Property="Margin" Value="0 5 0 10"/>
+                </Style>
+            </Border.Resources>
 
-                <Grid Margin="30 10">
-                    <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"/>
-                        <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"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                        <RowDefinition Height="Auto"/>
-                    </Grid.RowDefinitions>
+            <ScrollViewer VerticalScrollBarVisibility="Auto">
+                <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>
 
-                    <!-- 水平分辨率 -->
-                    <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}"/>
+                            <!-- 水平分辨率 -->
+                            <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}"/>
 
-                    <!-- 垂直分辨率 -->
-                    <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}"/>
+                            <!-- 垂直分辨率 -->
+                            <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}"/>
 
-                    <!-- 是否导出单个 -->
-                    <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}"/>
+                            <!-- 是否导出单个 -->
+                            <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}"/>
 
-                    <!-- 输出文件夹 -->
-                    <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>
+                            <!-- 输出文件夹 -->
+                            <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>
 
-                    <!-- 背景颜色 -->
-                    <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>
+                            <!-- 背景颜色 -->
+                            <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>
 
-                    <!-- 四周边距 -->
-                    <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}"/>
+                            <!-- 四周边距 -->
+                            <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}"/>
 
-                    <!-- 自动分辨率 -->
-                    <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}"/>
+                            <!-- 自动分辨率 -->
+                            <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}"/>
 
-                    <!-- 最大分辨率 -->
-                    <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}"/>
+                            <!-- 最大分辨率 -->
+                            <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>
+                    </GroupBox>
 
-                    <Separator Grid.Row="8" Grid.ColumnSpan="2" Height="10"/>
+                    <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>
 
-                    <!-- 导出时长 -->
-                    <Label Grid.Row="9" Grid.Column="0" Content="{DynamicResource Str_Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
-                    <TextBox Grid.Row="9" Grid.Column="1" Text="{Binding Duration}" ToolTip="{DynamicResource Str_ExportDurationTooltip}"/>
+                            <!-- 导出时长 -->
+                            <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}"/>
 
-                    <!-- 导出帧率 -->
-                    <Label Grid.Row="10" Grid.Column="0" Content="{DynamicResource Str_Fps}"/>
-                    <TextBox Grid.Row="10" Grid.Column="1" Text="{Binding Fps}"/>
+                            <!-- 导出帧率 -->
+                            <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_Fps}"/>
+                            <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Fps}"/>
 
-                    <!-- 导出速度 -->
-                    <Label Grid.Row="11" Grid.Column="0" Content="{DynamicResource Str_ExportSpeed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
-                    <TextBox Grid.Row="11" Grid.Column="1" Text="{Binding Speed}" ToolTip="{DynamicResource Str_ExportSpeedTooltip}"/>
+                            <!-- 导出速度 -->
+                            <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}"/>
 
-                    <!-- 是否保留最后一帧 -->
-                    <Label Grid.Row="12" Grid.Column="0" Content="{DynamicResource Str_KeepLastFrame}" ToolTip="{DynamicResource Str_KeepLastFrameTooltip}"/>
-                    <ToggleButton Grid.Row="12" Grid.Column="1" IsChecked="{Binding KeepLast}" ToolTip="{DynamicResource Str_KeelLastFrameTooltip}"/>
-                </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>
+                    </GroupBox>
+                </StackPanel>
             </ScrollViewer>
         </Border>
     </DockPanel>

SpineViewer/Views/MainWindow.xaml

@@ -76,7 +76,7 @@
             </Border>
 
             <Border Grid.Row="1">
-                <Grid>
+                <Grid x:Name="_rootGrid">
                     <Grid.ColumnDefinitions>
                         <ColumnDefinition/>
                         <ColumnDefinition Width="Auto" />
@@ -89,120 +89,9 @@
                         <!-- 功能页 -->
                         <TabControl x:Name="_mainTabControl" TabStripPlacement="Left">
 
-                            <!-- 浏览页 -->
-                            <TabItem Header="{DynamicResource Str_Explorer}" DataContext="{Binding ExplorerListViewModel}">
-                                <Grid>
-                                    <Grid.RowDefinitions>
-                                        <RowDefinition/>
-                                        <RowDefinition Height="Auto"/>
-                                        <RowDefinition/>
-                                    </Grid.RowDefinitions>
-
-                                    <DockPanel>
-                                        <Grid DockPanel.Dock="Top">
-                                            <Grid.ColumnDefinitions>
-                                                <ColumnDefinition Width="*"/>
-                                                <ColumnDefinition Width="Auto"/>
-                                                <ColumnDefinition Width="Auto"/>
-                                            </Grid.ColumnDefinitions>
-                                            <hc:TextBox hc:InfoElement.Placeholder="{StaticResource Str_Filter}"
-                                                        Text="{Binding FilterString, UpdateSourceTrigger=PropertyChanged}"/>
-                                            <Button Grid.Column="1" 
-                                                    hc:IconElement.Geometry="{StaticResource Geo_Folder}" 
-                                                    Command="{Binding Cmd_ChangeCurrentDirectory}"
-                                                    ToolTip="{DynamicResource Str_ChangeCurrentDirectoryTooltip}"/>
-                                            <Button Grid.Column="2" 
-                                                    hc:IconElement.Geometry="{StaticResource Geo_ArrowRotateRight}" 
-                                                    Command="{Binding Cmd_RefreshItems}"
-                                                    ToolTip="{DynamicResource Str_RefreshItemsTooltip}"/>
-                                        </Grid>
-
-                                        <StatusBar DockPanel.Dock="Bottom">
-                                            <TextBlock>
-                                                <TextBlock.Text>
-                                                    <MultiBinding Converter="{StaticResource StrFmtCvter}" ConverterParameter="Str_ListViewStatusBar">
-                                                        <Binding Path="Items.Count" ElementName="_spineFilesListBox"/>
-                                                        <Binding Path="SelectedItems.Count" ElementName="_spineFilesListBox"/>
-                                                    </MultiBinding>
-                                                </TextBlock.Text>
-                                            </TextBlock>
-                                        </StatusBar>
-
-                                        <ListBox x:Name="_spineFilesListBox"
-                                                 VirtualizingPanel.IsVirtualizing="True"
-                                                 ItemsSource="{Binding ShownItems}"
-                                                 DisplayMemberPath="FileName"
-                                                 MouseLeftButtonDown="SpineFilesListBox_MouseLeftButtonDown">
-                                            <i:Interaction.Triggers>
-                                                <i:EventTrigger EventName="SelectionChanged">
-                                                    <i:InvokeCommandAction Command="{Binding Cmd_SelectionChanged}"
-                                                                           CommandParameter="{Binding SelectedItems, ElementName=_spineFilesListBox}"/>
-                                                </i:EventTrigger>
-                                            </i:Interaction.Triggers>
-
-                                            <ListBox.ContextMenu>
-                                                <ContextMenu>
-                                                    <MenuItem Header="{DynamicResource Str_AddSelectedItems}"
-                                                              Command="{Binding Cmd_AddSelectedItems}"
-                                                              CommandParameter="{Binding PlacementTarget.SelectedItems, RelativeSource={RelativeSource AncestorType={x:Type ContextMenu}}}"/>
-                                                    <Separator/>
-                                                    <MenuItem Header="{DynamicResource Str_GeneratePreviewForSelected}"
-                                                              Command="{Binding Cmd_GeneratePreviews}"
-                                                              CommandParameter="{Binding PlacementTarget.SelectedItems, RelativeSource={RelativeSource AncestorType={x:Type ContextMenu}}}"/>
-                                                    <MenuItem Header="{StaticResource Str_DeletePreviewsForSelected}"
-                                                              Command="{Binding Cmd_DeletePreviews}"
-                                                              CommandParameter="{Binding PlacementTarget.SelectedItems, RelativeSource={RelativeSource AncestorType={x:Type ContextMenu}}}"/>
-                                                </ContextMenu>
-                                            </ListBox.ContextMenu>
-                                        </ListBox>
-                                    </DockPanel>
-
-                                    <GridSplitter Grid.Row="1" ResizeDirection="Rows"/>
-
-                                    <Grid Grid.Row="2" DataContext="{Binding SelectedItem}">
-                                        <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>
-                                        </Grid.Resources>
-                                        <Grid.ColumnDefinitions>
-                                            <ColumnDefinition Width="Auto"/>
-                                            <ColumnDefinition Width="*" />
-                                        </Grid.ColumnDefinitions>
-                                        <Grid.RowDefinitions>
-                                            <RowDefinition Height="Auto"/>
-                                            <RowDefinition Height="Auto"/>
-                                            <RowDefinition Height="*"/>
-                                        </Grid.RowDefinitions>
-
-                                        <!-- 文件目录 -->
-                                        <Label Grid.Row="0" Grid.Column="0" Content="{DynamicResource Str_FileDirectory}"/>
-                                        <TextBox Grid.Row="0" Grid.Column="1"
-                                                 Text="{Binding FileDirectory, Mode=OneWay}"
-                                                 IsReadOnly="True"
-                                                 ToolTip="{Binding Text, RelativeSource={RelativeSource Mode=Self}}"/>
-
-                                        <!-- 文件名 -->
-                                        <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_FileName}"/>
-                                        <TextBox Grid.Row="1" Grid.Column="1"
-                                                 Text="{Binding FileName, Mode=OneWay}"
-                                                 IsReadOnly="True"/>
-
-                                        <!-- 预览图 -->
-                                        <Border Grid.Row="2" Grid.ColumnSpan="2" Background="#a0a0a0">
-                                            <Image Source="{Binding PreviewImage, Mode=OneWay}" Stretch="Uniform"/>
-                                        </Border>
-                                    </Grid>
-                                </Grid>
-                            </TabItem>
-
                             <!-- 模型列表页 -->
                             <TabItem Header="{DynamicResource Str_SpineObject}">
-                                <Grid>
+                                <Grid x:Name="_modelListGrid">
                                     <Grid.RowDefinitions>
                                         <RowDefinition/>
                                         <RowDefinition Height="Auto"/>
@@ -421,6 +310,7 @@
                                                     <RowDefinition Height="Auto"/>
                                                     <RowDefinition Height="Auto"/>
                                                     <RowDefinition Height="Auto"/>
+                                                    <RowDefinition Height="Auto"/>
                                                 </Grid.RowDefinitions>
 
                                                 <!-- 显示 -->
@@ -434,6 +324,10 @@
                                                 <!-- 物理 -->
                                                 <Label Grid.Row="2" Grid.Column="0" Content="{DynamicResource Str_Physics}"/>
                                                 <ComboBox Grid.Row="2" Grid.Column="1" SelectedValue="{Binding Physics}" ItemsSource="{Binding PhysicsOptions}"/>
+
+                                                <!-- 时间因子 -->
+                                                <Label Grid.Row="3" Grid.Column="0" Content="{DynamicResource Str_TimeScale}" ToolTip="{DynamicResource Str_TimeScaleTootltip}"/>
+                                                <TextBox Grid.Row="3" Grid.Column="1" Text="{Binding TimeScale}" ToolTip="{DynamicResource Str_TimeScaleTootltip}"/>
                                             </Grid>
                                         </TabItem>
 
@@ -503,7 +397,7 @@
                                                                 <ColumnDefinition Width="Auto"/>
                                                                 <ColumnDefinition Width="*" />
                                                             </Grid.ColumnDefinitions>
-                                                            <Label Grid.Column="0" Content="{Binding Name}"/>
+                                                            <Label Grid.Column="0" Content="{Binding Name}" Background="#bfffffff"/>
                                                             <ToggleButton Grid.Column="1" IsChecked="{Binding Status}"/>
                                                         </Grid>
                                                     </DataTemplate>
@@ -541,7 +435,7 @@
                                                                 <ColumnDefinition Width="*"/>
                                                                 <ColumnDefinition Width="Auto"/>
                                                             </Grid.ColumnDefinitions>
-                                                            <Label Grid.Column="0" Content="{Binding SlotName}" HorizontalAlignment="Left"/>
+                                                            <Label Grid.Column="0" Content="{Binding SlotName}" HorizontalAlignment="Left" Background="#bfffffff"/>
                                                             <ComboBox Grid.Column="1" SelectedValue="{Binding AttachmentName}" ItemsSource="{Binding AttachmentNames}"/>
                                                             <ToggleButton Grid.Column="2" IsChecked="{Binding Visible}"/>
                                                         </Grid>
@@ -568,6 +462,9 @@
                                                         <MenuItem Header="{DynamicResource Str_InsertTrack}" 
                                                                   Command="{Binding Cmd_InsertTrack}"
                                                                   CommandParameter="{Binding PlacementTarget.SelectedItems, RelativeSource={RelativeSource AncestorType={x:Type ContextMenu}}}"/>
+                                                        <MenuItem Header="{DynamicResource Str_ClearTrack}" 
+                                                                  Command="{Binding Cmd_ClearTrack}"
+                                                                  CommandParameter="{Binding PlacementTarget.SelectedItems, RelativeSource={RelativeSource AncestorType={x:Type ContextMenu}}}"/>
                                                     </ContextMenu>
                                                 </ListBox.ContextMenu>
 
@@ -575,19 +472,38 @@
                                                     <DataTemplate>
                                                         <Grid>
                                                             <Grid.ColumnDefinitions>
-                                                                <ColumnDefinition Width="Auto" SharedSizeGroup="Col0"/>
+                                                                <ColumnDefinition Width="Auto" SharedSizeGroup="ColTrackIdx"/>
+                                                                <ColumnDefinition Width="Auto" SharedSizeGroup="ColAniTime"/>
                                                                 <ColumnDefinition Width="*"/>
-                                                                <ColumnDefinition Width="Auto" SharedSizeGroup="Col2"/>
-                                                                <ColumnDefinition Width="Auto"/>
                                                             </Grid.ColumnDefinitions>
-                                                            <Label Grid.Column="0" Content="{Binding TrackIndex}" HorizontalContentAlignment="Left"/>
-                                                            <ComboBox Grid.Column="1" SelectedValue="{Binding AnimationName}" ItemsSource="{Binding AnimationNames}"/>
-                                                            <Label Grid.Column="2" 
-                                                                   Content="{Binding AnimationDuration}"
-                                                                   ContentStringFormat="{}{0:F3} s"/>
-                                                            <Button Grid.Column="3" 
-                                                                    Command="{Binding Cmd_ClearTrack}"
-                                                                    hc:IconElement.Geometry="{StaticResource Geo_TrashXmark}"/>
+                                                            
+                                                            <Label Grid.Column="0" Content="{Binding TrackIndex}" HorizontalContentAlignment="Left" VerticalAlignment="Top" Background="#bfffffff"/>
+                                                            <Label Grid.Column="1" Content="{Binding AnimationDuration}" VerticalAlignment="Top" ContentStringFormat="{}{0:F3} s"/>
+
+                                                            <Expander Grid.Column="2" HorizontalContentAlignment="Stretch">
+                                                                <Expander.Header>
+                                                                    <!-- hc 的模板自带左侧 10 的 padding, 此处用 -10 的 margin 来抵消去除 -->
+                                                                    <ComboBox Margin="-10 0 0 0" Grid.Column="2" SelectedValue="{Binding AnimationName}" ItemsSource="{Binding AnimationNames}"/>
+                                                                </Expander.Header>
+                                                                <Grid Margin="1 0 0 0">
+                                                                    <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_TrackTimeScale}" ToolTip="{DynamicResource Str_TrackTimeScaleTooltip}"/>
+                                                                    <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding TrackTimeScale, StringFormat='{}{0:F3}'}" ToolTip="{DynamicResource Str_TrackTimeScaleTooltip}"/>
+
+                                                                    <!-- Alpha 混合 -->
+                                                                    <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_TrackAlpha}" ToolTip="{DynamicResource Str_TrackAlphaTooltip}"/>
+                                                                    <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding TrackAlpha, StringFormat='{}{0:F3}'}" ToolTip="{DynamicResource Str_TrackAlphaTooltip}"/>
+                                                                </Grid>
+                                                            </Expander>
                                                         </Grid>
                                                     </DataTemplate>
                                                 </ListBox.ItemTemplate>
@@ -660,6 +576,117 @@
                                 </Grid>
                             </TabItem>
 
+                            <!-- 浏览页 -->
+                            <TabItem Header="{DynamicResource Str_Explorer}" DataContext="{Binding ExplorerListViewModel}">
+                                <Grid x:Name="_explorerGrid">
+                                    <Grid.RowDefinitions>
+                                        <RowDefinition/>
+                                        <RowDefinition Height="Auto"/>
+                                        <RowDefinition/>
+                                    </Grid.RowDefinitions>
+
+                                    <DockPanel>
+                                        <Grid DockPanel.Dock="Top">
+                                            <Grid.ColumnDefinitions>
+                                                <ColumnDefinition Width="*"/>
+                                                <ColumnDefinition Width="Auto"/>
+                                                <ColumnDefinition Width="Auto"/>
+                                            </Grid.ColumnDefinitions>
+                                            <hc:TextBox hc:InfoElement.Placeholder="{StaticResource Str_Filter}"
+                                                        Text="{Binding FilterString, UpdateSourceTrigger=PropertyChanged}"/>
+                                            <Button Grid.Column="1" 
+                                                    hc:IconElement.Geometry="{StaticResource Geo_Folder}" 
+                                                    Command="{Binding Cmd_ChangeCurrentDirectory}"
+                                                    ToolTip="{DynamicResource Str_ChangeCurrentDirectoryTooltip}"/>
+                                            <Button Grid.Column="2" 
+                                                    hc:IconElement.Geometry="{StaticResource Geo_ArrowRotateRight}" 
+                                                    Command="{Binding Cmd_RefreshItems}"
+                                                    ToolTip="{DynamicResource Str_RefreshItemsTooltip}"/>
+                                        </Grid>
+
+                                        <StatusBar DockPanel.Dock="Bottom">
+                                            <TextBlock>
+                                                <TextBlock.Text>
+                                                    <MultiBinding Converter="{StaticResource StrFmtCvter}" ConverterParameter="Str_ListViewStatusBar">
+                                                        <Binding Path="Items.Count" ElementName="_spineFilesListBox"/>
+                                                        <Binding Path="SelectedItems.Count" ElementName="_spineFilesListBox"/>
+                                                    </MultiBinding>
+                                                </TextBlock.Text>
+                                            </TextBlock>
+                                        </StatusBar>
+
+                                        <ListBox x:Name="_spineFilesListBox"
+                                                 VirtualizingPanel.IsVirtualizing="True"
+                                                 ItemsSource="{Binding ShownItems}"
+                                                 DisplayMemberPath="FileName"
+                                                 MouseLeftButtonDown="SpineFilesListBox_MouseLeftButtonDown">
+                                            <i:Interaction.Triggers>
+                                                <i:EventTrigger EventName="SelectionChanged">
+                                                    <i:InvokeCommandAction Command="{Binding Cmd_SelectionChanged}"
+                                                                           CommandParameter="{Binding SelectedItems, ElementName=_spineFilesListBox}"/>
+                                                </i:EventTrigger>
+                                            </i:Interaction.Triggers>
+
+                                            <ListBox.ContextMenu>
+                                                <ContextMenu>
+                                                    <MenuItem Header="{DynamicResource Str_AddSelectedItems}"
+                                                              Command="{Binding Cmd_AddSelectedItems}"
+                                                              CommandParameter="{Binding PlacementTarget.SelectedItems, RelativeSource={RelativeSource AncestorType={x:Type ContextMenu}}}"/>
+                                                    <Separator/>
+                                                    <MenuItem Header="{DynamicResource Str_GeneratePreviewForSelected}"
+                                                              Command="{Binding Cmd_GeneratePreviews}"
+                                                              CommandParameter="{Binding PlacementTarget.SelectedItems, RelativeSource={RelativeSource AncestorType={x:Type ContextMenu}}}"/>
+                                                    <MenuItem Header="{StaticResource Str_DeletePreviewsForSelected}"
+                                                              Command="{Binding Cmd_DeletePreviews}"
+                                                              CommandParameter="{Binding PlacementTarget.SelectedItems, RelativeSource={RelativeSource AncestorType={x:Type ContextMenu}}}"/>
+                                                </ContextMenu>
+                                            </ListBox.ContextMenu>
+                                        </ListBox>
+                                    </DockPanel>
+
+                                    <GridSplitter Grid.Row="1" ResizeDirection="Rows"/>
+
+                                    <Grid Grid.Row="2" DataContext="{Binding SelectedItem}">
+                                        <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>
+                                        </Grid.Resources>
+                                        <Grid.ColumnDefinitions>
+                                            <ColumnDefinition Width="Auto"/>
+                                            <ColumnDefinition Width="*" />
+                                        </Grid.ColumnDefinitions>
+                                        <Grid.RowDefinitions>
+                                            <RowDefinition Height="Auto"/>
+                                            <RowDefinition Height="Auto"/>
+                                            <RowDefinition Height="*"/>
+                                        </Grid.RowDefinitions>
+
+                                        <!-- 文件目录 -->
+                                        <Label Grid.Row="0" Grid.Column="0" Content="{DynamicResource Str_FileDirectory}"/>
+                                        <TextBox Grid.Row="0" Grid.Column="1"
+                                                 Text="{Binding FileDirectory, Mode=OneWay}"
+                                                 IsReadOnly="True"
+                                                 ToolTip="{Binding Text, RelativeSource={RelativeSource Mode=Self}}"/>
+
+                                        <!-- 文件名 -->
+                                        <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_FileName}"/>
+                                        <TextBox Grid.Row="1" Grid.Column="1"
+                                                 Text="{Binding FileName, Mode=OneWay}"
+                                                 IsReadOnly="True"/>
+
+                                        <!-- 预览图 -->
+                                        <Border Grid.Row="2" Grid.ColumnSpan="2" Background="#a0a0a0">
+                                            <Image Source="{Binding PreviewImage, Mode=OneWay}" Stretch="Uniform"/>
+                                        </Border>
+                                    </Grid>
+                                </Grid>
+                            </TabItem>
+
                             <!-- 画面参数页 -->
                             <TabItem Header="{DynamicResource Str_Canvas}" DataContext="{Binding SFMLRendererViewModel}">
                                 <TabItem.Resources>
@@ -695,6 +722,7 @@
                                         <RowDefinition Height="Auto"/>
                                         <RowDefinition Height="Auto"/>
                                         <RowDefinition Height="Auto"/>
+                                        <RowDefinition Height="Auto"/>
                                     </Grid.RowDefinitions>
 
                                     <!-- 水平分辨率 -->
@@ -729,22 +757,24 @@
                                     <Label Grid.Row="7" Grid.Column="0" Content="{DynamicResource Str_FlipY}"/>
                                     <ToggleButton Grid.Row="7" Grid.Column="1" IsChecked="{Binding FlipY}"/>
 
+                                    <Separator Grid.Row="8" Grid.Column="0" Grid.ColumnSpan="2" Margin="0 5"/>
+
                                     <!-- 最大帧率 -->
-                                    <Label Grid.Row="8" Grid.Column="0" Content="{DynamicResource Str_MaxFps}"/>
-                                    <TextBox Grid.Row="8" Grid.Column="1" Text="{Binding MaxFps}"/>
+                                    <Label Grid.Row="9" Grid.Column="0" Content="{DynamicResource Str_MaxFps}" ToolTip="{DynamicResource Str_MaxFpsTooltip}"/>
+                                    <TextBox Grid.Row="9" Grid.Column="1" Text="{Binding MaxFps}"  ToolTip="{DynamicResource Str_MaxFpsTooltip}"/>
 
                                     <!-- 播放速度 -->
-                                    <Label Grid.Row="9" Grid.Column="0" Content="{DynamicResource Str_PlaySpeed}"/>
-                                    <TextBox Grid.Row="9" Grid.Column="1" Text="{Binding Speed}"/>
+                                    <Label Grid.Row="10" Grid.Column="0" Content="{DynamicResource Str_PlaySpeed}"/>
+                                    <TextBox Grid.Row="10" Grid.Column="1" Text="{Binding Speed}"/>
 
                                     <!-- 显示坐标轴 -->
-                                    <Label Grid.Row="10" Grid.Column="0" Content="{DynamicResource Str_ShowAxis}"/>
-                                    <ToggleButton Grid.Row="10" Grid.Column="1" IsChecked="{Binding ShowAxis}"/>
+                                    <Label Grid.Row="11" Grid.Column="0" Content="{DynamicResource Str_ShowAxis}"/>
+                                    <ToggleButton Grid.Row="11" Grid.Column="1" IsChecked="{Binding ShowAxis}"/>
 
                                     <!-- 背景颜色 -->
-                                    <Label Grid.Row="11" Grid.Column="0" Content="{DynamicResource Str_BackgroundColor}" ToolTip="#AARRGGBB"/>
-                                    <TextBox Grid.Row="11" Grid.Column="1" Text="{Binding BackgroundColor}" ToolTip="#AARRGGBB"/>
-                                    
+                                    <Label Grid.Row="12" Grid.Column="0" Content="{DynamicResource Str_BackgroundColor}" ToolTip="#AARRGGBB"/>
+                                    <TextBox Grid.Row="12" Grid.Column="1" Text="{Binding BackgroundColor}" ToolTip="#AARRGGBB"/>
+
                                     <!-- 背景图案 -->
                                     <!-- 背景图案模式 -->
                                 </Grid>
@@ -755,14 +785,14 @@
                     <GridSplitter Grid.Column="1" ResizeDirection="Columns"/>
 
                     <Border Grid.Column="2">
-                        <Grid>
+                        <Grid x:Name="_rightPanelGrid">
                             <Grid.RowDefinitions>
                                 <RowDefinition Height="5*"/>
                                 <RowDefinition Height="Auto"/>
                                 <RowDefinition Height="*"/>
                             </Grid.RowDefinitions>
 
-                            <Grid >
+                            <Grid>
                                 <Grid.RowDefinitions>
                                     <RowDefinition Height="*"/>
                                     <RowDefinition Height="Auto"/>

SpineViewer/Views/MainWindow.xaml.cs

@@ -3,12 +3,15 @@ using NLog;
 using NLog.Layouts;
 using NLog.Targets;
 using Spine;
+using SpineViewer.Models;
 using SpineViewer.Natives;
 using SpineViewer.Resources;
+using SpineViewer.Utils;
 using SpineViewer.ViewModels.MainWindow;
 using System.Collections.Specialized;
 using System.ComponentModel;
 using System.Diagnostics;
+using System.IO;
 using System.Text;
 using System.Windows;
 using System.Windows.Controls;
@@ -26,6 +29,11 @@ namespace SpineViewer.Views;
 /// </summary>
 public partial class MainWindow : Window
 {
+    /// <summary>
+    /// 布局文件保存路径
+    /// </summary>
+    public static readonly string LayoutFilePath = Path.Combine(Path.GetDirectoryName(Environment.ProcessPath), "layout.json");
+
     private static readonly Logger _logger = LogManager.GetCurrentClassLogger();
     private ListViewItem? _listViewDragSourceItem = null;
     private Point _listViewDragSourcePoint;
@@ -46,6 +54,8 @@ public partial class MainWindow : Window
 
     private void MainWindow_Loaded(object sender, RoutedEventArgs e)
     {
+        LoadLayout();
+
         var vm = _vm.SFMLRendererViewModel;
         _renderPanel.CanvasMouseWheelScrolled += vm.CanvasMouseWheelScrolled;
         _renderPanel.CanvasMouseButtonPressed += vm.CanvasMouseButtonPressed;
@@ -70,6 +80,8 @@ public partial class MainWindow : Window
     {
         var vm = _vm.SFMLRendererViewModel;
         vm.StopRender();
+
+        SaveLayout();
     }
 
     /// <summary>
@@ -100,6 +112,50 @@ public partial class MainWindow : Window
         LogManager.ReconfigExistingLoggers();
     }
 
+    private void LoadLayout()
+    {
+        if (JsonHelper.Deserialize<MainWindowLayoutModel>(LayoutFilePath, 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);
+            _modelListGrid.RowDefinitions[0].Height = new(m.ModelListRow0Height);
+            _explorerGrid.RowDefinitions[0].Height = new(m.ExplorerGridRow0Height);
+            _rightPanelGrid.RowDefinitions[0].Height = new(m.RightPanelGridRow0Height);
+        }
+        
+    }
+
+    private void SaveLayout()
+    {
+        var m = new MainWindowLayoutModel()
+        {
+            WindowLeft = Left,
+            WindowTop = Top,
+            WindowWidth = Width,
+            WindowHeight = Height,
+            WindowState = WindowState,
+
+            RootGridCol0Width = _rootGrid.ColumnDefinitions[0].ActualWidth,
+            ModelListRow0Height = _modelListGrid.RowDefinitions[0].ActualHeight,
+            ExplorerGridRow0Height = _explorerGrid.RowDefinitions[0].ActualHeight,
+            RightPanelGridRow0Height = _rightPanelGrid.RowDefinitions[0].ActualHeight,
+        };
+
+        JsonHelper.Serialize(m, LayoutFilePath);
+    }
+
     #region _spinesListView 事件处理
 
     private void SpinesListView_RequestSelectionChanging(object? sender, NotifyCollectionChangedEventArgs e)

SpineViewer/Views/PreferenceDialog.xaml

@@ -134,6 +134,34 @@
                         </Grid>
                     </GroupBox>
 
+                    <GroupBox Header="{DynamicResource Str_RendererPreference}">
+                        <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>
+
+                            <Label Grid.Row="0" Grid.Column="0" Content="{DynamicResource Str_MaxFps}"/>
+                            <TextBox Grid.Row="0" Grid.Column="1" Text="{Binding MaxFps}"/>
+
+                            <Label Grid.Row="1" Grid.Column="0" Content="{DynamicResource Str_PlaySpeed}"/>
+                            <TextBox Grid.Row="1" Grid.Column="1" Text="{Binding Speed}"/>
+
+                            <Label Grid.Row="2" Grid.Column="0" Content="{DynamicResource Str_ShowAxis}"/>
+                            <ToggleButton Grid.Row="2" Grid.Column="1" IsChecked="{Binding ShowAxis}"/>
+
+                            <Label Grid.Row="3" Grid.Column="0" Content="{DynamicResource Str_BackgroundColor}" ToolTip="#AARRGGBB"/>
+                            <TextBox Grid.Row="3" Grid.Column="1" Text="{Binding BackgroundColor}" ToolTip="#AARRGGBB"/>
+
+                        </Grid>
+                    </GroupBox>
+                    
                     <GroupBox Header="{DynamicResource Str_AppPreference}">
                         <Grid>
                             <Grid.ColumnDefinitions>