当前位置： 移动技术网 > IT编程>开发语言>.net > WPF 给Button按钮加小图标图片Image

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

2020年01月11日  | 移动技术网IT编程  | 我要评论

湖北恩施论坛,柯暮卿,断爱黑王子

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

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

button按钮

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

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

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

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

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

生成操作，更改为内容。

 

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>

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网