将图标和标题放入按钮 - XAML - 我想我需要更好的方法

时间:2017-01-11 22:43:57

标签: c# wpf xaml button styling

我创建了一个按钮,其中应包含图标/图片和文字,例如描述该按钮正在执行的操作。

例如,添加新客户的按钮可能如下所示,这就是我的应用程序中的acctualy现在的样子:

enter image description here

正如你可以看到的那样,我放置了图标和文字" 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,所以我不会走错路,所以伙计们,任何建议都会受到欢迎!!

谢谢! 干杯

0 个答案:

没有答案