Стилизация кнопки WPF с изображением + текстом
В моем приложении C # / WPF / .NET 4.5 у меня есть кнопки с изображениями, которые я реализовал следующим образом:
<Button Style="{StaticResource BigButton}">
<StackPanel>
<Image Source="Images/Buttons/bt_big_save.png" />
<TextBlock>save</TextBlock>
</StackPanel>
</Button>
У меня есть ресурсный словарьUIStyles.xaml в котором я заявляю следующее:
<Style TargetType="Button" x:Key="BigButton">
<Setter Property="Cursor" Value="Hand" />
<Setter Property="Height" Value="80" />
<Setter Property="Width" Value="80" />
<Setter Property="Foreground" Value="White" />
<Setter Property="FontWeight" Value="Bold" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Button">
<Border x:Name="border"
CornerRadius="5"
Background="#FF415360">
<ContentPresenter x:Name="ButtonContentPresenter"
VerticalAlignment="Center"
HorizontalAlignment="Center">
<ContentPresenter.Resources>
<Style TargetType="TextBlock">
<Setter Property="TextAlignment" Value="Center" />
</Style>
<Style TargetType="Image">
<Setter Property="Width" Value="10" />
<Setter Property="Margin" Value="10" />
</Style>
</ContentPresenter.Resources>
</ContentPresenter>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
Свойства курсора, высоты, границы и т. Д. Работают нормально, но я не могу стилизоватьTextBlock
иImage
.
В частности, что должно выглядеть так:
В итоге выглядит так (не учитывая разницу в цвете):
я виделпохожие вопросы спрашивался ранее, но в решениях использовались разные подходы (я не хочу создавать пользовательский элемент управления, все мои потребности, кроме этого, описаны в настоящем коде, и переписывание будет неприятным). Мне просто нужно исправитьStyle
таким образомTextBlock
по центру иImage
центрирован и сделан меньше.
Как мне переписатьStyle
исправить вид моих кнопок?