Merge pull request #56 from ZHider/dev

新增背景亚克力效果粗糙度调节功能，但未实装。
2026-01-12 19:08:33 +08:00 · 2025-07-24 10:36:57 -04:00
parent e92130af85 3d4e3209e6
commit b04dfedf7e
14 changed files with 402 additions and 8 deletions
--- a/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Helper/NoiseGenerationHelper.cs
+++ b/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Helper/NoiseGenerationHelper.cs
@@ -0,0 +1,313 @@
+using System;
+using System.Buffers;
+using System.Drawing;
+using System.IO;
+using System.Linq;
+using System.Runtime.CompilerServices;
+using System.Runtime.InteropServices;
+using System.Text.RegularExpressions;
+using System.Threading.Tasks;
+using Windows.Storage;
+using static BetterLyrics.WinUI3.Helper.NoiseOverlayHelper.BitmapFileCreator;
+
+namespace BetterLyrics.WinUI3.Helper
+{
+    internal static class NoiseOverlayHelper
+    {
+
+        const string NoiseOverlayFileName = "noise_overlay.bmp";
+
+        static readonly string NoiseOverlayFilePath = Path.Combine(ApplicationData.Current.LocalFolder.Path, "Assets", NoiseOverlayFileName);
+
+        /// <summary>
+        /// 生成单色灰阶随机噪声
+        /// </summary>
+        /// <param name="outputPath">输出文件路径</param>
+        /// <param name="width">图片宽度</param>
+        /// <param name="height">图片高度</param>
+        public static async Task<BitmapFile> GenerateNoiseBitmapAsync(int width, int height)
+        {
+            const uint NumOfGrayscale = 16;
+            uint bitCount = NextPowerOfTwo((uint)Math.Round(Math.Sqrt(NumOfGrayscale)));
+
+            var palette = BitmapFileCreator.CreateGrayscalePalette(16);
+            var pixelData = await GenerateRandomNoise(width, height, bitCount);
+
+            var fileHeader = BitmapFileCreator.CreateFileHeader(palette, pixelData);
+            var infoHeader = BitmapFileCreator.CreateInfoHeader(width, height, bitCount);
+
+            return new BitmapFile(fileHeader, infoHeader, palette, pixelData);
+        }
+
+        /// <summary>
+        /// 读取噪声图片的位头信息
+        /// </summary>
+        public static BitmapFileCreator.WINBMPINFOHEADER ReadBitmapInfoHeaders(string? FilePath)
+        {
+            var _filePath = FilePath ?? NoiseOverlayFilePath;
+            using var fs = new FileStream(_filePath, FileMode.Open, FileAccess.Read);
+            using var br = new BinaryReader(fs);
+
+            // 跳过文件头
+            fs.Seek(Marshal.SizeOf<BitmapFileCreator.BITMAPFILEHEADER>(), SeekOrigin.Begin);
+
+            // 读取信息头
+            byte[] infoHeaderBytes = br.ReadBytes(Marshal.SizeOf<BitmapFileCreator.WINBMPINFOHEADER>());
+            return MemoryMarshal.Read<BitmapFileCreator.WINBMPINFOHEADER>(infoHeaderBytes);
+        }
+
+        public static BitmapFileCreator.WINBMPINFOHEADER ReadBitmapInfoHeaders(byte[] FileBytes)
+        {
+            // 跳过文件头
+            var offset = Marshal.SizeOf<BitmapFileCreator.BITMAPFILEHEADER>();
+
+            // 读取信息头
+            var infoHeaderLength = Marshal.SizeOf<BitmapFileCreator.WINBMPINFOHEADER>();
+            Span<byte> infoHeaderBytes = new(FileBytes, offset, infoHeaderLength);
+            return MemoryMarshal.Read<BitmapFileCreator.WINBMPINFOHEADER>(infoHeaderBytes);
+        }
+
+        /// <summary>
+        /// safe 的写入 struct 到流
+        /// </summary>
+        /// <typeparam name="T">值 strcut</typeparam>
+        /// <param name="stream">要写入的字节流</param>
+        /// <param name="structure">要被写入的结构</param>
+        public static void WriteStruct<T>(Stream stream, in T structure) where T : struct
+        {
+            int size = Unsafe.SizeOf<T>();
+            byte[] buffer = ArrayPool<byte>.Shared.Rent(size);
+            try
+            {
+                MemoryMarshal.Write(buffer, in structure);
+                stream.Write(buffer, 0, size);
+            }
+            finally
+            {
+                ArrayPool<byte>.Shared.Return(buffer);
+            }
+        }
+
+        /// <summary>
+        /// 随机填充位图内容
+        /// </summary>
+        /// <param name="width">填充宽度</param>
+        /// <param name="height">填充高度</param>
+        /// <param name="bitCount">单个调色盘索引所占比特位数</param>
+        /// <returns>字节数据</returns>
+        private static Task<byte[]> GenerateRandomNoise(int width, int height, uint bitCount)
+        {
+            // 创建位图行字节数，4K 对齐
+            int rowSize = ((width * (int)bitCount + 31) >> 5) << 2;
+
+            // 创建随机位图数据
+            Random rnd = new();
+            return Task.Run(() => Enumerable.Range(0, rowSize * height)
+                .Select(i => (byte)rnd.Next(0x00, 0xFF))
+                .ToArray());
+        }
+
+        private static uint NextPowerOfTwo(uint value)
+        {
+            value--;
+            value |= value >> 1;
+            value |= value >> 2;
+            value |= value >> 4;
+            value |= value >> 8;
+            value |= value >> 16;
+            return value + 1;
+        }
+        public static class BitmapFileCreator
+        {
+
+            /// <summary>
+            /// 创建BMP文件头
+            /// </summary>
+            /// <param name="palette">调色盘数据</param>
+            /// <param name="pixelData">像素数据</param>
+            /// <returns>文件头结构</returns>
+            public static BITMAPFILEHEADER CreateFileHeader(byte[] palette, byte[] pixelData)
+            {
+                return new BITMAPFILEHEADER
+                {
+                    bfType = 0x4D42,
+                    bfSize = (uint)(Marshal.SizeOf<BITMAPFILEHEADER>() +
+                                    Marshal.SizeOf<WINBMPINFOHEADER>() +
+                                    palette.Length +
+                                    pixelData.Length),
+                    bfReserved1 = 0,
+                    bfReserved2 = 0,
+                    bfOffBits = (uint)(Marshal.SizeOf<BITMAPFILEHEADER>() +
+                                        Marshal.SizeOf<WINBMPINFOHEADER>() +
+                                        palette.Length)
+                };
+            }
+
+            /// <summary>
+            /// 将指定值填充到为最接近的2的幂数
+            /// </summary>
+            /// <summary>
+            /// 生成灰阶调色盘
+            /// </summary>
+            /// <param name="colors">灰阶数量</param>
+            /// <returns>调色盘byte数组</returns>
+            public static byte[] CreateGrayscalePalette(int colors)
+            {
+                return Enumerable.Range(0, colors)
+                    .SelectMany(i => Enumerable.Repeat((byte)(i * 0x10), 4))
+                    .ToArray();
+            }
+
+            /// <summary>
+            /// 创建BMP信息头
+            /// </summary>
+            /// <param name="width">宽度</param>
+            /// <param name="height">高度</param>
+            /// <param name="bitCount">单个像素（调色盘索引）位数</param>
+            /// <returns>BMP信息头结构</returns>
+            public static WINBMPINFOHEADER CreateInfoHeader(int width, int height, uint bitCount)
+            {
+                return new WINBMPINFOHEADER
+                {
+                    biSize = (uint)Marshal.SizeOf<WINBMPINFOHEADER>(),
+                    biWidth = (uint)width,
+                    biHeight = (uint)height,
+                    biPlanes = 1,
+                    biBitCount = (ushort)bitCount,
+                    biCompression = 0,
+                    biSizeImage = 0,
+                    biXPelsPerMeter = 0,
+                    biYPelsPerMeter = 0,
+                    biClrUsed = 0,
+                    biClrImportant = 0
+                };
+            }
+
+            [StructLayout(LayoutKind.Sequential, Pack = 1)]
+            /// <summary>
+            /// BMP 位图文件头
+            /// </summary>
+            public struct BITMAPFILEHEADER
+            {
+                /// <summary>
+                /// 文件类型标识，用于指定文件格式
+                /// </summary>
+                public ushort bfType;
+                /// <summary>
+                /// 文件大小，以字节为单位
+                /// </summary>
+                public uint bfSize;
+                /// <summary>
+                /// 保留字段，未使用
+                /// </summary>
+                public ushort bfReserved1;
+                /// <summary>
+                /// 保留字段，未使用
+                /// </summary>
+                public ushort bfReserved2;
+                /// <summary>
+                /// 像素数据的起始位置，以字节为单位，从文件头开始计算
+                /// </summary>
+                public uint bfOffBits;
+            }
+
+            [StructLayout(LayoutKind.Sequential, Pack = 1)]
+            /// <summary>
+            /// BMP 位图信息头
+            /// </summary>
+            public struct WINBMPINFOHEADER
+            {
+                /// <summary>
+                /// 指定此结构体的字节大小。
+                /// </summary>
+                public uint biSize;
+
+                /// <summary>
+                /// 以像素为单位的位图宽度。
+                /// </summary>
+                public uint biWidth;
+
+                /// <summary>
+                /// 以像素为单位的位图高度。
+                /// </summary>
+                public uint biHeight;
+
+                /// <summary>
+                /// 目标设备的平面数，通常为1。
+                /// </summary>
+                public ushort biPlanes;
+
+                /// <summary>
+                /// 每个像素的位数，表示颜色深度，如1、4、8、16、24、32等。
+                /// </summary>
+                public ushort biBitCount;
+
+                /// <summary>
+                /// 压缩类型，0表示不压缩。
+                /// </summary>
+                public uint biCompression;
+
+                /// <summary>
+                /// 位图图像数据的大小（以字节为单位），若图像未压缩，该值可设为0。
+                /// </summary>
+                public uint biSizeImage;
+
+                /// <summary>
+                /// 每米X轴方向的像素数（水平分辨率），通常设为0。
+                /// </summary>
+                public uint biXPelsPerMeter;
+
+                /// <summary>
+                /// 每米Y轴方向的像素数（垂直分辨率），通常设为0。
+                /// </summary>
+                public uint biYPelsPerMeter;
+
+                /// <summary>
+                /// 实际使用的颜色索引数，若为0，则使用位图中实际出现的颜色数。
+                /// </summary>
+                public uint biClrUsed;
+
+                /// <summary>
+                /// 重要颜色索引数，0表示所有颜色都重要。
+                /// </summary>
+                public uint biClrImportant;
+            }
+        }
+
+        public class BitmapFile(BitmapFileCreator.BITMAPFILEHEADER fileHeader, BitmapFileCreator.WINBMPINFOHEADER infoHeader, byte[] palette, byte[] pixelData)
+        {
+            public BITMAPFILEHEADER FileHeader = fileHeader;
+            public WINBMPINFOHEADER InfoHeader = infoHeader;
+            public byte[] Palette = palette;
+            public byte[] PixelData = pixelData;
+
+            /// <summary>
+            /// 转换为byte[]
+            /// </summary>
+            /// <param name="bf"></param>
+            public static explicit operator byte[](BitmapFile bf)
+            {
+                var result = new byte[bf.FileHeader.bfSize];
+                var ms = new MemoryStream(result);
+                bf.WriteToStream(ms);
+                return result;
+            }
+
+            public byte[] ToByteArray() => (byte[])this;
+
+            public Task<byte[]> ToByteArrayAsync() { return Task.FromResult(ToByteArray());}
+
+            /// <summary>
+            /// 写入此结构到流中
+            /// </summary>
+            public void WriteToStream(Stream stream)
+            { 
+                NoiseOverlayHelper.WriteStruct(stream, FileHeader);
+                NoiseOverlayHelper.WriteStruct(stream, InfoHeader);
+                stream.Write(Palette);
+                stream.Write(PixelData);
+                stream.Flush();
+            }
+        }
+    }
+}
--- a/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Services/ISettingsService.cs
+++ b/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Services/ISettingsService.cs
@@ -19,6 +19,7 @@ namespace BetterLyrics.WinUI3.Services
        int CoverOverlayBlurAmount { get; set; }
        int CoverOverlayOpacity { get; set; }
        bool IsDynamicCoverOverlayEnabled { get; set; }
