修复列表视图的高度为空 space

Question

我是 WPF 新手，想将列表视图的高度设置为框架的底部。列表视图的宽度已设置为固定值。以下代码代表我的 DockPanel：

<DockPanel 
    Name="dp"
    Width="200" 
    HorizontalAlignment="Left">
    <TextBox DockPanel.Dock="Top" Margin="0,5,0,5"/>
    <ListView Width="{Binding Path=ActualWidth, ElementName=dp}" Background="Yellow" DockPanel.Dock="Left">
        <ListViewItem Content="foobar"/>
        <ListViewItem Content="foobar2"/>
    </ListView>
</DockPanel>

第一个屏幕截图将显示当前场景： http://i.imgur.com/XMbMh4t.png

和高度shell拉伸到下图所示的高度： http://i.imgur.com/Tf7O4pK.png

非常感谢！

此致

Answer 1

您需要在 ListView 元素上使用 VerticalAlignment="Stretch"。如果你需要横向做同样的事情，HorizontalAlignment也是如此。

<DockPanel 
    Name="dp"
    Width="200" 
    HorizontalAlignment="Left">
    <TextBox DockPanel.Dock="Top" Margin="0,5,0,5"/>
    <ListView Width="{Binding Path=ActualWidth, ElementName=dp}" VerticalAlignment="Stretch" Background="Yellow" DockPanel.Dock="Left">
        <ListViewItem Content="foobar"/>
        <ListViewItem Content="foobar2"/>
    </ListView>
</DockPanel>

有关详细信息，请参阅 http://msdn.microsoft.com/en-us/library/ms751709(v=vs.110).aspx。

我已经使用 VerticalAlignment="Stretch" 测试了您的代码，得到了您想要的结果：

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        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:local="clr-namespace:WpfApplication1"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <DockPanel 
    Name="dp"
    Width="200" 
    HorizontalAlignment="Left">
    <TextBox DockPanel.Dock="Top" Margin="0,5,0,5"/>
    <ListView Width="{Binding Path=ActualWidth, ElementName=dp}" VerticalAlignment="Stretch" Background="Yellow" DockPanel.Dock="Left">
        <ListViewItem Content="foobar"/>
        <ListViewItem Content="foobar2"/>
    </ListView>
</DockPanel> 
    </Grid>
</Window>

如果你不能让VerticalAlignment正常工作，我们可以将一个元素的ActualHeight绑定到它的祖先元素。因此，将其添加到您的 ListView 中：

Height="{ Binding Path=ActualHeight, RelativeSource={ RelativeSource Mode=FindAncestor, AncestorType={ x:Type Window } } }"

Answer 2

而不是这个：

<Window>
    <DockPanel>
        <Menu DockPanel.Dock="Top">
        </Menu>
        <DatePicker DockPanel.Dock="Top" />
        <TabControl>
            <TabItem>
                <StackPanel>
                </StackPanel>
            </TabItem>
            <TabItem>
                <StackPanel>
                    <Grid>
                    </Grid>
                    <DockPanel>
                        <TextBox DockPanel.Dock="Top" />
                        <ListView>
                        </ListView>
                    </DockPanel>
                </StackPanel>
            </TabItem>
            <TabItem>
            </TabItem>
        </TabControl>
    </DockPanel>
</Window>

试试这个：

<Window>
    <DockPanel>
        <Menu DockPanel.Dock="Top">
        </Menu>
        <DatePicker DockPanel.Dock="Top" />
        <TabControl>
            <TabItem>
                <StackPanel>
                </StackPanel>
            </TabItem>
            <TabItem>
                <DockPanel>  <!-- instead of StackPanel -->
                    <Grid DockPanel.Dock="Top">
                    </Grid>
                    <!-- can now get rid of this <DockPanel>  -->
                    <TextBox DockPanel.Dock="Top" />
                    <ListView>
                    </ListView>
                </DockPanel>
            </TabItem>
            <TabItem>
            </TabItem>
        </TabControl>
    </DockPanel>
</Window>

修复列表视图的高度为空 space

Fix listview's height to empty space

c#

wpf

listview