技術標籤：wpf

作者：孫英鵬  撰寫時間：2021年1月18日

在做WPF專案的時候，有時候為了介面的好看和簡約，會把一些按鈕做的更簡約化，就直接給一張圖片放到表格裡，為了實現按鈕功能，至於怎麼做？來看一下程式碼。

程式碼：

  <DataGridTemplateColumn Header="功能" Width="20*">
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <Grid Width="Auto">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition/>
                                        <ColumnDefinition/>
                                        <ColumnDefinition/>
                                        <ColumnDefinition/>
                                        <ColumnDefinition/>
                                    </Grid.ColumnDefinitions>
                                    <Image 
          Grid.Column="1" Source="/Imagers/Main/列印.png"
x:Name="bt_dy" 
ToolTip="列印結婚稽核單" 
MouseLeftButtonDown="bt_dy_MouseLeftButtonDown"/>
                                    <Image 
Grid.Column="3" 
Source="/Imagers/Main/列印.png" 
x:Name="bt_sh" 
ToolTip="稽核" 
MouseLeftButtonDown="bt_sh_MouseLeftButtonDown"/>       
                                </Grid>
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>
 

首先：在表格裡面新增《DataGridTemplateColumn》標籤，在裡面設定好寬的位置，是用來存放圖片，然後在Image標籤裡面寫上MouseLeftButtonDown ，MouseLeftButtonDown 是跳轉到後臺寫實現功能的程式碼，其實和Button按鈕差不多的，然後ToolTip標籤是當滑鼠放到圖示的時候，會呈現出提示框告訴意思。

效果圖：