Diseño de un botón WPF con imagen + texto
En mi aplicación C # / WPF / .NET 4.5 tengo botones con imágenes que implementé de la siguiente manera:
<Button Style="{StaticResource BigButton}">
<StackPanel>
<Image Source="Images/Buttons/bt_big_save.png" />
<TextBlock>save</TextBlock>
</StackPanel>
</Button>
Tengo un diccionario de recursosUIStyles.xaml en el que declaro lo siguiente:
<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>
Las propiedades del cursor, altura, borde, etc. funcionan bien, pero no puedo usar el estiloTextBlock
y elImage
.
Específicamente, lo que debe verse así:
Termina luciendo así (sin tener en cuenta la diferencia de color):
He vistopreguntas similares Pregunté antes, pero las soluciones utilizaron diferentes enfoques (no quiero crear un control de usuario personalizado, todas mis necesidades, excepto esta, están cubiertas en el presente código y volver a escribir será una molestia). Simplemente necesito arreglar miStyle
de manera que laTextBlock
se centra y elImage
Se centra y se hace más pequeño.
¿Cómo reescribo elStyle
¿Para corregir el aspecto de mis botones?