WPF-具有三列的GridSplitter [英] WPF - GridSplitter with three columns
问题描述
我有一个带有3列网格的应用程序.第一列和第二列之间的网格拆分器工作正常.为了使拆分器位于第二列和第三列之间,我为拆分器创建了一个列. (因此,第三列实际上是第四列.)
I have an app with grid with 3 columns. The grid splitter between the first and second columns works just fine. To get the splitter over to be between the second and third columns I made a column for the splitter. (So now the the third column is really the fourth.)
当我调整大小时,其他列也会缩小.我认为这是因为我将它们设置为相对大小.但是我不知道如何解决.
When I resize the other columns also shrink. I assume that is because I have them set to be relative sized. But I don't know how to fix it.
这是我的问题的XAML Pad Ready示例.将其插入XAML键盘,然后尝试将最后一列的大小调整为较小.
Here is a XAML Pad Ready example of my issue. Plug this into XAML pad and then try to resize the last column to be smaller.
<Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="1*" />
</Grid.ColumnDefinitions>
<StackPanel Background="#feca00" Grid.Column="0">
<TextBlock FontSize="35" Foreground="#58290A"
TextWrapping="Wrap">Left Hand Side</TextBlock>
</StackPanel>
<GridSplitter Width="10" />
<Border CornerRadius="10" BorderBrush="#58290A"
BorderThickness="5" Grid.Column="1">
<TextBlock FontSize="25" Margin="20" Foreground="#FECA00"
TextWrapping="Wrap">Right Hand Side</TextBlock>
</Border>
<GridSplitter Grid.Column="2" HorizontalAlignment="Right" VerticalAlignment="Stretch" Width="5"></GridSplitter>
<TabControl Grid.Column="3" Name="tabControl1">
<TabItem Header="Add Links" Name="tabAddLinks">
<Grid></Grid>
</TabItem>
</TabControl>
</Grid>
</Page>
感谢您的帮助!
有人建议在自己的列中同时使用两个拆分器可以解决此问题.我尝试过,现在第一个拆分器也像第二个拆分器一样缩小列.
It was suggested that having both splitters in their own columns might fix it. I tried that and now the first splitter also shrinks the columns like the second splitter does.
以下是该示例的XAML Pad代码:
Here is the XAML Pad code for that example:
<Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="1*" />
</Grid.ColumnDefinitions>
<StackPanel Background="#feca00" Grid.Column="0">
<TextBlock FontSize="35" Foreground="#58290A"
TextWrapping="Wrap">Left Hand Side</TextBlock>
</StackPanel>
<GridSplitter Grid.Column="1" HorizontalAlignment="Right" VerticalAlignment="Stretch" Width="5"></GridSplitter>
<Border CornerRadius="10" BorderBrush="#58290A"
BorderThickness="5" Grid.Column="2">
<TextBlock FontSize="25" Margin="20" Foreground="#FECA00"
TextWrapping="Wrap">Right Hand Side</TextBlock>
</Border>
<GridSplitter Grid.Column="3" HorizontalAlignment="Right" VerticalAlignment="Stretch" Width="5"></GridSplitter>
<TabControl Grid.Column="4" Name="tabControl1">
<TabItem Header="Add Links" Name="tabAddLinks">
<Grid></Grid>
</TabItem>
</TabControl>
</Grid>
</Page>
推荐答案
尝试为两个拆分器设置HorizontalAlignment="Center"
-不知道为什么为什么将其设置为正确"会导致这种情况发生棘手的,但是更改它对我有用:)
Try setting HorizontalAlignment="Center"
for both splitters - no idea why having it set to "Right" should cause the behaviour to go so screwy, but changing it worked for me :)
这篇关于WPF-具有三列的GridSplitter的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!