+        int CoverAcrylicEffectAmount { get; set; }
        bool IsFanLyricsEnabled { get; set; }
        bool IsFirstRun { get; set; }
        bool IsLyricsGlowEffectEnabled { get; set; }
--- a/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Services/SettingsService.cs
+++ b/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Services/SettingsService.cs
@@ -30,6 +30,8 @@ namespace BetterLyrics.WinUI3.Services
        private const string CoverOverlayOpacityKey = "CoverOverlayOpacity";
        private const string IsCoverOverlayEnabledKey = "IsCoverOverlayEnabled";

+        private const string CoverAcrylicEffectAmountKey = "CoverAcrylicEffectAmount";
+
        private const string DesktopWindowLeftKey = "DesktopWindowLeft";
        private const string DesktopWindowTopKey = "DesktopWindowTop";
        private const string DesktopWindowWidthKey = "DesktopWindowWidth";
@@ -181,6 +183,7 @@ namespace BetterLyrics.WinUI3.Services
            SetDefault(CoverOverlayOpacityKey, 100); // 100 % = 1.0
            SetDefault(CoverOverlayBlurAmountKey, 100);
            SetDefault(CoverImageRadiusKey, 12); // 12 %
+            SetDefault(CoverAcrylicEffectAmountKey, 0);
            // Lyrics
            SetDefault(LyricsAlignmentTypeKey, (int)TextAlignmentType.Center);
            SetDefault(SongInfoAlignmentTypeKey, (int)TextAlignmentType.Left);
