欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-02 14:51:46
前言:当WPF项目后台完成到一定程度的时候,就可以对XAML前端进行美化啦,个人认为XAML前端还是挺有意思的。 下面举一个Button加过小图标后的例子: 是不是比生硬的文字看来更人性化了呢? 不多bb下面开始讲如何实现: 首先把你的图标图片文件放入项目,我的存放的是项目的根目录的Images文件 ......

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


下面举一个button加过小图标后的例子:

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

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

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

首先把你的图标图片文件放入项目,我的存放的是项目的根目录的images文件夹内。(图标图片可以去下载

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

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

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

生成操作,更改为内容

 

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>