WPF Dockpanel не будет выравниваться правильно

Question

У меня есть этот код, на котором я использую DockPanel на Button.Content. Однако это не позволяет мне выровнять последнее изображение (маленькая стрелка).

<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 s

Answer 2

Попробуйте установить

HorizontalContentAlignment = "Stretch"

На кнопке.

Answer 3

Вам просто нужно добавить дополнительный дочерний элемент в DockPanel (скажем, пустой холст) без атрибута DockPanel.Dock, так что ему будет присвоено все оставшееся пространство. В общем, DockPanel работает только тогда, когда его последний ребенок не имеет ограничений на док-станцию ​​