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