即使内容高于容器，WPF 控件也会与底部对齐答案

【问题标题】：WPF control align to bottom even when content is taller than container即使内容高于容器，WPF 控件也会与底部对齐
【发布时间】：2014-06-14 03:33:18
【问题描述】：

我有一个需要显示的控件，以便它始终在其容器的底部对齐，即使该控件高于其容器也是如此。我设置了控件的VerticalAlignment="Bottom"，当容器较大时效果很好，但是当容器缩小时，控件顶部与容器顶部对齐，底部被切断。我需要切断顶部。

<Window x:Class="NestedListBox.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:system="clr-namespace:System;assembly=mscorlib"
        x:Name="Root"
        Title="MainWindow" Height="185" Width="525">
    <Grid>
        <ItemsControl VerticalAlignment="Bottom">
            <system:String>Test 1</system:String>
            <system:String>Test 2</system:String>
            <system:String>Test 3</system:String>
            <system:String>Test 4</system:String>
            <system:String>Test 5</system:String>
            <system:String>Test 6</system:String>
            <system:String>Test 7</system:String>
            <system:String>Test 8</system:String>
            <system:String>Test 9</system:String>
            <system:String>Test 10</system:String>
            <system:String>Test 1</system:String>
            <system:String>Test 2</system:String>
            <system:String>Test 3</system:String>
            <system:String>Test 4</system:String>
            <system:String>Test 5</system:String>
            <system:String>Test 6</system:String>
            <system:String>Test 7</system:String>
            <system:String>Test 8</system:String>
            <system:String>Test 9</system:String>
            <system:String>Test 10</system:String>
        </ItemsControl>
    </Grid>
</Window>

当您拖动大于ItemsControl 的窗口时，它仍然与底部对齐，但一旦窗口变小，顶部就会对齐。

除了Grid，我还尝试将DockPanel 设置为ItemsControl 为DockPanel.Dock="Bottom"，但这也不起作用。

【问题讨论】：

标签： c# wpf xaml wpf-controls

【解决方案1】：

您可以利用 Canvas 来达到您的预期效果

请注意，VerticalAlignment 已从 ItemsControl 中删除，Canvas.Bottom 设置为 0 以使其粘在画布的底部。

<Grid>
    <Canvas>
        <ItemsControl Canvas.Bottom="0">
            <system:String>Test 1</system:String>
            <system:String>Test 2</system:String>
            <system:String>Test 3</system:String>
            <system:String>Test 4</system:String>
            <system:String>Test 5</system:String>
            <system:String>Test 6</system:String>
            <system:String>Test 7</system:String>
            <system:String>Test 8</system:String>
            <system:String>Test 9</system:String>
            <system:String>Test 10</system:String>
            <system:String>Test 1</system:String>
            <system:String>Test 2</system:String>
            <system:String>Test 3</system:String>
            <system:String>Test 4</system:String>
            <system:String>Test 5</system:String>
            <system:String>Test 6</system:String>
            <system:String>Test 7</system:String>
            <system:String>Test 8</system:String>
            <system:String>Test 9</system:String>
            <system:String>Test 10</system:String>
        </ItemsControl>
    </Canvas>
</Grid>

【讨论】：