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

<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>
            <Border
                Theme="{StaticResource RadioButtonGroupBorder}"
                Margin="8"
                HorizontalAlignment="Left">
                <ListBox
                    Name="place"
                    Theme="{StaticResource ButtonRadioGroupListBox}">
                    <Dock>Left</Dock>
                    <Dock>Bottom</Dock>
                    <Dock>Right</Dock>
                    <Dock>Top</Dock>
                </ListBox>
            </Border>
            <TabControl Theme="{StaticResource LineTabControl}">
                <TabItem Header="Default">
                    <StackPanel>
                        <StackPanel
                            Orientation="Horizontal"
                            Spacing="8"
                            Margin="8">
                            <TextBlock
                                VerticalAlignment="Center"
                                Text="ReverseSeparator" />
                            <ToggleSwitch
                                Name="reverse"
                                Theme="{StaticResource SimpleToggleSwitch}" />
                        </StackPanel>
                        <Border Theme="{StaticResource CardBorder}">
                            <TabControl
                                Classes.ReverseSeparator="{Binding #reverse.IsChecked}"
                                TabStripPlacement="{Binding #place.SelectedValue}">
                                <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}"
                                Height="300">
                            <TabControl
                                Theme="{StaticResource ScrollTabControl}"
                                Classes.ReverseSeparator="{Binding #reverse.IsChecked}"
                                ItemsSource="{Binding Items}"
                                TabStripPlacement="{Binding #place.SelectedValue}" />
                        </Border>
                    </StackPanel>
                </TabItem>
                <TabItem Header="Line">
                    <StackPanel>
                        <Border Theme="{StaticResource CardBorder}">
                            <TabControl
                                Theme="{StaticResource LineTabControl}"
                                TabStripPlacement="{Binding #place.SelectedValue}">
                                <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}"
                                Height="300">
                            <TabControl
                                Theme="{StaticResource ScrollLineTabControl}"
                                ItemsSource="{Binding Items}"
                                TabStripPlacement="{Binding #place.SelectedValue}" />
                        </Border>
                    </StackPanel>
                </TabItem>
                <TabItem Header="Card">
                    <StackPanel>
                        <Border Theme="{StaticResource CardBorder}">
                            <TabControl
                                Theme="{StaticResource CardTabControl}"
                                TabStripPlacement="{Binding #place.SelectedValue}">
                                <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}"
                                Height="300">
                            <TabControl
                                Theme="{StaticResource ScrollCardTabControl}"
                                ItemsSource="{Binding Items}"
                                TabStripPlacement="{Binding #place.SelectedValue}" />
                        </Border>
                    </StackPanel>
                </TabItem>
                <TabItem Header="Button">
                    <StackPanel>
                        <Border Theme="{StaticResource CardBorder}">
                            <TabControl
                                Theme="{StaticResource ButtonTabControl}"
                                TabStripPlacement="{Binding #place.SelectedValue}">
                                <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}"
                                Height="300">
                            <TabControl
                                Theme="{StaticResource ScrollButtonTabControl}"
                                ItemsSource="{Binding Items}"
                                TabStripPlacement="{Binding #place.SelectedValue}" />
                        </Border>
                    </StackPanel>
                </TabItem>
            </TabControl>
        </StackPanel>
    </ScrollViewer>
</UserControl>