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
                                Margin="0,2,0,0"
                                Orientation="Horizontal"
                                Spacing="2">
                                <TextBlock Text="©" />
                                <HyperlinkButton
                                    Margin="0,-1,0,0"
                                    Content="Zhe Fang"
                                    NavigateUri="https://github.com/jayfunc" />
                                <TextBlock Text="2025" />
                            </StackPanel>
                        </dev:SettingsExpander.Description>
                        <RichTextBlock Foreground="{ThemeResource TextFillColorSecondaryBrush}">
                            <Paragraph>
                                <Run x:Uid="SettingsPageVersion" />
                                <Run Text="{x:Bind helper:MetadataHelper.AppVersion}" />
                            </Paragraph>
                        </RichTextBlock>
                        <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.GitHub}" />
                                        <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 x:Uid="SettingsPageQQGroup" NavigateUri="{x:Bind const:Link.QQGroup}" />
                                        <HyperlinkButton x:Uid="SettingsPageDiscord" NavigateUri="{x:Bind const:Link.Discord}" />
                                        <HyperlinkButton x:Uid="SettingsPageTelegram" 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="https://buymeacoffee.com/founchoo" />
                                        <HyperlinkButton Content="PayPal" NavigateUri="https://paypal.me/zhefangpay" />
                                        <Button
                                            Content="支付宝"
                                            Foreground="{ThemeResource AccentTextFillColorPrimaryBrush}"
                                            Style="{StaticResource GhostButtonStyle}">
                                            <Button.Flyout>
                                                <Flyout>
                                                    <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>
                                            </Button.Flyout>
                                        </Button>
                                        <Button
                                            Content="微信"
                                            Foreground="{ThemeResource AccentTextFillColorPrimaryBrush}"
                                            Style="{StaticResource GhostButtonStyle}">
                                            <Button.Flyout>
                                                <Flyout>
                                                    <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>
                                            </Button.Flyout>
                                        </Button>
                                    </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 HorizontalContentAlignment="Left" ContentAlignment="Left">
                                <StackPanel Spacing="6">
                                    <TextBlock x:Uid="SetingsPageContributors" />
                                    <StackPanel 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" />
                                    </StackPanel>
                                </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: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="SettingsPageDebugOverlay">
                        <ToggleSwitch IsOn="{x:Bind ViewModel.IsDebugOverlayEnabled, Mode=TwoWay}" />
                    </dev:SettingsCard>

                    <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>
</UserControl>