@@ -396,6 +399,12 @@ namespace BetterLyrics.WinUI3.Services
            set => SetValue(IsDynamicCoverOverlayEnabledKey, value);
        }

+        public int CoverAcrylicEffectAmount
+        {
+            get => GetValue<int>(CoverAcrylicEffectAmountKey);
+            set => SetValue(CoverAcrylicEffectAmountKey, value);
+        }
+
        public bool IsFanLyricsEnabled
        {
            get => GetValue<bool>(IsFanLyricsEnabledKey);
--- a/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Strings/en-US/Resources.resw
+++ b/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Strings/en-US/Resources.resw
@@ -796,4 +796,7 @@
  <data name="MusicGalleryPageTitle" xml:space="preserve">
    <value>音乐库</value>
  </data>
+  <data name="SettingsPageBackgroundAcrylicEffectAmount.Header" xml:space="preserve">
+    <value>Acrylic effect roughness</value>
+  </data>
 </root>
--- a/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Strings/ja-JP/Resources.resw
+++ b/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Strings/ja-JP/Resources.resw
@@ -793,6 +793,9 @@
  <data name="SettingsPageGlobalDrag.Description" xml:space="preserve">
    <value>タイトルバーをページ全体に拡張して、ウィンドウを非対話領域でドラッグできるようにします</value>
  </data>
+  <data name="SettingsPageBackgroundAcrylicEffectAmount.Header" xml:space="preserve">
+    <value>アクリル模倣効果の粗さ</value>
+  </data>
  <data name="MusicGalleryPageTitle" xml:space="preserve">
    <value>音楽ギャラリー</value>
  </data>
--- a/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Strings/ko-KR/Resources.resw
+++ b/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Strings/ko-KR/Resources.resw
@@ -793,6 +793,9 @@
  <data name="SettingsPageGlobalDrag.Description" xml:space="preserve">
    <value>비 중과 영역에서 창을 드래그 할 수 있도록 제목 표시 줄을 전체 페이지로 확장하십시오.</value>
  </data>
+  <data name="SettingsPageBackgroundAcrylicEffectAmount.Header" xml:space="preserve">
+    <value>아크릴 효과 모방 거칠기</value>
+  </data>
  <data name="MusicGalleryPageTitle" xml:space="preserve">
    <value>음악 갤러리</value>
  </data>
--- a/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Strings/zh-CN/Resources.resw
+++ b/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Strings/zh-CN/Resources.resw
@@ -793,6 +793,9 @@
  <data name="SettingsPageGlobalDrag.Description" xml:space="preserve">
    <value>将标题栏扩展至整个页面使得在任意非交互区域均可拖拽窗口</value>
  </data>
+  <data name="SettingsPageBackgroundAcrylicEffectAmount.Header" xml:space="preserve">
+    <value>仿亚克力效果粗糙度</value>
+  </data>
  <data name="MusicGalleryPageTitle" xml:space="preserve">
    <value>音乐库</value>
  </data>
--- a/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Strings/zh-TW/Resources.resw
+++ b/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Strings/zh-TW/Resources.resw
@@ -793,6 +793,9 @@
  <data name="SettingsPageGlobalDrag.Description" xml:space="preserve">
    <value>將標題列擴展至整個頁面使得在任意非互動區域均可拖曳窗口</value>
  </data>
+  <data name="SettingsPageBackgroundAcrylicEffectAmount.Header" xml:space="preserve">
+    <value>仿亞克力效果粗糙度</value>
+  </data>
  <data name="MusicGalleryPageTitle" xml:space="preserve">
    <value>音樂庫</value>
  </data>
--- a/BetterLyrics.WinUI3/BetterLyrics.WinUI3/ViewModels/LyricsRendererViewModel.Ctor.cs
+++ b/BetterLyrics.WinUI3/BetterLyrics.WinUI3/ViewModels/LyricsRendererViewModel.Ctor.cs
@@ -21,6 +21,7 @@ namespace BetterLyrics.WinUI3.ViewModels
            _isDynamicCoverOverlayEnabled = _settingsService.IsDynamicCoverOverlayEnabled;
            _albumArtBgOpacity = _settingsService.CoverOverlayOpacity;
            _albumArtBgBlurAmount = _settingsService.CoverOverlayBlurAmount;
+            _coverAcrylicEffectAmount = _settingsService.CoverAcrylicEffectAmount;

            _lyricsBgFontColorType = _settingsService.LyricsBgFontColorType;
            _lyricsFgFontColorType = _settingsService.LyricsFgFontColorType;
--- a/BetterLyrics.WinUI3/BetterLyrics.WinUI3/ViewModels/LyricsRendererViewModel.Draw.cs
+++ b/BetterLyrics.WinUI3/BetterLyrics.WinUI3/ViewModels/LyricsRendererViewModel.Draw.cs
@@ -12,6 +12,7 @@ using System.Collections.Generic;
 using System.Linq;
 using System.Numerics;
 using Windows.Foundation;
+using Windows.Graphics.Effects;
 using Windows.UI;

 namespace BetterLyrics.WinUI3.ViewModels
@@ -187,16 +188,34 @@ namespace BetterLyrics.WinUI3.ViewModels
                DrawBackgroundImgae(control, overlappedCoversDs, _albumArtCanvasBitmap, _albumArtBgTransition.Value);
            }

