我创建了一个按钮,其中应包含图标/图片和文字,例如描述该按钮正在执行的操作。
例如,添加新客户的按钮可能如下所示,这就是我的应用程序中的acctualy现在的样子:
正如你可以看到的那样,我放置了图标和文字" New"在此按钮中,此按钮将用于打开新窗口,其中包含用于将新客户插入数据库的控件。
这是我的代码:
<Button x:Name="btnAddNewCustomer"
Grid.Column="0"
FontSize="15"
BorderThickness="1.5"
HorizontalContentAlignment="Center"
VerticalContentAlignment="Center"
Foreground="White"
Background="White"
BorderBrush="#0091EA" Margin="5,0,0,0">
<Button.Template>
<ControlTemplate TargetType="{x:Type Button}">
<Border BorderThickness="{TemplateBinding BorderThickness}"
BorderBrush="{TemplateBinding BorderBrush}"
Background="{TemplateBinding Background}">
<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
</Border>
</ControlTemplate>
</Button.Template>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Image Source="/MyProject.Wpf;component/Icons/customer-icon.png" Margin="10" Grid.Column="0" Width="Auto"/>
<TextBlock Foreground="Black" Margin="0,0,0,3" Grid.Row="1" VerticalAlignment="Center" Grid.Column="1" HorizontalAlignment="Center" >New</TextBlock>
</Grid>
</Button>
有可能注意到,为实现这一目标,我在Grid
中放置了Button
2列,第一列是保留图片,第二列是文字&#34;新&# 34;
就我个人而言,看起来这是一个糟糕的解决方案,我相信有更好的解决方案可以做到这一点,但此时此刻我还不知道!
因为我现在正在学习WPF,所以我不会走错路,所以伙计们,任何建议都会受到欢迎!!
谢谢! 干杯