按钮中的WPF图像和文本对齐方式

时间:2013-08-14 08:08:48

标签: wpf xaml button

我需要一种方法将标签对齐,并将图像对齐。我试过这段代码:

<Button HorizontalAlignment="Left" Margin="11,265,0,0" VerticalAlignment="Top" Width="190" Height="51">
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch">
                <Image Source="Resources/Accept-icon.png" Stretch="Uniform" HorizontalAlignment="Left"/>
                <Label Content="ذخیره" HorizontalContentAlignment="Right" VerticalAlignment="Center" FontFamily="2  badr" FontSize="20"/>
            </StackPanel>
        </Button> 

但我看到标签贴在图像上。

有没有办法让一些参数像细胞填充(从右/左/上/下)?

2 个答案:

答案 0 :(得分:8)

尝试使用DockPanel代替

<Button HorizontalAlignment="Left" Margin="11,265,0,0" VerticalAlignment="Top" Width="190" Height="51">
  <DockPanel HorizontalAlignment="Stretch">
    <Image Source="Resources/Accept-icon.png" Stretch="Uniform" DockPanel.Dock="Left"/>
    <Label Content="ذخیره" DockPanel.Dock="Right" VerticalAlignment="Center" FontFamily="2  badr" FontSize="20"/>
  </DockPanel>
</Button> 

对于您的填充问题,您要尝试填充哪个元素?

答案 1 :(得分:5)

尝试使用Grid代替StackPanel

<Grid>
   <Image ... HorizontalAlignment="Left"/>
   <Label ... HorizontalAlignment="Right"/>
</Grid>

Padding属性由BlockBorderControlTextBlock等类型发布,例如它不会由Image控件,直接从FrameworkElement继承,但由Label Control

继承