首页 > 解决方案 > 防止选项卡标题水平滚动

问题描述

我正在尝试制作一个标签系统,用户可以在其中添加和删除标签。我希望添加按钮位于最后一个选项卡的右侧,新闻选项卡应添加在最后一个选项卡项之后,该选项卡项应将添加按钮进一步向右推。我遇到的问题是我似乎无法禁用 TabControl 上的标题滚动,因此标签栏没有扩展,它的宽度保持不变并提供箭头按钮滚动。

以下是用于说明我的问题的图像和 xaml 代码:

在此处输入图像描述

在此处输入图像描述

<Grid Grid.Column="0" Grid.ColumnSpan="1" Grid.RowSpan="1">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="auto" MaxWidth="800" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="41*" />
            <RowDefinition Height="278*" />
        </Grid.RowDefinitions>

        <dragablz:TabablzControl x:Name="tabs" HeaderMemberPath="Text" 
ShowDefaultCloseButton="True" Grid.RowSpan="2"
                                 HorizontalAlignment="Left"

                                 ScrollViewer.CanContentScroll="False"

ScrollViewer.IsDeferredScrollingEnabled="False"

ScrollViewer.HorizontalScrollBarVisibility="Hidden"

ScrollViewer.VerticalScrollBarVisibility="Hidden">
            <TabItem Header="HOME TAB">
            </TabItem>
        </dragablz:TabablzControl>

        <ListViewItem x:Name="lviAdd" Grid.Column="1" Grid.Row="0" 
Background="Gray" HorizontalAlignment="Left"
                      PreviewMouseDown="LviAdd_PreviewMouseDown" Width="50">
            <materialDesign:PackIcon Kind="Add" Height="30" Width="30" 
Margin="5, 3, 5, 3" Foreground="White" />
        </ListViewItem>
    </Grid>

标签: c#wpftabsmaterial-design

解决方案


推荐阅读