96 lines
4.3 KiB
XML
96 lines
4.3 KiB
XML
<UserControl
|
|
x:Class="Semi.Avalonia.Demo.Pages.TabControlDemo"
|
|
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"
|
|
xmlns:vm="clr-namespace:Semi.Avalonia.Demo.ViewModels;assembly=Semi.Avalonia.Demo"
|
|
d:DesignHeight="450"
|
|
d:DesignWidth="800"
|
|
x:CompileBindings="True"
|
|
x:DataType="vm:TabControlDemoViewModel"
|
|
mc:Ignorable="d">
|
|
<ScrollViewer>
|
|
<StackPanel Spacing="20">
|
|
<Border Theme="{StaticResource CardBorder}">
|
|
<TabControl TabStripPlacement="Top">
|
|
<TabItem Content="Hello 1" Header="Tab 1" />
|
|
<TabItem Content="Hello 2" Header="Tab 2" />
|
|
<TabItem Content="Hello 3" Header="Tab 3" />
|
|
<TabItem Content="中文内容" Header="中文中文" />
|
|
<TabItem
|
|
Content="Hello 4"
|
|
Header="Tab 4"
|
|
IsEnabled="False" />
|
|
</TabControl>
|
|
</Border>
|
|
<Border Theme="{StaticResource CardBorder}">
|
|
<TabControl TabStripPlacement="Left">
|
|
<TabItem Content="Hello 1" Header="Tab 1" />
|
|
<TabItem Content="Hello 2" Header="Tab 2" />
|
|
<TabItem Content="Hello 3" Header="Tab 3" />
|
|
<TabItem Content="中文内容" Header="中文中文" />
|
|
<TabItem
|
|
Content="Hello 4"
|
|
Header="Tab 4"
|
|
IsEnabled="False" />
|
|
</TabControl>
|
|
</Border>
|
|
<Border Theme="{StaticResource CardBorder}">
|
|
<TabControl TabStripPlacement="Right">
|
|
<TabItem Content="Hello 1" Header="Tab 1" />
|
|
<TabItem Content="Hello 2" Header="Tab 2" />
|
|
<TabItem Content="Hello 3" Header="Tab 3" />
|
|
<TabItem Content="中文内容" Header="中文中文" />
|
|
<TabItem
|
|
Content="Hello 4"
|
|
Header="Tab 4"
|
|
IsEnabled="False" />
|
|
</TabControl>
|
|
</Border>
|
|
<Border Theme="{StaticResource CardBorder}">
|
|
<TabControl TabStripPlacement="Bottom">
|
|
<TabItem Content="Hello 1" Header="Tab 1" />
|
|
<TabItem Content="Hello 2" Header="Tab 2" />
|
|
<TabItem Content="Hello 3" Header="Tab 3" />
|
|
<TabItem Content="中文内容" Header="中文中文" />
|
|
<TabItem
|
|
Content="Hello 4"
|
|
Header="Tab 4"
|
|
IsEnabled="False" />
|
|
</TabControl>
|
|
</Border>
|
|
<Border Theme="{StaticResource CardBorder}">
|
|
<TabStrip>
|
|
<TabStripItem>Tab 1</TabStripItem>
|
|
<TabStripItem>Tab 2</TabStripItem>
|
|
</TabStrip>
|
|
</Border>
|
|
<Border Height="300" Theme="{DynamicResource CardBorder}">
|
|
<TabControl
|
|
ItemsSource="{Binding Items}"
|
|
TabStripPlacement="Top"
|
|
Theme="{DynamicResource ScrollTabControl}" />
|
|
</Border>
|
|
<Border Height="300" Theme="{DynamicResource CardBorder}">
|
|
<TabControl
|
|
ItemsSource="{Binding Items}"
|
|
TabStripPlacement="Left"
|
|
Theme="{DynamicResource ScrollTabControl}" />
|
|
</Border>
|
|
<Border Height="300" Theme="{DynamicResource CardBorder}">
|
|
<TabControl
|
|
ItemsSource="{Binding Items}"
|
|
TabStripPlacement="Bottom"
|
|
Theme="{DynamicResource ScrollTabControl}" />
|
|
</Border>
|
|
<Border Height="300" Theme="{DynamicResource CardBorder}">
|
|
<TabControl
|
|
ItemsSource="{Binding Items}"
|
|
TabStripPlacement="Right"
|
|
Theme="{DynamicResource ScrollTabControl}" />
|
|
</Border>
|
|
</StackPanel>
|
|
</ScrollViewer>
|
|
</UserControl>
|