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>

搬運轉發請連接註明出處。