WPF Button带图标和文本

最新推荐文章于 2024-08-17 08:36:25 发布

原创最新推荐文章于 2024-08-17 08:36:25 发布 · 3.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#wpf #.net

本文详细介绍如何在WPF中创建带有图标和文本的按钮，通过设置图片属性为始终复制的资源，使用XAML代码展示了按钮模板的具体实现，包括Grid布局、图片源和文本属性。

部署运行你感兴趣的模型镜像

WPF Button带图标和文本

图片属性先设置：始终复制>>Resource
在这里插入图片描述

  <Button x:Name="btnRefresh" HorizontalContentAlignment="Right"  Click="btnRefresh_Click"  Height="22" >
                                <Button.Template>
                                    <ControlTemplate>
                                        <Grid>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition/>
                                                <ColumnDefinition/>
                                            </Grid.ColumnDefinitions>
                                            <Image  Width="16" Height="16" Source="../../Resources/Image/refresh.png" />
                                            <TextBlock Grid.Column="1" Height="19"  Text=" 刷新" Foreground="#2F54EB" HorizontalAlignment="Left"></TextBlock>
                                        </Grid>
                                    </ControlTemplate>
                                </Button.Template>
                            </Button>

Grid里面可以随意放你自己想要的，可自行尝试。

您可能感兴趣的与本文相关的镜像