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>

搬運轉發請鏈接注明出處。