BetterLyrics/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Controls/AboutControl.xaml

<?xml version="1.0" encoding="utf-8" ?>
<UserControl
    x:Class="BetterLyrics.WinUI3.Controls.AboutControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:const="using:BetterLyrics.WinUI3.Constants"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:dev="using:DevWinUI"
    xmlns:helper="using:BetterLyrics.WinUI3.Helper"
    xmlns:local="using:BetterLyrics.WinUI3.Controls"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:uc="using:BetterLyrics.WinUI3.Controls"
    xmlns:ui="using:CommunityToolkit.WinUI"
    mc:Ignorable="d">

    <Grid>

        <ScrollViewer Style="{StaticResource SettingsScrollViewerStyle}">
            <Grid Style="{StaticResource SettingsGridStyle}">
                <StackPanel Spacing="{StaticResource SettingsCardSpacing}">

                    <TextBlock Style="{StaticResource SettingsSectionHeaderTextBlockStyle}" />

                    <dev:SettingsExpander HeaderIcon="{ui:BitmapIcon Source=ms-appx:///Assets/Logo.png}" IsExpanded="True">
                        <dev:SettingsExpander.Header>
                            <StackPanel Orientation="Horizontal" Spacing="6">
                                <TextBlock Text="BetterLyrics" />
                            </StackPanel>
                        </dev:SettingsExpander.Header>
                        <dev:SettingsExpander.Description>
                            <StackPanel Orientation="Horizontal">
                                <StackPanel
                                    Margin="0,2,0,0"
                                    Orientation="Horizontal"
                                    Spacing="2">
                                    <TextBlock Text="©" />
                                    <HyperlinkButton
                                        Margin="0,-1,0,0"
                                        Content="{x:Bind const:App.AppAuthor}"
                                        NavigateUri="https://github.com/jayfunc" />
                                    <TextBlock Text="2025" />
                                </StackPanel>
                            </StackPanel>
                        </dev:SettingsExpander.Description>
                        <StackPanel Orientation="Horizontal" Spacing="6">
                            <RichTextBlock
                                Margin="0,-1,0,0"
                                VerticalAlignment="Center"
                                Foreground="{ThemeResource TextFillColorSecondaryBrush}">
                                <Paragraph>
                                    <Run x:Uid="SettingsPageVersion" />
                                    <Run Text="{x:Bind helper:MetadataHelper.AppVersion}" />
                                </Paragraph>
                            </RichTextBlock>
                        </StackPanel>
                        <dev:SettingsExpander.Items>

                            <dev:SettingsCard HorizontalContentAlignment="Left" ContentAlignment="Left">
                                <StackPanel Spacing="6">
                                    <StackPanel Margin="-12,0,0,0" Orientation="Horizontal">
                                        <HyperlinkButton Content="GitHub" NavigateUri="{x:Bind const:Link.BetterLyricsGitHub}" />
                                        <HyperlinkButton x:Uid="UserGuide" NavigateUri="{x:Bind const:Link.UserGuide}" />
                                        <HyperlinkButton x:Uid="PrivacyPolicy" NavigateUri="{x:Bind const:Link.PrivacyPolicy}" />
                                        <HyperlinkButton x:Uid="TermsOfService" NavigateUri="{x:Bind const:Link.TermsOfService}" />
                                    </StackPanel>
                                </StackPanel>

                            </dev:SettingsCard>

                            <dev:SettingsCard HorizontalContentAlignment="Left" ContentAlignment="Left">
                                <StackPanel Spacing="6">
                                    <TextBlock x:Uid="SetingsPageFeedback" />
                                    <StackPanel Margin="-12,0,0,0" Orientation="Horizontal">
                                        <HyperlinkButton Content="QQ 反馈交流群" NavigateUri="{x:Bind const:Link.QQGroup}" />
                                        <HyperlinkButton Content="Discord" NavigateUri="{x:Bind const:Link.Discord}" />
                                        <HyperlinkButton Content="Telegram" NavigateUri="{x:Bind const:Link.Telegram}" />
                                    </StackPanel>
                                </StackPanel>
                            </dev:SettingsCard>

                            <dev:SettingsCard HorizontalContentAlignment="Left" ContentAlignment="Left">
                                <StackPanel Spacing="6">
                                    <TextBlock x:Uid="SetingsPageDonation" />
                                    <StackPanel Margin="-12,0,0,0" Orientation="Horizontal">
                                        <HyperlinkButton Content="Buy Me a Coffee" NavigateUri="{x:Bind const:Link.BuyMeACoffee}" />
                                        <HyperlinkButton Content="PayPal" NavigateUri="{x:Bind const:Link.PayPal}" />
                                        <HyperlinkButton
                                            x:Name="AlipayButton"
                                            Click="AlipayButton_Click"
                                            Content="支付宝">
                                            <HyperlinkButton.ContextFlyout>
                                                <Flyout x:Name="AlipayFlyout">
                                                    <Flyout.FlyoutPresenterStyle>
                                                        <Style TargetType="FlyoutPresenter">
                                                            <Setter Property="CornerRadius" Value="12" />
                                                            <Setter Property="Padding" Value="0" />
                                                        </Style>
                                                    </Flyout.FlyoutPresenterStyle>
                                                    <Image Height="300" Source="/Assets/Alipay.jpg" />
                                                </Flyout>
                                            </HyperlinkButton.ContextFlyout>
                                        </HyperlinkButton>
                                        <HyperlinkButton
                                            x:Name="WeChatButton"
                                            Click="WeChat_Click"
                                            Content="微信">
                                            <HyperlinkButton.ContextFlyout>
                                                <Flyout x:Name="WeChatFlyout">
                                                    <Flyout.FlyoutPresenterStyle>
                                                        <Style TargetType="FlyoutPresenter">
                                                            <Setter Property="CornerRadius" Value="12" />
                                                            <Setter Property="Padding" Value="0" />
                                                        </Style>
                                                    </Flyout.FlyoutPresenterStyle>
                                                    <Image Height="300" Source="/Assets/WeChatReward.png" />
                                                </Flyout>
                                            </HyperlinkButton.ContextFlyout>
                                        </HyperlinkButton>
                                        <HyperlinkButton Content="爱发电" NavigateUri="{x:Bind const:Link.Afdian}" />
                                    </StackPanel>
                                    <StackPanel Orientation="Horizontal" Spacing="6">
                                        <TextBlock Foreground="{ThemeResource TextFillColorSecondaryBrush}" Text="*" />
                                        <TextBlock
                                            x:Uid="SetingsPageThanks"
                                            Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                                            TextWrapping="Wrap" />
                                    </StackPanel>
                                </StackPanel>
                            </dev:SettingsCard>

                            <dev:SettingsCard x:Uid="SettingsPageThanksList">
                                <Button
                                    Click="Patron_Click"
                                    Content="{ui:FontIcon FontSize=16,
                                                          FontFamily={StaticResource IconFontFamily},
                                                          Glyph=&#xE7FD;}"
                                    Style="{StaticResource AccentButtonStyle}" />
                            </dev:SettingsCard>

                        </dev:SettingsExpander.Items>
                        <dev:SettingsExpander.ItemsFooter>
                            <InfoBar
                                x:Uid="SettingsPageDisclaimer"
                                BorderThickness="0"
                                CornerRadius="0"
                                IsClosable="False"
                                IsOpen="True"
                                Severity="Warning" />
                        </dev:SettingsExpander.ItemsFooter>
                    </dev:SettingsExpander>

                    <dev:SettingsCard x:Uid="SettingsPageMockMusicPlaying">
                        <HyperlinkButton x:Uid="SettingsPagePlayingMockMusicButton" NavigateUri="https://soundcloud.com/carlyraejepsen/cut-to-the-feeling" />
                    </dev:SettingsCard>

                    <dev:SettingsExpander x:Uid="SettingsPageCache" IsExpanded="True">
                        <Button x:Uid="SettingsPageOpenFolderButton" Command="{x:Bind ViewModel.OpenCacheFolderCommand}" />
                        <dev:SettingsExpander.Items>
                            <dev:SettingsCard>
                                <Button x:Uid="SettingsPageClearCache" Command="{x:Bind ViewModel.ClearCacheFilesCommand}" />
                            </dev:SettingsCard>
                        </dev:SettingsExpander.Items>
                    </dev:SettingsExpander>

                    <dev:SettingsCard x:Uid="SettingsPageSettings">
                        <Button x:Uid="SettingsPageOpenFolderButton" Command="{x:Bind ViewModel.OpenSettingsFolderCommand}" />
                    </dev:SettingsCard>

                    <dev:SettingsExpander x:Uid="SettingsPageSettingsManager" IsExpanded="True">
                        <StackPanel Orientation="Horizontal" Spacing="6">
                            <Button x:Uid="SettingsPageImportSettingsButton" Command="{x:Bind ViewModel.ImportSettingsCommand}" />
                            <Button x:Uid="SettingsPageExportSettingsButton" Command="{x:Bind ViewModel.ExportSettingsCommand}" />
                        </StackPanel>
                        <dev:SettingsExpander.ItemsHeader>
                            <InfoBar
                                x:Uid="SettingsPageImportSettingsInfo"
                                BorderThickness="0"
                                CornerRadius="0"
                                IsClosable="False"
                                IsOpen="True"
                                Severity="Warning" />
                        </dev:SettingsExpander.ItemsHeader>
                    </dev:SettingsExpander>

                    <dev:SettingsCard x:Uid="SettingsPageFixedTimeStep" Visibility="Collapsed">
                        <ToggleSwitch IsOn="{x:Bind ViewModel.AppSettings.AdvancedSettings.IsFixedTimeStep, Mode=TwoWay}" />
                    </dev:SettingsCard>

                    <dev:SettingsCard x:Uid="SettingsPageFPS" Visibility="Collapsed">
                        <uc:ExtendedSlider
                            Default="60"
                            Frequency="10"
                            Maximum="240"
                            Minimum="30"
                            Value="{x:Bind ViewModel.AppSettings.AdvancedSettings.FPS, Mode=TwoWay}" />
                    </dev:SettingsCard>

                </StackPanel>
            </Grid>
        </ScrollViewer>

        <Grid
            x:Name="CreditsReel"
            Background="{ThemeResource AcrylicInAppFillColorDefaultBrush}"
            Opacity="0"
            SizeChanged="CreditsReel_SizeChanged"
            Tapped="CreditsReel_Tapped"
            Visibility="Collapsed">
            <Grid.OpacityTransition>
                <ScalarTransition />
            </Grid.OpacityTransition>
            <ScrollViewer
                x:Name="CreditsReelScrollViewer"
                ScrollViewer.VerticalScrollBarVisibility="Hidden"
                ScrollViewer.VerticalScrollMode="Disabled">
                <RichTextBlock
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    HorizontalTextAlignment="Center"
                    LineHeight="28"
                    PointerEntered="RichTextBlock_PointerEntered"
                    PointerExited="RichTextBlock_PointerExited">

                    <Paragraph x:Name="CreditsReelHeader" />

                    <!--  贡献者  -->
                    <Paragraph Margin="0,20,0,0" FontWeight="Bold">
                        <Run x:Uid="SetingsPageContributors" />
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="https://github.com/jayfunc">
                            <Run Text="jayfunc" />
                        </Hyperlink>
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="https://github.com/Raspberry-Monster">
                            <Run Text="Raspberry-Monster" />
                        </Hyperlink>
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="https://github.com/ZHider">
                            <Run Text="ZHider" />
                        </Hyperlink>
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="https://github.com/kusutori">
                            <Run Text="kusutori" />
                        </Hyperlink>
                    </Paragraph>

                    <!--  赞助  -->
                    <Paragraph Margin="0,20,0,0" FontWeight="Bold">
                        <Run x:Uid="SettingsPagePatrons" />
                    </Paragraph>
                    <Paragraph>
                        <Run Text="YE" />
                        <Run Foreground="{ThemeResource TextFillColorSecondaryBrush}" Text="Dec 3, 2025" />
                    </Paragraph>
                    <Paragraph>
                        <Run Text="**玄" />
                        <Run Foreground="{ThemeResource TextFillColorSecondaryBrush}" Text="Nov 23, 2025" />
                    </Paragraph>
                    <Paragraph>
                        <Run Text="**智" />
                        <Run Foreground="{ThemeResource TextFillColorSecondaryBrush}" Text="Nov 21, 2025" />
                    </Paragraph>
                    <Paragraph>
                        <Run Text="*鹤" />
                        <Run Foreground="{ThemeResource TextFillColorSecondaryBrush}" Text="Nov 17, 2025" />
                    </Paragraph>
                    <Paragraph>
                        <Run Text="借过" />
                        <Run Foreground="{ThemeResource TextFillColorSecondaryBrush}" Text="Nov 2, 2025" />
                    </Paragraph>
                    <Paragraph>
                        <Run Text="**华" />
                        <Run Foreground="{ThemeResource TextFillColorSecondaryBrush}" Text="Aug 28, 2025" />
                    </Paragraph>
                    <Paragraph>
                        <Run x:Uid="SettingsPageUserWhoPurchased" />
                    </Paragraph>

                    <!--  特别鸣谢  -->
                    <Paragraph Margin="0,20,0,0" FontWeight="Bold">
                        <Run x:Uid="SetingsPageSpecialThanks" />
                    </Paragraph>
                    <Paragraph>
                        <Run x:Uid="SettingsPageYouNowUsing" />
                    </Paragraph>

                    <!--  代码参考  -->
                    <Paragraph Margin="0,20,0,0" FontWeight="Bold">
                        <Run x:Uid="SetingsPageDeps" />
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="https://gist.github.com/mcworkaholic/82fbf203e3f1043bbe534b5b2974c0ce">
                            <Run Text="Get album artwork from ITunes (with Python3 or C#)" />
                        </Hyperlink>
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="https://stackoverflow.com/a/32013610/11048731">
                            <Run Text="FullyObservableCollection" />
                        </Hyperlink>
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="https://github.com/Storyteller-Studios/Impressionist">
                            <Run Text="Impressionist" />
                        </Hyperlink>
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="https://github.com/Storyteller-Studios/ColorThief.WinUI3">
                            <Run Text="ColorThief.WinUI3" />
                        </Hyperlink>
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="https://github.com/Johnwikix/SpectrumVisualization">
                            <Run Text="SpectrumVisualization" />
                        </Hyperlink>
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="https://www.shadertoy.com/view/Mdt3Df">
                            <Run Text="Snow (as shown in sweden)" />
                        </Hyperlink>
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="https://www.shadertoy.com/view/lllSR2">
                            <Run Text="w10" />
                        </Hyperlink>
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="https://github.com/mo-jinran/Taskbar-Lyrics">
                            <Run Text="Taskbar-Lyrics" />
                        </Hyperlink>
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="https://github.com/jayfunc/BetterLyrics/network/dependencies">
                            <Run Text="..." />
                        </Hyperlink>
                    </Paragraph>

                    <!--  UI/UX 设计参考  -->
                    <Paragraph Margin="0,20,0,0" FontWeight="Bold">
                        <Run x:Uid="SetingsPageUIUXRef" />
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="https://github.com/solstice23/refined-now-playing-netease">
                            <Run Text="refined-now-playing-netease" />
                        </Hyperlink>
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="https://github.com/WXRIW/Lyricify-App">
                            <Run Text="Lyricify" />
                        </Hyperlink>
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="https://moriafly.com/program/salt-player">
                            <Run Text="椒盐音乐 Salt Player" />
                        </Hyperlink>
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="https://github.com/TwilightLemon/MyToolBar">
                            <Run Text="MyToolBar" />
                        </Hyperlink>
                    </Paragraph>
                    <Paragraph>
                        <Hyperlink NavigateUri="">
                            <Run Text="" />
                        </Hyperlink>
                    </Paragraph>

                    <Paragraph Margin="0,20,0,0" FontWeight="Bold">
                        <Run Text="{x:Bind const:App.AppName}" />
                    </Paragraph>
                    <Paragraph>
                        <Run Text="Proudly built by" />
                        <Hyperlink NavigateUri="{x:Bind const:Link.AuthorGitHub}">
                            <Run Text="{x:Bind const:App.AppAuthor}" />
                        </Hyperlink>
                    </Paragraph>

                    <Paragraph x:Name="CreditsReelFooter" />

                </RichTextBlock>
            </ScrollViewer>
        </Grid>

    </Grid>
</UserControl>