zhaoyushun1999/Semi.Avalonia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: relayout CheckBoxDemo.

Browse Source
This commit is contained in:
Zhang Dian 2023-03-27 16:00:27 +08:00
parent a015bbe3e0
commit 0cee18f507
1 changed files with 45 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
demo/Semi.Avalonia.Demo/Pages/CheckBoxDemo.axaml
View File

@ -8,21 +8,26 @@
d:DesignWidth="800" d:DesignWidth="800"
mc:Ignorable="d"> mc:Ignorable="d">
<ScrollViewer HorizontalScrollBarVisibility="Auto"> <ScrollViewer HorizontalScrollBarVisibility="Auto">
<StackPanel HorizontalAlignment="Left"> <StackPanel HorizontalAlignment="Left" Spacing="20">
<CheckBox>Unchecked</CheckBox> <TextBlock Text="CheckBox" />
<CheckBox IsEnabled="False">Unchecked</CheckBox> <StackPanel Orientation="Horizontal">
<CheckBox IsChecked="True">Checked</CheckBox> <CheckBox>Unchecked</CheckBox>
<CheckBox IsChecked="True" IsEnabled="False">Checked</CheckBox> <CheckBox IsChecked="True">Checked</CheckBox>
<CheckBox IsChecked="{x:Null}" IsThreeState="True">Indeterminate</CheckBox> <CheckBox IsChecked="{x:Null}" IsThreeState="True">Indeterminate</CheckBox>
<CheckBox </StackPanel>
IsChecked="{x:Null}" <StackPanel Orientation="Horizontal">
IsEnabled="False" <CheckBox IsEnabled="False">Unchecked</CheckBox>
IsThreeState="True"> <CheckBox IsChecked="True" IsEnabled="False">Checked</CheckBox>
Indeterminate <CheckBox
</CheckBox> IsChecked="{x:Null}"
IsEnabled="False"
IsThreeState="True">
Indeterminate
</CheckBox>
</StackPanel>
<CheckBox Width="120" HorizontalAlignment="Left">Checkbox should wrap its text</CheckBox> <CheckBox Width="120" HorizontalAlignment="Left">Checkbox should wrap its text</CheckBox>
<TextBlock Margin="0,16" Text="CardCheckBox" /> <TextBlock Margin="0,16" Text="CardCheckBox" />
<StackPanel Orientation="Vertical"> <StackPanel Orientation="Horizontal">
<CheckBox Width="300" Theme="{DynamicResource CardCheckBox}"> <CheckBox Width="300" Theme="{DynamicResource CardCheckBox}">
<StackPanel> <StackPanel>
<TextBlock FontWeight="Bold">复选框标题</TextBlock> <TextBlock FontWeight="Bold">复选框标题</TextBlock>
@ -38,6 +43,18 @@
<TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock> <TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock>
</StackPanel> </StackPanel>
</CheckBox> </CheckBox>
<CheckBox
Width="300"
IsChecked="{x:Null}"
IsThreeState="True"
Theme="{DynamicResource CardCheckBox}">
<StackPanel>
<TextBlock FontWeight="Bold">复选框标题</TextBlock>
<TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock>
</StackPanel>
</CheckBox>
</StackPanel>
<StackPanel Orientation="Horizontal">
<CheckBox <CheckBox
Width="300" Width="300"
IsEnabled="False" IsEnabled="False"
@ -57,17 +74,6 @@
<TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock> <TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock>
</StackPanel> </StackPanel>
</CheckBox> </CheckBox>
<CheckBox
Width="300"
IsChecked="{x:Null}"
IsEnabled="True"
IsThreeState="True"
Theme="{DynamicResource CardCheckBox}">
<StackPanel>
<TextBlock FontWeight="Bold">复选框标题</TextBlock>
<TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock>
</StackPanel>
</CheckBox>
<CheckBox <CheckBox
Width="300" Width="300"
IsChecked="{x:Null}" IsChecked="{x:Null}"
@ -81,7 +87,7 @@
</CheckBox> </CheckBox>
</StackPanel> </StackPanel>
<TextBlock Margin="0,16" Text="PureCardCheckBox" /> <TextBlock Margin="0,16" Text="PureCardCheckBox" />
<StackPanel Orientation="Vertical"> <StackPanel Orientation="Horizontal">
<CheckBox Width="300" Theme="{DynamicResource PureCardCheckBox}"> <CheckBox Width="300" Theme="{DynamicResource PureCardCheckBox}">
<StackPanel> <StackPanel>
<TextBlock FontWeight="Bold">复选框标题</TextBlock> <TextBlock FontWeight="Bold">复选框标题</TextBlock>
@ -97,6 +103,19 @@
<TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock> <TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock>
</StackPanel> </StackPanel>
</CheckBox> </CheckBox>
<CheckBox
Width="300"
IsChecked="{x:Null}"
IsEnabled="True"
IsThreeState="True"
Theme="{DynamicResource PureCardCheckBox}">
<StackPanel>
<TextBlock FontWeight="Bold">复选框标题</TextBlock>
<TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock>
</StackPanel>
</CheckBox>
</StackPanel>
<StackPanel Orientation="Horizontal">
<CheckBox <CheckBox
Width="300" Width="300"
IsEnabled="False" IsEnabled="False"
@ -116,17 +135,6 @@
<TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock> <TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock>
</StackPanel> </StackPanel>
</CheckBox> </CheckBox>
<CheckBox
Width="300"
IsChecked="{x:Null}"
IsEnabled="True"
IsThreeState="True"
Theme="{DynamicResource PureCardCheckBox}">
<StackPanel>
<TextBlock FontWeight="Bold">复选框标题</TextBlock>
<TextBlock TextWrapping="Wrap">Semi Design 是由互娱社区前端团队与 UED 团队共同设计开发并维护的设计系统</TextBlock>
</StackPanel>
</CheckBox>
<CheckBox <CheckBox
Width="300" Width="300"
IsChecked="{x:Null}" IsChecked="{x:Null}"
@ -141,4 +149,4 @@
</StackPanel> </StackPanel>
</StackPanel> </StackPanel>
</ScrollViewer> </ScrollViewer>
</UserControl> </UserControl>