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">
                                    <dev:WrapPanel 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}" />
                                    </dev:WrapPanel>
                                </StackPanel>

                            </dev:SettingsCard>

                            <dev:SettingsCard HorizontalContentAlignment="Left" ContentAlignment="Left">
                                <StackPanel Spacing="6">
                                    <TextBlock x:Uid="SetingsPageFeedback" />
                                    <dev:WrapPanel 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}" />
                                    </dev:WrapPanel>
                                </StackPanel>
                            </dev:SettingsCard>

                            <dev:SettingsCard HorizontalContentAlignment="Left" ContentAlignment="Left">
                                <StackPanel Spacing="6">
                                    <TextBlock x:Uid="SetingsPageDonation" />
                                    <dev:WrapPanel 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}" />
                                    </dev:WrapPanel>
                                    <Grid ColumnSpacing="6">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="Auto" />
                                            <ColumnDefinition Width="*" />
                                        </Grid.ColumnDefinitions>
                                        <TextBlock
                                            Grid.Column="0"
                                            Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                                            Text="*" />
                                        <TextBlock
                                            x:Uid="SetingsPageThanks"
                                            Grid.Column="1"
                                            Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                                            TextWrapping="Wrap" />
                                    </Grid>
                                </StackPanel>
                            </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:SettingsExpander x:Uid="SettingsPageThanksList">
                        <dev:SettingsExpander.HeaderIcon>
                            <ImageIcon Source="ms-appx:///Assets/RevolvingHearts.gif" />
                        </dev:SettingsExpander.HeaderIcon>
                        <dev:SettingsExpander.Items>

                            <!--  贡献者  -->
                            <dev:SettingsCard HorizontalContentAlignment="Left" ContentAlignment="Left">
                                <StackPanel Spacing="6">
                                    <RichTextBlock>
                                        <Paragraph>
                                            <Run x:Uid="SetingsPageContributors" />
                                            <Run Text="-" />
                                            <Run Foreground="{ThemeResource TextFillColorSecondaryBrush}" Text="Code" />
                                        </Paragraph>
                                    </RichTextBlock>
                                    <dev:WrapPanel Margin="-12,0,0,0" Orientation="Horizontal">
                                        <HyperlinkButton Content="jayfunc" NavigateUri="https://github.com/jayfunc" />
                                        <HyperlinkButton Content="Raspberry-Monster" NavigateUri="https://github.com/Raspberry-Monster" />
                                        <HyperlinkButton Content="ZHider" NavigateUri="https://github.com/ZHider" />
                                        <HyperlinkButton Content="kusutori" NavigateUri="https://github.com/kusutori" />
                                    </dev:WrapPanel>
                                </StackPanel>
                            </dev:SettingsCard>

                            <!--  贡献者 (Translator)  -->
                            <dev:SettingsCard HorizontalContentAlignment="Left" ContentAlignment="Left">
                                <StackPanel Spacing="6">
                                    <RichTextBlock>
                                        <Paragraph>
                                            <Run x:Uid="SetingsPageContributors" />
                                            <Run Text="-" />
                                            <Run Foreground="{ThemeResource TextFillColorSecondaryBrush}" Text="Translator" />
                                        </Paragraph>
                                    </RichTextBlock>
                                    <dev:WrapPanel Margin="-12,0,0,0" Orientation="Horizontal">
                                        <HyperlinkButton Content="borcolasky" NavigateUri="https://crowdin.com/profile/borcolasky" />
                                        <HyperlinkButton Content="SuHeAndZl" NavigateUri="https://crowdin.com/profile/SuHeAndZl" />
                                    </dev:WrapPanel>
                                </StackPanel>
                            </dev:SettingsCard>

                            <!--  赞助  -->
                            <dev:SettingsCard HorizontalContentAlignment="Left" ContentAlignment="Left">
                                <StackPanel Spacing="6">
                                    <TextBlock x:Uid="SettingsPagePatrons" />
                                    <dev:WrapPanel Margin="-12,0,0,0" Orientation="Horizontal">
                                        <uc:PatronControl Date="Jan 3, 2026" PatronName="**轩" />
                                        <uc:PatronControl Date="Dec 13, 2025" PatronName="&lt;Anonymous&gt;" />
                                        <uc:PatronControl Date="Dec 3, 2025" PatronName="YE" />
                                        <uc:PatronControl Date="Dec 2, 2025" PatronName="&lt;Anonymous&gt;" />
                                        <uc:PatronControl Date="Nov 23, 2025" PatronName="**玄" />
                                        <uc:PatronControl Date="Nov 21, 2025" PatronName="**智" />
                                        <uc:PatronControl Date="Nov 17, 2025" PatronName="SuHeAndZl" />
                                        <uc:PatronControl Date="Nov 2, 2025" PatronName="借过" />
                                        <uc:PatronControl Date="Aug 28, 2025" PatronName="**华" />
                                        <TextBlock
                                            x:Uid="SettingsPageUserWhoPurchased"
                                            Margin="12,8"
                                            Foreground="{ThemeResource TextFillColorSecondaryBrush}" />
                                    </dev:WrapPanel>
                                </StackPanel>
                            </dev:SettingsCard>

                            <!--  特别鸣谢  -->
                            <dev:SettingsCard HorizontalContentAlignment="Left" ContentAlignment="Left">
                                <StackPanel Spacing="6">
                                    <TextBlock x:Uid="SetingsPageSpecialThanks" />
                                    <TextBlock
                                        x:Uid="SettingsPageYouNowUsing"
                                        Margin="0,8"
                                        Foreground="{ThemeResource TextFillColorSecondaryBrush}" />
                                </StackPanel>
                            </dev:SettingsCard>

                            <!--  代码参考  -->
                            <dev:SettingsCard HorizontalContentAlignment="Left" ContentAlignment="Left">
                                <StackPanel Spacing="6">
                                    <TextBlock x:Uid="SetingsPageDeps" />
                                    <HyperlinkButton Margin="-12,0,0,0" NavigateUri="https://github.com/jayfunc/BetterLyrics/network/dependencies">
                                        <TextBlock x:Uid="SetingsPageDeps" />
                                    </HyperlinkButton>
                                </StackPanel>
                            </dev:SettingsCard>

                            <!--  UI/UX 参考  -->
                            <dev:SettingsCard HorizontalContentAlignment="Left" ContentAlignment="Left">
                                <StackPanel Spacing="6">
                                    <TextBlock x:Uid="SetingsPageUIUXRef" />
                                    <dev:WrapPanel Margin="-12,0,0,0" Orientation="Horizontal">
                                        <HyperlinkButton Content="refined-now-playing-netease" NavigateUri="https://github.com/solstice23/refined-now-playing-netease" />
                                        <HyperlinkButton Content="Lyricify" NavigateUri="https://github.com/WXRIW/Lyricify-App" />
                                        <HyperlinkButton Content="椒盐音乐 Salt Player" NavigateUri="https://moriafly.com/program/salt-player" />
                                        <HyperlinkButton Content="MyToolBar" NavigateUri="https://github.com/TwilightLemon/MyToolBar" />
                                    </dev:WrapPanel>
                                </StackPanel>
                            </dev:SettingsCard>

                        </dev:SettingsExpander.Items>
                    </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>

                    <RichTextBlock
                        Margin="0,16,0,0"
                        HorizontalAlignment="Center"
                        HorizontalTextAlignment="Center"
                        LineHeight="28">
                        <Paragraph FontWeight="Bold">
                            <Run Text="{x:Bind const:App.AppName}" />
                        </Paragraph>
                        <Paragraph>
                            <Run Text="An elegant and deeply customizable lyrics visualizer &amp; versatile music player" />
                        </Paragraph>
                        <Paragraph>
                            <Run Text="Proudly built by" />
                            <Hyperlink NavigateUri="{x:Bind const:Link.AuthorGitHub}">
                                <Run Text="{x:Bind const:App.AppAuthor}" />
                            </Hyperlink>
                        </Paragraph>
                    </RichTextBlock>

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

    </Grid>
</UserControl>