WPF 给Button按钮加小图标图片Image

2021-03-09 19:28

阅读：511

标签：完成代码 html 更改相对 inf log rap data

原文:WPF 给Button按钮加小图标图片Image

前言：当WPF项目后台完成到一定程度的时候，就可以对XAML前端进行美化啦，个人认为XAML前端还是挺有意思的。

下面举一个Button加过小图标后的例子：

是不是比生硬的文字看来更人性化了呢？

不多bb下面开始讲如何实现：

首先把你的图标图片文件放入项目，我的存放的是项目的根目录的Images文件夹内。（图标图片可以去https://www.iconfont.cn/下载）

然后在项目中找到你的图片——>右键包括在项目中——>再右键，点击属性：

技术图片

复制到输出目录，更改为始终复制。

生成操作，更改为内容。

OK，下面就是在XAML中的操作了，下面举两个例子：

Button：(Image的Source属性可以使用相对路径，即：从项目的根目录开始 )

            Button Name="btnAdd">
                WrapPanel >
                    Image Source="/Images/add.png" Width="15" Height="15"/>
                    TextBlock Text="新添加" VerticalAlignment="Center" />
                WrapPanel>
            Button>

TabControl：(需要在TabItem.Header中加入Image)

        TabControl >
            TabItem Width="100" Height="28">
                TabItem.Header>
                    WrapPanel >
                        Image Source="/Images/add.png" Width="15" Height="15"/>
                        TextBlock Text="新添加" VerticalAlignment="Center" />
                    WrapPanel>
                TabItem.Header>
            TabItem>
        TabControl>

搬运转发请链接注明出处。

WPF 给Button按钮加小图标图片Image

标签：完成代码 html 更改相对 inf log rap data

原文地址：https://www.cnblogs.com/lonelyxmas/p/12730259.html

上一篇：WPF入门学习

下一篇：WPF 控件功能重写(ComboBox回车搜索)

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：WPF 给Button按钮加小图标图片Image
文章链接：http://soscw.com/index.php/essay/62420.html

亲，登录后才可以留言！

WPF 给Button按钮加小图标图片Image

评论

热门文章

推荐文章

最新文章

置顶文章