以C#撰寫Windows記事本(Visual C#)

作業要求：以C#撰寫Windows記事本

開發環境：Visual Studio 2015

製作簡述：

根據作業要求，以C#撰寫記事本。以下是本次作業專案的製作流程

• 功能審視(以Windows7記事本為例)

• 使用者介面UI設計(描摹)

• 功能對應操作功能增添

功能審視

開發前先對於需求做更完整的了解與描述。

在整個視窗程是最上方的標題要顯示當前開啟的檔案，預設名稱為未命名 - 記事本，若有開啟舊檔或是已經儲存該文件，則顯示 文件檔案名稱 – 記事本。

功能列中的各種下拉選單包含的內容：有檔案、編輯、格式、檢視與說明五類。

• 檔案內的操作開啟舊檔、儲存檔案、另存新檔與列印都有對應現成視窗可以快速完成，前三者可以利用工具箱(Toolbox)內分類中的Printing與Dialogs中來快速的完成，僅需針對部分屬性進行設定。
  

• 編輯部分多為對textbox或是rich textbox的物件(text或是SelectedText)進行操作。
  

• 格式如字型的變更則可以用到Dialog的FontDialog完成調整。
  

• 檢視與說明則僅為資料的顯示，檢視的狀態列為在視窗的最底端顯示目前字數行數等資訊。
  
• 說明則顯示如使用說明、版本、版權、注意事項等說明。
  
  
  
  
  
  
  

使用者介面UI設計(描摹)

進入視窗設計的部分，根據第一點歸納的內容，則可以開始設計或者說描摹。此處為了與Windows有些許不同，會在每個下拉選單的前面加上圖像icon，做點變化，除此之外就與Windows的內容大同小異。圖像的icon為google所獲得，本人並無任何版權，僅作為教學之用途。

成果可以參考我的github中notepad資料夾下的Form1.Designer.cs的內容與下圖。

針對上面的工具列(ToolStrip)的內容設計，Visual Studio的設計器提供很好入手的UI操作，這邊就簡單說明：

1. 點選要增添的內容，由於每個項目下都有多個選項，所以都選擇下拉按鈕DropDownButton這一項。

   

   
   

   Add Button to Tool Strip

2. 改變他的內容可以到屬性(Properties)中調整，但主要都是調整顯示內容，因此我們對該按鈕點擊右鍵也會跳出比較常進行調整的內容，如按鈕配置(此處選擇Display Style為ImageAndText，也就是一張圖片和文字，要改變圖片則用Set Image…去做調整，而下拉選單要有什麼按鈕，則可以點擊Edit DropDownItems去增加按鈕等。

   

   
   

   Edit the Drop Down Button Item

至此，在調整完所有UI的顯示文字(text)跟重新命名每個物件的名稱(Name)後，整個UI的編輯就算完成。

功能對應操作功能增添

功能的操作此部分僅說明點擊後的處理，此處點擊該按鈕兩下，程式編輯頁面就會跳到對應的處理函式，即可進行撰寫。接著緊要針對各個函式撰寫程式碼，這部分目前請參考我的github notepad資料夾的Form1.cs。