如何在 wpf 中制作单行 tabitems 标题？答案

【问题标题】：How to make Single lined tabitems header in wpf?如何在 wpf 中制作单行 tabitems 标题？
【发布时间】：2020-03-13 04:27:53
【问题描述】：

我已经制作了动态生成的选项卡项目。My output 它在水平方向显示选项卡标题 5，然后它进入下一行。我想要单行。

        <TabControl.ItemTemplate>
            <DataTemplate>
                        <StackPanel Orientation="Horizontal"  MaxWidth="130" MinWidth="130" >
                            <TextBlock Text="{Binding Header}" FontFamily="Arial"/>
                            <CheckBox Margin="10 0 0 0" IsChecked="{Binding isactive,Mode=TwoWay}" x:Name="chkbx" />
                        </StackPanel>
            </DataTemplate>
        </TabControl.ItemTemplate>

        <TabControl.ContentTemplate>
            <DataTemplate>
                <UserControl Content="{Binding TabConten}"></UserControl>
            </DataTemplate>
        </TabControl.ContentTemplate>
    </TabControl>

【问题讨论】：

标签： c# .net wpf wpf-controls

【解决方案1】：

你可以把它放在一个 ScrollViewer 中。

<ScrollViewer HorizontalScrollBarVisibility="Auto" >
    <TabControl>
       <TabControl.ItemTemplate>
        <DataTemplate>
                    <StackPanel Orientation="Horizontal"  MaxWidth="130" MinWidth="130" >
                        <TextBlock Text="{Binding Header}" FontFamily="Arial"/>
                        <CheckBox Margin="10 0 0 0" IsChecked="{Binding isactive,Mode=TwoWay}" x:Name="chkbx" />
                    </StackPanel>
        </DataTemplate>
    </TabControl.ItemTemplate>

    <TabControl.ContentTemplate>
        <DataTemplate>
            <UserControl Content="{Binding TabConten}"></UserControl>
        </DataTemplate>
    </TabControl.ContentTemplate>
  </TabControl>
</ScrollViewer>

【讨论】：