-            using var coverOverlayEffect = new OpacityEffect
+            IGraphicsEffectSource blurredCover = new GaussianBlurEffect
+            {
+                BlurAmount = _albumArtBgBlurAmount,
+                Source = overlappedCovers,
+                BorderMode = EffectBorderMode.Soft,
+                Optimization = EffectOptimization.Speed,
+            };
+
+            // 应用亚克力噪点效果
+            // TODO: 没有写_coverAcrylicNoiseCanvasBitmap加载的代码
+            if (_coverAcrylicEffectAmount > 0 && _coverAcrylicNoiseCanvasBitmap != null)
+            {
+                blurredCover = new BlendEffect
+                {
+                    Mode = BlendEffectMode.SoftLight,
+                    Background = blurredCover,
+                    Foreground = new OpacityEffect
+                    {
+                        Source = _coverAcrylicNoiseCanvasBitmap,
+                        Opacity = _coverAcrylicEffectAmount / 100f,
+                    },
+                };
+            }
+
+            var coverOverlayEffect = new OpacityEffect
            {
                Opacity = _albumArtBgOpacity / 100f,
-                Source = new GaussianBlurEffect
-                {
-                    BlurAmount = _albumArtBgBlurAmount,
-                    Source = overlappedCovers,
-                    BorderMode = EffectBorderMode.Soft,
-                    Optimization = EffectOptimization.Speed,
-                },
+                Source = blurredCover,
            };
            ds.DrawImage(coverOverlayEffect);

