水平對齊

Question

下面是我對按鈕的代碼：

<Button //namespaces 
     x:Class="myProject.MyButton" 
     FocusVisualStyle="{x:Null}" 
     Foreground="White" 
     Height="60" 
     Width="200" 
     HorizontalContentAlignment="Center" 
     VerticalContentAlignment="Center" 
     Padding="0 0 1 1" 
     > 
    <Button.Template> 
     <ControlTemplate TargetType="{x:Type Button}"> 
      <Border x:Name="border" CornerRadius="8"> 
       <Border.Background> 
        #006BB7 
       </Border.Background> 
       <DockPanel Margin="3"> 
        <Image Source="{Binding Path=Tag, RelativeSource={RelativeSource TemplatedParent}}" Height="30" Stretch="Fill" Margin="0 0 0 0" HorizontalAlignment="Left"/> 
        <TextBlock Text="{Binding Path=Content,RelativeSource={RelativeSource TemplatedParent}}" FontSize="20" VerticalAlignment="Center" Padding="10,0,10,0" HorizontalAlignment="Left"/> 
        <Image Source="{DynamicResource ResourceKey=Bmp}" Height="30" Width="30" HorizontalAlignment="Right" Margin="0 0 10 0"></Image> 
       </DockPanel> 
      </Border> 
     </ControlTemplate> 
    </Button.Template> 
</Button> 

當我這樣稱呼它：

<ui:MyButton x:Name="btnGo" Tag="/Resources/Go.png" Content="Go" Command="{Binding Path=GoCommand}" Margin="20 0 0 0"/> 

，一切看起來像我希望它看起來：第一圖像ISN不顯示，按鈕的第三部分（第二個圖像）右對齊。

然而，在這裏：

<ui:MyButton Margin="10" Content="{Binding MyName}" Tag="{Binding Path}" HorizontalAlignment="Center" VerticalAlignment="Top"> 
    <Button.Resources> 
     <BitmapImage x:Key="Bmp" UriSource="/Images/arrowRight.png"></BitmapImage> 
    </Button.Resources> 
</ui:MyButton> 

WHN我這樣調用按鈕，文本和第二圖像不顯示。所有顯示的是第一個圖像，並通過整個按鈕的寬度拉伸。這是爲什麼發生？我想讓這個行爲像另一個行爲一樣。

Answer 1

試試這個

在Change content of Image and of TextBlock when the Image and the TextBlock are in a button我們使用資源的按鈕，我們在這裏如果你要定義一個`MyButton`自定義類的`Button`使用<ui:MyButton>

<ui:MyButton Margin="10" Content="{Binding MyName}" Tag="{Binding Path}" HorizontalAlignment="Center" VerticalAlignment="Top"> 
    <ui:MyButton.Resources> 
     <BitmapImage x:Key="Bmp" UriSource="/Images/arrowRight.png"></BitmapImage> 
    </ui:MyButton.Resources> 
</ui:MyButton>