ShrlAlgoToolkit/WPFluent.Gallery/Views/Pages/StatusAndInfoPage.xaml

<Page
    x:Class="WPFluent.Gallery.Views.Pages.StatusAndInfoPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="clr-namespace:WPFluent.Gallery.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:models="clr-namespace:WPFluent.Gallery.Models"
    xmlns:pages="clr-namespace:WPFluent.Gallery.Views.Pages"
    xmlns:ui="https://github.com/ShrlAlgo/WPFluent"
    mc:Ignorable="d"
    d:DataContext="{d:DesignInstance pages:StatusAndInfoPage,
                                     IsDesignTimeCreatable=False}"
    Foreground="{DynamicResource TextFillColorPrimaryBrush}"
    Title="StatusAndInfoPage">

    <ui:StackPanel Spacing="5">
        <GroupBox Header="InfoBadge">
            <UniformGrid Rows="1">
                <ui:Button
                    Width="200"
                    Height="60"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    HorizontalContentAlignment="Stretch"
                    Padding="0"
                    ToolTip="Refresh required">
                    <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
                        <ui:InfoBadge
                            Margin="0,-10,5,0"
                            HorizontalAlignment="Right"
                            VerticalAlignment="Top"
                            Width="10"
                            Height="10"
                            Value="{Binding Value, ElementName=ValueNumberBox}"
                            Severity="{Binding SelectedItem, ElementName=CBInfoBadgeSeverity}"
                            Style="{StaticResource DotInfoBadgeStyle}" />
                        <ui:SymbolIcon
                            Grid.Column="0"
                            HorizontalAlignment="Center"
                            Symbol="ArrowSync24" />
                    </Grid>
                </ui:Button>
                <WrapPanel HorizontalAlignment="Center" VerticalAlignment="Center">
                    <ui:InfoBadge
                        Margin="10"
                        CornerRadius="30"
                        Icon="{ui:SymbolIcon Alert16}"
                        Severity="{Binding SelectedItem, ElementName=CBInfoBadgeSeverity}"
                        Style="{StaticResource IconInfoBadgeStyle}" />

                    <ui:InfoBadge
                        Value="{Binding Value, ElementName=ValueNumberBox}"
                        Padding="6,0"
                        Severity="{Binding SelectedItem, ElementName=CBInfoBadgeSeverity}" />

                    <ui:InfoBadge
                        Margin="10"
                        Value="2"
                        Severity="{Binding SelectedItem, ElementName=CBInfoBadgeSeverity}"
                        Style="{StaticResource DotInfoBadgeStyle}" />
                </WrapPanel>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>

                    <StackPanel Grid.Column="1" Margin="12,0,0,0">
                        <ui:TextBlock Text="InfoBadge Value" />
                        <ui:NumberBox
                            x:Name="ValueNumberBox"
                            Value="1"
                            Maximum="100"
                            Minimum="0" />
                        <ui:TextBlock Text="InfoBadge Severity" />
                        <ComboBox
                            x:Name="CBInfoBadgeSeverity"
                            MinWidth="140"
                            Margin="0,8,0,0"
                            SelectedIndex="0">
                            <ComboBox.ItemsSource>
                                <x:Array Type="{x:Type ui:InfoBadgeSeverity}">
                                    <ui:InfoBadgeSeverity>Attention</ui:InfoBadgeSeverity>
                                    <ui:InfoBadgeSeverity>Success</ui:InfoBadgeSeverity>
                                    <ui:InfoBadgeSeverity>Caution</ui:InfoBadgeSeverity>
                                    <ui:InfoBadgeSeverity>Critical</ui:InfoBadgeSeverity>
                                </x:Array>
                            </ComboBox.ItemsSource>
                        </ComboBox>
                    </StackPanel>
                </Grid>
            </UniformGrid>
        </GroupBox>
        <GroupBox Header="InfoBar">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>
                <ui:InfoBar
                    Grid.Column="0"
                    IsOpen="{Binding ElementName=CBOpen,Path=IsChecked, Mode=TwoWay}"
                    Message="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
                    Severity="{Binding ElementName=CBInfoBarSeverity,Path=SelectedItem, Mode=OneWay}"
                    Title="Title" />
                <Grid Grid.Column="1" Margin="12,0,0,0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <CheckBox
                        x:Name="CBOpen"
                        Grid.Row="0"
                        MinWidth="0"
                        Content="Is open"
                        IsChecked="True" />
                    <ComboBox
                        x:Name="CBInfoBarSeverity"
                        Grid.Row="1"
                        MinWidth="140"
                        Margin="0,8,0,0"
                        SelectedIndex="0">
                        <ComboBox.ItemsSource>
                            <x:Array Type="{x:Type ui:InfoBarSeverity}">
                                <ui:InfoBarSeverity>Attention</ui:InfoBarSeverity>
                                <ui:InfoBarSeverity>Success</ui:InfoBarSeverity>
                                <ui:InfoBarSeverity>Caution</ui:InfoBarSeverity>
                                <ui:InfoBarSeverity>Critical</ui:InfoBarSeverity>
                            </x:Array>
                        </ComboBox.ItemsSource>
                    </ComboBox>
                </Grid>
            </Grid>
        </GroupBox>
        <GroupBox Header="Progress">
            <StackPanel Orientation="Horizontal">
                <ProgressBar Margin="24" IsIndeterminate="True" />
                <ui:ProgressRing IsIndeterminate="True" />
            </StackPanel>
        </GroupBox>
        <GroupBox Header="ToolTip">
            <Button
                Content="带提示的按钮"
                ToolTipService.InitialShowDelay="100"
                ToolTipService.Placement="MousePoint"
                ToolTipService.ToolTip="简单提示" />
        </GroupBox>
        <!--<controls:GalleryNavigationPresenter
            Grid.Row="1"
            Margin="0, 10"
            ItemsSource="{Binding ViewModel.NavigationCards, Mode=OneWay}" />-->
    </ui:StackPanel>
</Page>