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>

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