Semi.Avalonia/demo/Semi.Avalonia.Demo/Pages/RadioButtonDemo.axaml

161 lines
7.2 KiB
Plaintext
Raw Normal View History

<UserControl
x:Class="Semi.Avalonia.Demo.Pages.RadioButtonDemo"
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">
2023-03-27 16:08:58 +08:00
<ScrollViewer>
<StackPanel HorizontalAlignment="Left" Spacing="20">
<TextBlock Text="Radio Buttons" />
<StackPanel Orientation="Horizontal">
2023-03-27 16:08:58 +08:00
<RadioButton>Unchecked</RadioButton>
<RadioButton IsChecked="True">Checked</RadioButton>
</StackPanel>
<StackPanel Orientation="Horizontal">
2023-03-27 16:08:58 +08:00
<RadioButton IsEnabled="False">Unchecked</RadioButton>
<RadioButton IsChecked="True" IsEnabled="False">Checked</RadioButton>
</StackPanel>
2023-03-27 16:08:58 +08:00
<TextBlock Text="Radio Button as Button" />
2023-03-27 19:20:17 +08:00
<StackPanel Orientation="Horizontal">
<Border HorizontalAlignment="Left" Theme="{StaticResource RadioButtonGroupBorder}">
<StackPanel Orientation="Horizontal">
<RadioButton Classes="Small" Theme="{DynamicResource ButtonRadioButton}">小1</RadioButton>
<RadioButton
Classes="Small"
2023-06-07 22:10:04 +08:00
IsChecked="True"
Theme="{DynamicResource ButtonRadioButton}">
2023-03-27 19:20:17 +08:00
小2
</RadioButton>
</StackPanel>
</Border>
2023-06-07 22:10:04 +08:00
<Border
Margin="8,0"
HorizontalAlignment="Left"
Theme="{StaticResource RadioButtonGroupBorder}">
2023-03-27 19:20:17 +08:00
<StackPanel Orientation="Horizontal">
<RadioButton
Classes="Small"
2023-06-07 22:10:04 +08:00
IsEnabled="False"
Theme="{DynamicResource ButtonRadioButton}">
2023-03-27 19:20:17 +08:00
小1
</RadioButton>
<RadioButton
Classes="Small"
IsChecked="True"
2023-06-07 22:10:04 +08:00
IsEnabled="False"
Theme="{DynamicResource ButtonRadioButton}">
2023-03-27 19:20:17 +08:00
小2
</RadioButton>
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Horizontal">
<Border HorizontalAlignment="Left" Theme="{StaticResource RadioButtonGroupBorder}">
<StackPanel Orientation="Horizontal">
<RadioButton Theme="{DynamicResource ButtonRadioButton}">默认1</RadioButton>
2023-06-07 22:10:04 +08:00
<RadioButton IsChecked="True" Theme="{DynamicResource ButtonRadioButton}">默认2</RadioButton>
2023-03-27 19:20:17 +08:00
</StackPanel>
</Border>
2023-06-07 22:10:04 +08:00
<Border
Margin="8,0"
HorizontalAlignment="Left"
Theme="{StaticResource RadioButtonGroupBorder}">
2023-03-27 19:20:17 +08:00
<StackPanel Orientation="Horizontal">
2023-06-07 22:10:04 +08:00
<RadioButton IsEnabled="False" Theme="{DynamicResource ButtonRadioButton}">默认1</RadioButton>
2023-03-27 19:20:17 +08:00
<RadioButton
2023-06-07 22:10:04 +08:00
IsChecked="True"
2023-03-27 19:20:17 +08:00
IsEnabled="False"
2023-06-07 22:10:04 +08:00
Theme="{DynamicResource ButtonRadioButton}">
2023-03-27 19:20:17 +08:00
默认2
</RadioButton>
</StackPanel>
</Border>
</StackPanel>
<StackPanel Orientation="Horizontal">
<Border HorizontalAlignment="Left" Theme="{StaticResource RadioButtonGroupBorder}">
<StackPanel Orientation="Horizontal">
<RadioButton Classes="Large" Theme="{DynamicResource ButtonRadioButton}">大1</RadioButton>
<RadioButton
Classes="Large"
2023-06-07 22:10:04 +08:00
IsChecked="True"
Theme="{DynamicResource ButtonRadioButton}">
2023-03-27 19:20:17 +08:00
大2
</RadioButton>
</StackPanel>
</Border>
2023-06-07 22:10:04 +08:00
<Border
Margin="8,0"
HorizontalAlignment="Left"
Theme="{StaticResource RadioButtonGroupBorder}">
2023-03-27 19:20:17 +08:00
<StackPanel Orientation="Horizontal">
<RadioButton
Classes="Large"
2023-06-07 22:10:04 +08:00
IsEnabled="False"
Theme="{DynamicResource ButtonRadioButton}">
2023-03-27 19:20:17 +08:00
大1
</RadioButton>
<RadioButton
Classes="Large"
IsChecked="True"
2023-06-07 22:10:04 +08:00
IsEnabled="False"
Theme="{DynamicResource ButtonRadioButton}">
2023-03-27 19:20:17 +08:00
大2
</RadioButton>
</StackPanel>
</Border>
</StackPanel>
2023-03-27 16:08:58 +08:00
<TextBlock Text="Radio Button as Card" />
<StackPanel Orientation="Horizontal">
2023-06-07 22:10:04 +08:00
<RadioButton
Width="300"
Content="Avalonia"
2023-06-07 22:10:04 +08:00
IsChecked="True"
Theme="{DynamicResource CardRadioButton}" />
<RadioButton
Width="300"
Content="WPF"
IsChecked="True"
Theme="{DynamicResource CardRadioButton}" />
2023-03-27 16:08:58 +08:00
</StackPanel>
<StackPanel Orientation="Horizontal">
2023-06-07 22:10:04 +08:00
<RadioButton
Width="300"
Content="Avalonia"
2023-06-07 22:10:04 +08:00
IsEnabled="False"
Theme="{DynamicResource CardRadioButton}" />
2023-06-06 16:33:27 +08:00
<RadioButton
2023-06-07 22:10:04 +08:00
Width="300"
Content="WPF"
2023-03-27 16:08:58 +08:00
IsChecked="True"
IsEnabled="False"
Theme="{DynamicResource CardRadioButton}" />
2023-03-27 16:08:58 +08:00
</StackPanel>
<TextBlock Text="Radio Button as Pure Card" />
<StackPanel Orientation="Horizontal">
2023-06-07 22:10:04 +08:00
<RadioButton
Width="300"
Content="Avalonia"
2023-06-07 22:10:04 +08:00
IsChecked="True"
Theme="{DynamicResource PureCardRadioButton}" />
<RadioButton
Width="300"
Content="WPF"
Theme="{DynamicResource PureCardRadioButton}" />
2023-03-27 16:08:58 +08:00
</StackPanel>
<StackPanel Orientation="Horizontal">
2023-06-07 22:10:04 +08:00
<RadioButton
Width="300"
Content="Avalonia"
IsChecked="True"
2023-06-07 22:10:04 +08:00
IsEnabled="False"
Theme="{DynamicResource PureCardRadioButton}" />
2023-03-27 16:08:58 +08:00
<RadioButton
2023-06-07 22:10:04 +08:00
Width="300"
Content="WPF"
2023-03-27 16:08:58 +08:00
IsEnabled="False"
Theme="{DynamicResource PureCardRadioButton}" />
2023-03-27 16:08:58 +08:00
</StackPanel>
</StackPanel>
2023-03-27 16:08:58 +08:00
</ScrollViewer>
</UserControl>