前言

早在18年，博主第一次開始寫部落格，內容為 C# 上位機開發，寫完後收穫了不錯的閱讀量和好評：

• C#上位機開發（一）—— 瞭解上位機
• C#上位機開發（二）—— Hello，World
• C#上位機開發（三）—— 構建SerialAssistant雛形
• C#上位機開發（四）—— SerialAssistant功能完善
• C#上位機開發（五）——SerialAssistant介面升級（WinForm介面佈局進階）
• C#上位機開發（六）——SerialAssistant功能優化（串列埠自動掃描功能、接收資料儲存功能、載入傳送檔案、傳送歷史記錄、開啟瀏覽器功能、定時傳送功能）
• C#上位機開發（七）—— 修改視窗圖示和exe檔案圖示

Github開源倉庫：https://github.com/Mculover666/SerialAssistant。

一、傳送按鈕新增背景圖片

目前所使用的都是winform預設樣式，太醜了，接下來給按鈕新增圖片，美化按鈕。

1. 尋找圖示

首先在iconfont上尋找一個好看的圖示：

2. 新增圖片資源到工程中

首先將圖片複製到專案中的 Resources 資料夾中，否則會路徑找不到的錯誤：

接著在【解決方案管理器】中開啟資原始檔Resources.resx，點選新增資源後的下拉框，選擇新增現有檔案：

選中圖片資源：

新增之後如圖：

3. 修改傳送按鈕背景

點選傳送按鈕的背景圖片設定屬性：

選擇剛剛新增到專案的圖示資源：

新增之後如圖：

4. 設定透明背景

Transparent為透明：

5. 去除邊框顯示

這個明顯有邊框，太醜了，通過設定屬性去掉邊框：


這樣就做到無邊框顯示啦~

二、在程式碼中呼叫圖片資源

在點選開啟串列埠後，希望背景圖片變為斷開連線的圖片，這就需要在程式碼中存取，格式為：

global::<名稱空間>.Properties.Resources.<圖片名>

比如：

button1.BackgroundImage = global::SerialAssistant.Properties.Resources.connect;

實現的效果如下：

三、最終實現介面效果