2022-12-09 01:14:49 +08:00
|
|
|
<UserControl
|
2023-01-29 23:17:24 +08:00
|
|
|
x:Class="Semi.Avalonia.Demo.Pages.ButtonDemo"
|
|
|
|
|
xmlns="https://github.com/avaloniaui"
|
|
|
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
|
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
|
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
|
|
|
mc:Ignorable="d">
|
2024-03-19 21:53:22 +08:00
|
|
|
<ScrollViewer>
|
2025-11-09 11:26:49 +08:00
|
|
|
<StackPanel HorizontalAlignment="Left" Spacing="8">
|
2024-03-22 19:05:06 +08:00
|
|
|
<StackPanel.Styles>
|
2025-11-09 11:26:49 +08:00
|
|
|
<Style Selector="SplitButton,DropDownButton,ToggleSplitButton">
|
|
|
|
|
<Setter Property="Button.Flyout">
|
|
|
|
|
<MenuFlyout>
|
2024-03-22 19:05:06 +08:00
|
|
|
<MenuItem Header="Submit All" />
|
|
|
|
|
<MenuItem Header="Submit Updated" />
|
|
|
|
|
</MenuFlyout>
|
|
|
|
|
</Setter>
|
|
|
|
|
</Style>
|
|
|
|
|
</StackPanel.Styles>
|
2025-11-09 11:26:49 +08:00
|
|
|
<HeaderedContentControl
|
|
|
|
|
Theme="{StaticResource GroupBox}">
|
|
|
|
|
<HeaderedContentControl.Header>
|
|
|
|
|
<StackPanel Spacing="8">
|
|
|
|
|
<TextBlock Text="Button/RepeatButton Theme" />
|
|
|
|
|
<WrapPanel ItemSpacing="4">
|
|
|
|
|
<TextBlock Text="Theme:" />
|
|
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Blue Solid" Content="Light" />
|
|
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Blue Solid" Content="Solid" />
|
|
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Blue Solid" Content="Outline" />
|
|
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Blue Solid" Content="Borderless" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="4">
|
|
|
|
|
<TextBlock Text="Classes:" />
|
|
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Blue" Content="Primary" />
|
|
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Blue" Content="Secondary" />
|
|
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Blue" Content="Tertiary" />
|
|
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Blue" Content="Success" />
|
|
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Blue" Content="Warning" />
|
|
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Blue" Content="Danger" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
</StackPanel>
|
|
|
|
|
</HeaderedContentControl.Header>
|
|
|
|
|
<StackPanel HorizontalAlignment="Left" Spacing="16">
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<Button Content="Default" />
|
|
|
|
|
<Button Content="Primary" Classes="Primary" />
|
|
|
|
|
<Button Content="Secondary" Classes="Secondary" />
|
|
|
|
|
<Button Content="Tertiary" Classes="Tertiary" />
|
|
|
|
|
<Button Content="Success" Classes="Success" />
|
|
|
|
|
<Button Content="Warning" Classes="Warning" />
|
|
|
|
|
<Button Content="Danger" Classes="Danger" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<Button Content="Default" Theme="{StaticResource SolidButton}" />
|
|
|
|
|
<Button Content="Primary" Classes="Primary" Theme="{StaticResource SolidButton}" />
|
|
|
|
|
<Button Content="Secondary" Classes="Secondary" Theme="{StaticResource SolidButton}" />
|
|
|
|
|
<Button Content="Tertiary" Classes="Tertiary" Theme="{StaticResource SolidButton}" />
|
|
|
|
|
<Button Content="Success" Classes="Success" Theme="{StaticResource SolidButton}" />
|
|
|
|
|
<Button Content="Warning" Classes="Warning" Theme="{StaticResource SolidButton}" />
|
|
|
|
|
<Button Content="Danger" Classes="Danger" Theme="{StaticResource SolidButton}" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<Button Content="Default" Theme="{StaticResource OutlineButton}" />
|
|
|
|
|
<Button Content="Primary" Classes="Primary" Theme="{StaticResource OutlineButton}" />
|
|
|
|
|
<Button Content="Secondary" Classes="Secondary" Theme="{StaticResource OutlineButton}" />
|
|
|
|
|
<Button Content="Tertiary" Classes="Tertiary" Theme="{StaticResource OutlineButton}" />
|
|
|
|
|
<Button Content="Success" Classes="Success" Theme="{StaticResource OutlineButton}" />
|
|
|
|
|
<Button Content="Warning" Classes="Warning" Theme="{StaticResource OutlineButton}" />
|
|
|
|
|
<Button Content="Danger" Classes="Danger" Theme="{StaticResource OutlineButton}" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<Button Content="Default" Theme="{StaticResource BorderlessButton}" />
|
|
|
|
|
<Button Content="Primary" Classes="Primary" Theme="{StaticResource BorderlessButton}" />
|
|
|
|
|
<Button Content="Secondary" Classes="Secondary" Theme="{StaticResource BorderlessButton}" />
|
|
|
|
|
<Button Content="Tertiary" Classes="Tertiary" Theme="{StaticResource BorderlessButton}" />
|
|
|
|
|
<Button Content="Success" Classes="Success" Theme="{StaticResource BorderlessButton}" />
|
|
|
|
|
<Button Content="Warning" Classes="Warning" Theme="{StaticResource BorderlessButton}" />
|
|
|
|
|
<Button Content="Danger" Classes="Danger" Theme="{StaticResource BorderlessButton}" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
</StackPanel>
|
|
|
|
|
</HeaderedContentControl>
|
2024-03-22 19:05:06 +08:00
|
|
|
|
2025-11-09 11:26:49 +08:00
|
|
|
<HeaderedContentControl
|
|
|
|
|
Theme="{StaticResource GroupBox}"
|
|
|
|
|
Header="Prohibited Status">
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<Button Content="Light" IsEnabled="False" />
|
|
|
|
|
<Button Content="Solid" IsEnabled="False" Theme="{StaticResource SolidButton}" />
|
|
|
|
|
<Button Content="Outline" IsEnabled="False" Theme="{StaticResource OutlineButton}" />
|
|
|
|
|
<Button Content="Borderless" IsEnabled="False" Theme="{StaticResource BorderlessButton}" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
</HeaderedContentControl>
|
2024-03-22 19:05:06 +08:00
|
|
|
|
2025-11-09 11:26:49 +08:00
|
|
|
<HeaderedContentControl
|
|
|
|
|
Theme="{StaticResource GroupBox}">
|
|
|
|
|
<HeaderedContentControl.Header>
|
|
|
|
|
<StackPanel Spacing="8">
|
|
|
|
|
<WrapPanel ItemSpacing="4">
|
|
|
|
|
<TextBlock Text="Size Classes:" />
|
|
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Blue" Content="Large" />
|
|
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Blue" Content="Small" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
</StackPanel>
|
|
|
|
|
</HeaderedContentControl.Header>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<Button Content="Large" Classes="Large" />
|
|
|
|
|
<Button Content="Default" />
|
|
|
|
|
<Button Content="Small" Classes="Small" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
</HeaderedContentControl>
|
2024-03-22 19:05:06 +08:00
|
|
|
|
2025-11-09 11:26:49 +08:00
|
|
|
<HeaderedContentControl
|
|
|
|
|
Theme="{StaticResource GroupBox}">
|
|
|
|
|
<HeaderedContentControl.Header>
|
|
|
|
|
<StackPanel Spacing="8">
|
2025-11-11 18:17:47 +08:00
|
|
|
<TextBlock Text="AI style - Colorful Button" />
|
2025-11-09 11:26:49 +08:00
|
|
|
<WrapPanel ItemSpacing="4">
|
|
|
|
|
<TextBlock Text="Theme:" />
|
2025-11-11 18:17:47 +08:00
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Colorful Gradient Solid" Content="Light" />
|
|
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Colorful Gradient Solid" Content="Solid" />
|
|
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Colorful Gradient Solid" Content="Outline" />
|
|
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Colorful Gradient Solid" Content="Borderless" />
|
2025-11-09 11:26:49 +08:00
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="4">
|
|
|
|
|
<TextBlock Text="Classes:" />
|
2025-11-11 18:17:47 +08:00
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Colorful Gradient" Content="Colorful Primary" />
|
|
|
|
|
<Label Theme="{StaticResource TagLabel}" Classes="Colorful Gradient" Content="Colorful Tertiary" />
|
2025-11-09 11:26:49 +08:00
|
|
|
</WrapPanel>
|
|
|
|
|
</StackPanel>
|
|
|
|
|
</HeaderedContentControl.Header>
|
|
|
|
|
<StackPanel HorizontalAlignment="Left" Spacing="16">
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<Button Content="Primary" Classes="Colorful Primary" />
|
|
|
|
|
<Button Content="Tertiary" Classes="Colorful Tertiary" />
|
|
|
|
|
<Button Content="Disabled" Classes="Colorful Primary" IsEnabled="False" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<Button Content="Primary" Classes="Colorful Primary" Theme="{StaticResource SolidButton}" />
|
|
|
|
|
<Button Content="Tertiary" Classes="Colorful Tertiary" Theme="{StaticResource SolidButton}" />
|
|
|
|
|
<Button Content="Disabled" Classes="Colorful Primary" Theme="{StaticResource SolidButton}" IsEnabled="False" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<Button Content="Primary" Classes="Colorful Primary" Theme="{StaticResource OutlineButton}" />
|
|
|
|
|
<Button Content="Tertiary" Classes="Colorful Tertiary" Theme="{StaticResource OutlineButton}" />
|
|
|
|
|
<Button Content="Disabled" Classes="Colorful Primary" Theme="{StaticResource OutlineButton}" IsEnabled="False" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<Button Content="Primary" Classes="Colorful Primary" Theme="{StaticResource BorderlessButton}" />
|
|
|
|
|
<Button Content="Tertiary" Classes="Colorful Tertiary" Theme="{StaticResource BorderlessButton}" />
|
|
|
|
|
<Button Content="Disabled" Classes="Colorful Primary" Theme="{StaticResource BorderlessButton}" IsEnabled="False" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
</StackPanel>
|
|
|
|
|
</HeaderedContentControl>
|
2024-03-22 20:37:01 +08:00
|
|
|
|
2025-11-09 11:26:49 +08:00
|
|
|
<HeaderedContentControl
|
|
|
|
|
Theme="{StaticResource GroupBox}" Header="DropDownButton">
|
|
|
|
|
<StackPanel HorizontalAlignment="Left" Spacing="16">
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<DropDownButton Content="Default" />
|
|
|
|
|
<DropDownButton Content="Primary" Classes="Primary" />
|
|
|
|
|
<DropDownButton Content="Secondary" Classes="Secondary" />
|
|
|
|
|
<DropDownButton Content="Tertiary" Classes="Tertiary" />
|
|
|
|
|
<DropDownButton Content="Success" Classes="Success" />
|
|
|
|
|
<DropDownButton Content="Warning" Classes="Warning" />
|
|
|
|
|
<DropDownButton Content="Danger" Classes="Danger" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<DropDownButton Content="Default" Theme="{StaticResource SolidDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Primary" Classes="Primary" Theme="{StaticResource SolidDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Secondary" Classes="Secondary" Theme="{StaticResource SolidDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Tertiary" Classes="Tertiary" Theme="{StaticResource SolidDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Success" Classes="Success" Theme="{StaticResource SolidDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Warning" Classes="Warning" Theme="{StaticResource SolidDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Danger" Classes="Danger" Theme="{StaticResource SolidDropDownButton}" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<DropDownButton Content="Default" Theme="{StaticResource OutlineDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Primary" Classes="Primary" Theme="{StaticResource OutlineDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Secondary" Classes="Secondary" Theme="{StaticResource OutlineDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Tertiary" Classes="Tertiary" Theme="{StaticResource OutlineDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Success" Classes="Success" Theme="{StaticResource OutlineDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Warning" Classes="Warning" Theme="{StaticResource OutlineDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Danger" Classes="Danger" Theme="{StaticResource OutlineDropDownButton}" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<DropDownButton Content="Default" Theme="{StaticResource BorderlessDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Primary" Classes="Primary" Theme="{StaticResource BorderlessDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Secondary" Classes="Secondary" Theme="{StaticResource BorderlessDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Tertiary" Classes="Tertiary" Theme="{StaticResource BorderlessDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Success" Classes="Success" Theme="{StaticResource BorderlessDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Warning" Classes="Warning" Theme="{StaticResource BorderlessDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Danger" Classes="Danger" Theme="{StaticResource BorderlessDropDownButton}" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<DropDownButton Content="Light" IsEnabled="False" />
|
|
|
|
|
<DropDownButton Content="Solid" IsEnabled="False" Theme="{StaticResource SolidDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Outline" IsEnabled="False" Theme="{StaticResource OutlineDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Borderless" IsEnabled="False" Theme="{StaticResource BorderlessDropDownButton}" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<DropDownButton Content="Large" Classes="Large" />
|
|
|
|
|
<DropDownButton Content="Default" />
|
|
|
|
|
<DropDownButton Content="Small" Classes="Small" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<DropDownButton Content="Primary" Classes="Colorful Primary" />
|
|
|
|
|
<DropDownButton Content="Tertiary" Classes="Colorful Tertiary" />
|
|
|
|
|
<DropDownButton Content="Disabled" Classes="Colorful Primary" IsEnabled="False" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<DropDownButton Content="Primary" Classes="Colorful Primary" Theme="{StaticResource SolidDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Tertiary" Classes="Colorful Tertiary" Theme="{StaticResource SolidDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Disabled" Classes="Colorful Primary" Theme="{StaticResource SolidDropDownButton}" IsEnabled="False" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<DropDownButton Content="Primary" Classes="Colorful Primary" Theme="{StaticResource OutlineDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Tertiary" Classes="Colorful Tertiary" Theme="{StaticResource OutlineDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Disabled" Classes="Colorful Primary" Theme="{StaticResource OutlineDropDownButton}" IsEnabled="False" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<DropDownButton Content="Primary" Classes="Colorful Primary" Theme="{StaticResource BorderlessDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Tertiary" Classes="Colorful Tertiary" Theme="{StaticResource BorderlessDropDownButton}" />
|
|
|
|
|
<DropDownButton Content="Disabled" Classes="Colorful Primary" Theme="{StaticResource BorderlessDropDownButton}" IsEnabled="False" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
</StackPanel>
|
|
|
|
|
</HeaderedContentControl>
|
|
|
|
|
|
|
|
|
|
<HeaderedContentControl
|
|
|
|
|
Theme="{StaticResource GroupBox}" Header="SplitButton">
|
|
|
|
|
<StackPanel HorizontalAlignment="Left" Spacing="16">
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<SplitButton Content="Default" />
|
|
|
|
|
<SplitButton Content="Primary" Classes="Primary" />
|
|
|
|
|
<SplitButton Content="Secondary" Classes="Secondary" />
|
|
|
|
|
<SplitButton Content="Tertiary" Classes="Tertiary" />
|
|
|
|
|
<SplitButton Content="Success" Classes="Success" />
|
|
|
|
|
<SplitButton Content="Warning" Classes="Warning" />
|
|
|
|
|
<SplitButton Content="Danger" Classes="Danger" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<SplitButton Content="Default" Theme="{StaticResource SolidSplitButton}" />
|
|
|
|
|
<SplitButton Content="Primary" Classes="Primary" Theme="{StaticResource SolidSplitButton}" />
|
|
|
|
|
<SplitButton Content="Secondary" Classes="Secondary" Theme="{StaticResource SolidSplitButton}" />
|
|
|
|
|
<SplitButton Content="Tertiary" Classes="Tertiary" Theme="{StaticResource SolidSplitButton}" />
|
|
|
|
|
<SplitButton Content="Success" Classes="Success" Theme="{StaticResource SolidSplitButton}" />
|
|
|
|
|
<SplitButton Content="Warning" Classes="Warning" Theme="{StaticResource SolidSplitButton}" />
|
|
|
|
|
<SplitButton Content="Danger" Classes="Danger" Theme="{StaticResource SolidSplitButton}" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<SplitButton Content="Default" Theme="{StaticResource OutlineSplitButton}" />
|
|
|
|
|
<SplitButton Content="Primary" Classes="Primary" Theme="{StaticResource OutlineSplitButton}" />
|
|
|
|
|
<SplitButton Content="Secondary" Classes="Secondary" Theme="{StaticResource OutlineSplitButton}" />
|
|
|
|
|
<SplitButton Content="Tertiary" Classes="Tertiary" Theme="{StaticResource OutlineSplitButton}" />
|
|
|
|
|
<SplitButton Content="Success" Classes="Success" Theme="{StaticResource OutlineSplitButton}" />
|
|
|
|
|
<SplitButton Content="Warning" Classes="Warning" Theme="{StaticResource OutlineSplitButton}" />
|
|
|
|
|
<SplitButton Content="Danger" Classes="Danger" Theme="{StaticResource OutlineSplitButton}" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<SplitButton Content="Default" Theme="{StaticResource BorderlessSplitButton}" />
|
|
|
|
|
<SplitButton Content="Primary" Classes="Primary" Theme="{StaticResource BorderlessSplitButton}" />
|
|
|
|
|
<SplitButton Content="Secondary" Classes="Secondary" Theme="{StaticResource BorderlessSplitButton}" />
|
|
|
|
|
<SplitButton Content="Tertiary" Classes="Tertiary" Theme="{StaticResource BorderlessSplitButton}" />
|
|
|
|
|
<SplitButton Content="Success" Classes="Success" Theme="{StaticResource BorderlessSplitButton}" />
|
|
|
|
|
<SplitButton Content="Warning" Classes="Warning" Theme="{StaticResource BorderlessSplitButton}" />
|
|
|
|
|
<SplitButton Content="Danger" Classes="Danger" Theme="{StaticResource BorderlessSplitButton}" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<SplitButton Content="Light" IsEnabled="False" />
|
|
|
|
|
<SplitButton Content="Solid" IsEnabled="False" Theme="{StaticResource SolidSplitButton}" />
|
|
|
|
|
<SplitButton Content="Outline" IsEnabled="False" Theme="{StaticResource OutlineSplitButton}" />
|
|
|
|
|
<SplitButton Content="Borderless" IsEnabled="False" Theme="{StaticResource BorderlessSplitButton}" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<SplitButton Content="Large" Classes="Large" />
|
|
|
|
|
<SplitButton Content="Default" />
|
|
|
|
|
<SplitButton Content="Small" Classes="Small" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
</StackPanel>
|
|
|
|
|
</HeaderedContentControl>
|
|
|
|
|
|
|
|
|
|
<HeaderedContentControl
|
|
|
|
|
Theme="{StaticResource GroupBox}"
|
|
|
|
|
Header="ToggleSplitButton">
|
|
|
|
|
<StackPanel HorizontalAlignment="Left" Spacing="24">
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<ToggleSplitButton Content="Default" />
|
|
|
|
|
<ToggleSplitButton Classes="Primary" Content="Primary" />
|
|
|
|
|
<ToggleSplitButton Classes="Secondary" Content="Secondary" />
|
|
|
|
|
<ToggleSplitButton Classes="Tertiary" Content="Tertiary" />
|
|
|
|
|
<ToggleSplitButton Classes="Success" Content="Success" />
|
|
|
|
|
<ToggleSplitButton Classes="Warning" Content="Warning" />
|
|
|
|
|
<ToggleSplitButton Classes="Danger" Content="Danger" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<ToggleSplitButton Content="Default" IsChecked="True" />
|
|
|
|
|
<ToggleSplitButton Classes="Primary" Content="Primary" IsChecked="True" />
|
|
|
|
|
<ToggleSplitButton Classes="Secondary" Content="Secondary" IsChecked="True" />
|
|
|
|
|
<ToggleSplitButton Classes="Tertiary" Content="Tertiary" IsChecked="True" />
|
|
|
|
|
<ToggleSplitButton Classes="Success" Content="Success" IsChecked="True" />
|
|
|
|
|
<ToggleSplitButton Classes="Warning" Content="Warning" IsChecked="True" />
|
|
|
|
|
<ToggleSplitButton Classes="Danger" Content="Danger" IsChecked="True" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<ToggleSplitButton Content="Unchecked" Classes="Success" IsEnabled="False" />
|
|
|
|
|
<ToggleSplitButton Content="Checked" Classes="Success" IsChecked="True" IsEnabled="False" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<ToggleSplitButton Content="Large" Classes="Large" />
|
|
|
|
|
<ToggleSplitButton Content="Default" />
|
|
|
|
|
<ToggleSplitButton Content="Small" Classes="Small" />
|
|
|
|
|
</WrapPanel>
|
2025-11-11 15:50:32 +08:00
|
|
|
</StackPanel>
|
|
|
|
|
</HeaderedContentControl>
|
|
|
|
|
|
|
|
|
|
<HeaderedContentControl
|
|
|
|
|
Theme="{StaticResource GroupBox}" Header="ToggleButton">
|
|
|
|
|
<StackPanel HorizontalAlignment="Left" Spacing="16">
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<ToggleButton Content="Default" />
|
|
|
|
|
<ToggleButton Content="Primary" Classes="Primary" />
|
|
|
|
|
<ToggleButton Content="Secondary" Classes="Secondary" />
|
|
|
|
|
<ToggleButton Content="Tertiary" Classes="Tertiary" />
|
|
|
|
|
<ToggleButton Content="Success" Classes="Success" />
|
|
|
|
|
<ToggleButton Content="Warning" Classes="Warning" />
|
|
|
|
|
<ToggleButton Content="Danger" Classes="Danger" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<ToggleButton Content="Default" IsChecked="True" />
|
|
|
|
|
<ToggleButton Content="Primary" Classes="Primary" IsChecked="True" />
|
|
|
|
|
<ToggleButton Content="Secondary" Classes="Secondary" IsChecked="True" />
|
|
|
|
|
<ToggleButton Content="Tertiary" Classes="Tertiary" IsChecked="True" />
|
|
|
|
|
<ToggleButton Content="Success" Classes="Success" IsChecked="True" />
|
|
|
|
|
<ToggleButton Content="Warning" Classes="Warning" IsChecked="True" />
|
|
|
|
|
<ToggleButton Content="Danger" Classes="Danger" IsChecked="True" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<ToggleButton Content="Default" IsChecked="{x:Null}" IsThreeState="True" />
|
|
|
|
|
<ToggleButton Content="Primary" Classes="Primary" IsChecked="{x:Null}" IsThreeState="True" />
|
|
|
|
|
<ToggleButton Content="Secondary" Classes="Secondary" IsChecked="{x:Null}" IsThreeState="True" />
|
|
|
|
|
<ToggleButton Content="Tertiary" Classes="Tertiary" IsChecked="{x:Null}" IsThreeState="True" />
|
|
|
|
|
<ToggleButton Content="Success" Classes="Success" IsChecked="{x:Null}" IsThreeState="True" />
|
|
|
|
|
<ToggleButton Content="Warning" Classes="Warning" IsChecked="{x:Null}" IsThreeState="True" />
|
|
|
|
|
<ToggleButton Content="Danger" Classes="Danger" IsChecked="{x:Null}" IsThreeState="True" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<ToggleButton Content="Unchecked" IsEnabled="False" />
|
|
|
|
|
<ToggleButton Content="Checked" IsEnabled="False" IsChecked="True" />
|
|
|
|
|
<ToggleButton Content="Indeterminate" IsEnabled="False" IsChecked="{x:Null}" IsThreeState="True" />
|
|
|
|
|
</WrapPanel>
|
2025-11-09 11:26:49 +08:00
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
2025-11-11 15:50:32 +08:00
|
|
|
<ToggleButton Content="Large" Classes="Large" />
|
|
|
|
|
<ToggleButton Content="Default" />
|
|
|
|
|
<ToggleButton Content="Small" Classes="Small" />
|
2025-11-09 11:26:49 +08:00
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
2025-11-11 15:50:32 +08:00
|
|
|
<ToggleButton Content="Primary" Classes="Colorful Primary" />
|
|
|
|
|
<ToggleButton Content="Tertiary" Classes="Colorful Tertiary" />
|
|
|
|
|
<ToggleButton Content="Disabled" Classes="Colorful Primary" IsEnabled="False" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<ToggleButton Content="Primary" Classes="Colorful Primary" IsChecked="True" />
|
|
|
|
|
<ToggleButton Content="Tertiary" Classes="Colorful Tertiary" IsChecked="True" />
|
|
|
|
|
<ToggleButton Content="Disabled" Classes="Colorful Primary" IsChecked="True" IsEnabled="False" />
|
|
|
|
|
</WrapPanel>
|
|
|
|
|
<WrapPanel ItemSpacing="16" LineSpacing="16">
|
|
|
|
|
<ToggleButton Content="Primary" Classes="Colorful Primary" IsChecked="{x:Null}" IsThreeState="True" />
|
|
|
|
|
<ToggleButton Content="Tertiary" Classes="Colorful Tertiary" IsChecked="{x:Null}" IsThreeState="True" />
|
|
|
|
|
<ToggleButton Content="Disabled" Classes="Colorful Primary" IsChecked="{x:Null}" IsThreeState="True" IsEnabled="False" />
|
2025-11-09 11:26:49 +08:00
|
|
|
</WrapPanel>
|
|
|
|
|
</StackPanel>
|
|
|
|
|
</HeaderedContentControl>
|
2022-12-09 01:14:49 +08:00
|
|
|
</StackPanel>
|
2024-03-19 21:53:22 +08:00
|
|
|
</ScrollViewer>
|
2024-03-22 19:05:06 +08:00
|
|
|
</UserControl>
|
