码迷,mamicode.com
首页 > Windows程序 > 详细

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

时间:2020-04-19 11:04:56      阅读:78      评论:0      收藏:0      [点我收藏+]

标签:完成   代码   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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!