WPF Dockpanel 不会正确对齐

Question

我有这个代码，我在 Button.Content 上使用了 DockPanel。但是它不允许我正确对齐最后一个图像(小箭头)。

<Button Height="70"
                    HorizontalContentAlignment="Left">
              <Button.Content>
                <DockPanel LastChildFill="False">
                  <Image DockPanel.Dock="Left"
                    Height="50"
                         Width="50"
                         Source="{StaticResource Placeholder}"
                         Stretch="UniformToFill"
                         Margin="5" />
                  <TextBlock DockPanel.Dock="Left"
                             Text="Dummy text"
                             VerticalAlignment="Center"
                             Margin="5" />
                  <Image DockPanel.Dock="Right"
                         Height="24"
                         Width="24"
                         Source="{StaticResource Right_Arrow_24}"
                         VerticalAlignment="Center"
                         HorizontalAlignment="Right"
                         Stretch="UniformToFill"
                         Margin="5" />
                </DockPanel>
              </Button.Content>
            </Button>

它现在给了我这个:



所以右边的小箭头应该放在按钮的右边，而不是放在 TextBlock 之后。
我发现了一些类似的问题，看起来我做对了，但不知何故它不是..

我在这里做错了什么？

Answer 1

尝试设置 HorizontalContentAlignment按钮的“Stretch”。否则您的 DockPanel 将使用其内容所需的大小，然后左对齐。您可以通过为您的 TextBlock 使用不同的文本长度来确认此行为。秒