--- a/BetterLyrics.WinUI3/BetterLyrics.WinUI3/ViewModels/LyricsRendererViewModel.Messages.cs
+++ b/BetterLyrics.WinUI3/BetterLyrics.WinUI3/ViewModels/LyricsRendererViewModel.Messages.cs
@@ -185,6 +185,10 @@ namespace BetterLyrics.WinUI3.ViewModels
                {
                    _albumArtBgBlurAmount = message.NewValue;
                }
+                else if (message.PropertyName == nameof(SettingsPageViewModel.CoverAcrylicEffectAmount))
+                {
+                    _coverAcrylicEffectAmount = message.NewValue;
+                }
                else if (message.PropertyName == nameof(SettingsPageViewModel.LyricsVerticalEdgeOpacity))
                {
                    _lyricsVerticalEdgeOpacity = message.NewValue;
--- a/BetterLyrics.WinUI3/BetterLyrics.WinUI3/ViewModels/LyricsRendererViewModel.cs
+++ b/BetterLyrics.WinUI3/BetterLyrics.WinUI3/ViewModels/LyricsRendererViewModel.cs
@@ -46,6 +46,8 @@ namespace BetterLyrics.WinUI3.ViewModels
        private CanvasBitmap? _lastAlbumArtCanvasBitmap = null;
        private CanvasBitmap? _albumArtCanvasBitmap = null;

+        private CanvasBitmap? _coverAcrylicNoiseCanvasBitmap = null;
+
        private float _albumArtSize = 0f;
        private int _albumArtCornerRadius = 0;

@@ -185,6 +187,8 @@ namespace BetterLyrics.WinUI3.ViewModels
        private int _albumArtBgBlurAmount;
        private int _albumArtBgOpacity;

+        private int _coverAcrylicEffectAmount;
+
        [ObservableProperty]
        public partial bool IsTranslating { get; set; } = false;

--- a/BetterLyrics.WinUI3/BetterLyrics.WinUI3/ViewModels/SettingsPageViewModel.cs
+++ b/BetterLyrics.WinUI3/BetterLyrics.WinUI3/ViewModels/SettingsPageViewModel.cs
@@ -54,6 +54,8 @@ namespace BetterLyrics.WinUI3.ViewModels
            CoverOverlayOpacity = _settingsService.CoverOverlayOpacity;
            CoverOverlayBlurAmount = _settingsService.CoverOverlayBlurAmount;

+            CoverAcrylicEffectAmount = _settingsService.CoverAcrylicEffectAmount;
+
            LyricsAlignmentType = _settingsService.LyricsAlignmentType;
            SongInfoAlignmentType = _settingsService.SongInfoAlignmentType;
            LyricsFontWeight = _settingsService.LyricsFontWeight;
@@ -168,6 +170,10 @@ namespace BetterLyrics.WinUI3.ViewModels
        [NotifyPropertyChangedRecipients]
        public partial bool IsDynamicCoverOverlayEnabled { get; set; }

+        [ObservableProperty]
+        [NotifyPropertyChangedRecipients]
+        public partial int CoverAcrylicEffectAmount { get; set; }
+
        [ObservableProperty]
        public partial Enums.Language Language { get; set; }

@@ -574,6 +580,10 @@ namespace BetterLyrics.WinUI3.ViewModels
        {
            _settingsService.CoverOverlayBlurAmount = value;
        }
+        partial void OnCoverAcrylicEffectAmountChanged(int value)
+        {
+            _settingsService.CoverAcrylicEffectAmount = value;
+        }
        partial void OnCoverOverlayOpacityChanged(int value)
        {
            _settingsService.CoverOverlayOpacity = value;
--- a/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Views/SettingsPage.xaml
+++ b/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Views/SettingsPage.xaml
@@ -277,6 +277,24 @@
                                    </StackPanel>
                                </controls:SettingsCard>

+                                <controls:SettingsCard x:Uid="SettingsPageBackgroundAcrylicEffectAmount" HeaderIcon="{ui:FontIcon FontFamily={StaticResource IconFontFamily}, Glyph=&#xE727;}">
+                                    <StackPanel Orientation="Horizontal">
+                                        <TextBlock x:Uid="SettingsPageSliderPrefix" VerticalAlignment="Center" />
+                                        <TextBlock
+                                            Margin="0,0,14,0"
+                                            VerticalAlignment="Center"
+                                            Text="{x:Bind ViewModel.CoverAcrylicEffectAmount, Mode=OneWay}" />
+                                        <Slider
+                                            Maximum="100"
+                                            Minimum="0"
+                                            SnapsTo="Ticks"
+                                            StepFrequency="5"
+                                            TickFrequency="5"
+                                            TickPlacement="Outside"
+                                            Value="{x:Bind ViewModel.CoverAcrylicEffectAmount, Mode=TwoWay}" />
+                                    </StackPanel>
+                                </controls:SettingsCard>
+
                            </StackPanel>
                        </controls:Case>