chore: add avalonia TabControl demo.
This commit is contained in:
1 parent
bbb2db1696
commit
045ced1c73
12 files changed
+685
-87
No files matched your search
@@ -14,7 +14,7 @@
|
||||
BorderThickness="0"
|
||||
Background="{DynamicResource SecondaryRegionBrush}" />
|
||||
<TabControl BorderThickness="0 1 0 0"
|
||||
Classes="inline"
|
||||
Theme="{StaticResource TabControlInLine}"
|
||||
SelectionChanged="TabControl_OnSelectionChanged"
|
||||
ItemsSource="{Binding DemoInfoCollection}"
|
||||
Background="Transparent"
|
||||
|
||||
@@ -0,0 +1,189 @@
|
||||
<UserControl xmlns="https://github.com/avaloniaui"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
x:Class="HandyControlDemo.UserControl.NativeTabControlDemo"
|
||||
xmlns:hc="https://handyorg.github.io/handycontrol">
|
||||
<ScrollViewer>
|
||||
<hc:UniformSpacingPanel Margin="32"
|
||||
Spacing="32"
|
||||
ItemWidth="400"
|
||||
ItemHeight="200"
|
||||
MaxWidth="832"
|
||||
ChildWrapping="Wrap">
|
||||
<TabControl TabStripPlacement="Right">
|
||||
<TabItem Header="Title1">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="1" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
<TabItem Header="Title2"
|
||||
IsEnabled="False">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="2" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
<TabItem Header="Title3">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="3" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
<TabItem Header="Title4">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="4" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
<TabItem Header="Title5">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="5" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
</TabControl>
|
||||
<TabControl Theme="{StaticResource TabControlInLine}">
|
||||
<TabItem Header="Title1">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="1" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
<TabItem Header="Title2">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="2" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
<TabItem Header="Title3">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="3" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
<TabItem Header="Title4">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="4" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
<TabItem Header="Title5"
|
||||
IsSelected="True">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="5" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
</TabControl>
|
||||
<TabControl TabStripPlacement="Left"
|
||||
Theme="{StaticResource TabControlCapsule}">
|
||||
<TabItem Header="Title1">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="1" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
<TabItem IsSelected="True"
|
||||
Header="Title2">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="2" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
<TabItem Header="Title3">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="3" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
<TabItem Header="Title4">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="4" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
<TabItem Header="Title5">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="5" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
</TabControl>
|
||||
<TabControl TabStripPlacement="Bottom"
|
||||
Theme="{StaticResource TabControlCapsuleSolid}">
|
||||
<TabItem Header="Title1">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="1" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
<TabItem IsEnabled="False"
|
||||
Header="Title2">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="2" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
<TabItem Header="Title3">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="3" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
<TabItem IsSelected="True"
|
||||
Header="Title4">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="4" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
<TabItem Header="Title5">
|
||||
<Border>
|
||||
<TextBlock Theme="{StaticResource TextBlockLargeBold}">
|
||||
<Run Text="Text" />
|
||||
<Run Text="5" />
|
||||
</TextBlock>
|
||||
</Border>
|
||||
</TabItem>
|
||||
</TabControl>
|
||||
</hc:UniformSpacingPanel>
|
||||
</ScrollViewer>
|
||||
</UserControl>
|
||||
+10
@@ -0,0 +1,10 @@
|
||||
namespace HandyControlDemo.UserControl;
|
||||
|
||||
public partial class NativeTabControlDemo : Avalonia.Controls.UserControl
|
||||
{
|
||||
public NativeTabControlDemo()
|
||||
{
|
||||
InitializeComponent();
|
||||
}
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user