6

在这种组合中，gridsplitter 将我的列表视图推到视野之外时，我遇到了问题。重现步骤：

  • 启动程序，拖动窗口大小变大
  • 将红色拆分器一直向左拖动以最小化蓝色列
  • 加宽两个 ListView 列，直到它们位于视口之外并出现水平滚动
  • 再次将窗口大小拖小

对我来说，这会慢慢地将 ListView 推到 Window 之外。请注意，ScrollViewer 实际上随着 Window 的大小而减小，但速度不同，并且会慢慢消失。一旦滚动查看器开始滑出视图，拆分器就不能再使用了！

奇怪的是，如果我不首先最小化左侧面板，我不会得到这种行为！

有什么办法可以解决这个问题？

<Window x:Class="LayoutTest3.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="600" Width="800" MinHeight="600" MinWidth="800" >
    <Window.Resources>
        <XmlDataProvider XPath="/Celebrities/Celebrity" x:Key="celebs">
            <x:XData>
                <Celebrities xmlns="">
                    <Celebrity Name="Jimmy">
                        <LastName>Page</LastName>
                    </Celebrity>
                    <Celebrity Name="Johnny">
                        <LastName>Depp</LastName>
                    </Celebrity>
                    <Celebrity Name="Britney">
                        <LastName>Spears</LastName>
                    </Celebrity>
                </Celebrities>
            </x:XData>
        </XmlDataProvider>

        <DataTemplate x:Key="NameTemplate">
            <TextBlock Text="{Binding XPath=@Name}" />
        </DataTemplate>
    </Window.Resources>

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" MinWidth="100" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*" MinWidth="400" />
        </Grid.ColumnDefinitions>
        <Border Grid.Column="0" Background="Blue" />
        <GridSplitter Grid.Column="1" Width="5" HorizontalAlignment="Center" ResizeBehavior="PreviousAndNext" VerticalAlignment="Stretch" Background="Red" />
        <Border Grid.Column="2" Background="Green">
            <ListView ItemsSource="{Binding Source={StaticResource celebs}}">
                <ListView.View>
                    <GridView>
                        <GridView.Columns>
                            <GridViewColumn Header="Name" CellTemplate="{StaticResource NameTemplate}" Width="150" />
                            <GridViewColumn Header="LastName" DisplayMemberBinding="{Binding XPath=LastName}" />
                        </GridView.Columns>
                    </GridView>
                </ListView.View>
            </ListView>
        </Border>
    </Grid>
</Window>
4

3 回答 3

7

GridSplitter 和具有 MinWidth 的 Column 存在一个已知问题，GridSplitter 仍会调整 Grid 的大小而忽略 Column 的 MinWidth。结果是不断增长的列的子级获得了实际可用的更多大小。但是考虑到 MinWidth 的 Grid 布局子级，因此您的 Shrinking 列仍保持在 MinWidth 但Growing Column 的子级超出了 GridSplitter 超出收缩列的 MinWidth 的大小。

我将在我的一个项目中找出我是如何解决这个问题的，我将发布代码。同时您可以尝试以下选项。

  1. 从 ColumnDefinition 中删除 MinWidth
  2. 将 MinWidth 添加到子级

事先知道您的 Grid 的最小尺寸应该是 500 + 拆分器的尺寸，您可以设置整个 Grid 的 MinWidth。

于 2011-06-22T06:56:13.550 回答
2

我是这样做的：

<Grid Name="container" SizeChanged="container_SizeChanged">
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition Name="rightPanel" Width="*" MinWidth="100"/>
    </Grid.ColumnDefinitions>
    <TextBlock Grid.Column="0" Background="Red" Foreground="White">Test</TextBlock>
    <GridSplitter Grid.Column="0" VerticalAlignment="Stretch" HorizontalAlignment="Right" Width="2" Height="Auto" ResizeDirection="Columns"/>
    <Border Grid.Column="1" Background="Green" Margin="0 0 0 0">
        <ListView ItemsSource="{Binding Source={StaticResource celebs}}">
            <ListView.View>
                <GridView>
                    <GridView.Columns>
                        <GridViewColumn Header="Name" CellTemplate="{StaticResource NameTemplate}" Width="150" />
                        <GridViewColumn Header="LastName" DisplayMemberBinding="{Binding XPath=LastName}" />
                    </GridView.Columns>
                </GridView>
            </ListView.View>
        </ListView>
    </Border>
</Grid>

和后面的代码（糟糕！）：

private void container_SizeChanged(object sender, SizeChangedEventArgs e)
{
    rightPanel.MaxWidth = container.ActualWidth - 150;
}

基本上，您取出最小宽度并执行类似的计算以在另一个面板上设置 MaxWidth。

于 2011-06-22T09:03:33.427 回答
1

也许这会有所帮助，您总是必须对宽度/高度使用相同类型的单位，否则拆分器将无法正常工作。

 <Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="1*" MinWidth="150"/>
        <ColumnDefinition Width="4*" MinWidth="150"/>
    </Grid.ColumnDefinitions>

    <ListView Grid.Column="0" BorderBrush="#FF005BFF" Margin="0,0,5,0">
        <ListView.View>
            <GridView>
                <GridViewColumn />
            </GridView>
        </ListView.View>
    </ListView>

    <GridSplitter Grid.Column="1" 
                  HorizontalAlignment="Left" VerticalAlignment="Stretch" 
                  Background="Black" 
                  ShowsPreview="true"
                  Width="2" />

    <ListView Grid.Column="1" BorderBrush="#FFFF5100" Margin="5,0,0,0">
        <ListView.View>
            <GridView>
                <GridViewColumn />
            </GridView>
        </ListView.View>
    </ListView>
</Grid>
于 2014-09-17T21:40:21.697 回答