共用方式為

步驟 6：命名您的按鈕控制項

  • 發行項

表單上只有一個 PictureBox。 加入它時，IDE 會自動將它命名為 pictureBox1。 只有一個 CheckBox，名為 checkBox1。 接著，您將撰寫一些程式碼，該程式碼會參考 CheckBox 和 PictureBox。 因為這些控制項都只有一個，所以您在程式碼中看到 pictureBox1 或 checkBox1 時就知道它們代表的意義。

注意事項注意事項

在 Visual Basic 中，任何控制項名稱的預設第一個字母都是大寫，所以是 PictureBox1、CheckBox1，依此類推。

表單上有四個按鈕，IDE 將它們分別命名為 button1、button2、button3 及 button4。 只從目前的名稱來看，並無法得知哪一個按鈕才是 [關閉] 按鈕，以及哪一個是 [顯示圖片] 按鈕。 這就是為何命名按鈕控制項很有用的原因。

視訊的連結本主題的影像版本，請參閱教學課程 1： 建立圖片檢視器中 Visual Basic-視訊 3 或 教學課程 1： 建立圖片檢視器中 C#-視訊 3。

若要命名您的按鈕控制項

  1. 按一下 [關閉] 按鈕 (如果仍然已選取所有按鈕，請按下 ESC 鍵取消選取)。 在 [屬性] 視窗中捲動，直到看到 [(Name)] 屬性為止 (屬性依字母順序排列時，[(Name)] 屬性會靠近頂端)。 將名稱變更為 closeButton，如下列圖片所示。

    含有 closeButton 名稱的屬性視窗

    包含 closeButton 名稱的 [屬性] 視窗

    注意事項注意事項

    如果您嘗試將按鈕的名稱變更為 closeButton，即 close 和 Button 兩字中間加上空格，IDE 會顯示錯誤訊息：[無效的屬性值]。 控制項名稱中不允許空格 (和其他一些字元)。

  2. 將其他三個按鈕分別重新命名為 backgroundButton、clearButton 和 showButton。 您可以按一下 [屬性] 視窗中的控制項選擇器下拉式清單，以驗證這些名稱。 新按鈕名稱即隨出現。

  3. 按兩下 [Windows Form 設計工具] 中的 [顯示圖片] 按鈕。 這樣做時，IDE 會在主視窗中開啟稱為 [Form1.cs] 索引標籤的新索引標籤，如下列圖片所示。

    含有 Visual C# 程式碼的 Form1.cs 索引標籤

    包含 Visual C# 程式碼的 [Form1.cs] 索引標籤

  4. 注意這部分程式碼。

    Private Sub showButton_Click() Handles showButton.Click

End Sub

    private void showButton_Click(object sender, EventArgs e)
{
}

    您看到一個稱為 showButton_Click() 的方法。 IDE 已在您按一下 [showButton] 按鈕時加入此方法。 此方法包含按一下 [顯示圖片] 按鈕時會執行的程式碼。

    注意事項注意事項

    在本教學課程中，自動產生的 Visual Basic 程式碼已經過簡化，括號 () 之間的任何程式碼都已移除。在此情況下，您也可以移除相同的程式碼。您的程式在任一情況下都可運作。在教學課程的剩餘部分，任何自動產生的程式碼也都會盡可能地簡化。

  5. 移至設計工具索引標籤 (Visual C# 中的 [Form1.cs [Design]] 索引標籤，或 Visual Basic 中的 [Form1.vb [Design]] 索引標籤)，然後按兩下 [清除圖片] 按鈕。 針對最後兩個按鈕重複此步驟。 IDE 每一次都會將新的方法加入至表單的程式碼。

  6. 若要再加入一個方法，請按兩下 [Windows Form 設計工具] 中的 CheckBox 控制項，使 IDE 加入 checkBox1_CheckedChanged() 方法。 每當使用者選取或清除核取方塊時就會呼叫該方法。

    注意事項注意事項

    在設計程式時，您通常會在程式碼編輯器和 [Windows Form 設計工具] 之間移動。IDE 可讓您在專案中輕鬆巡覽。使用 [方案總管] 來開啟 [Windows Form 設計工具] (在 Visual C# 中按兩下 [Form1.cs] 或在 Visual Basic 中按兩下 [Form1.vb])。

    下列顯示您在程式碼編輯器中看到的新程式碼。

    Private Sub clearButton_Click() Handles clearButton.Click

End Sub

Private Sub backgroundButton_Click() Handles backgroundButton.Click

End Sub

Private Sub closeButton_Click() Handles closeButton.Click

End Sub

Private Sub CheckBox1_CheckedChanged() Handles CheckBox1.CheckedChanged

End Sub

    private void clearButton_Click(object sender, EventArgs e)
{
}

private void backgroundButton_Click(object sender, EventArgs e)
{
}

private void closeButton_Click(object sender, EventArgs e)
{
}

private void checkBox1_CheckedChanged(object sender, EventArgs e)
{
}
    注意事項注意事項

    您加入的五個方法稱為「事件處理常式」(Event Handler)，因為每當事件發生時 (例如使用者按一下按鈕或選取方塊)，程式就會呼叫這些方法。

    當您在 IDE 中按兩下控制項時，IDE 會為該控制項加入事件處理常式方法。例如，當您按兩下按鈕時，IDE 會為其 Click 事件加入事件處理常式 (每當使用者按一下按鈕時，就會呼叫)。當您按兩下核取方塊時，IDE 會為其 CheckedChanged 事件加入事件處理常式 (每當使用者選取或清除方塊時，就會呼叫)。

    在您為控制項加入事件處理常式之後，您隨時可以從 [Windows Form 設計工具] 中按兩下控制項，以回到此控制項。
    注意事項注意事項

    當您建置程式時，名稱很重要，而方法 (包括事件處理常式) 則可以具有您想要的任何名稱。當您使用 IDE 加入事件處理常式時，IDE 會根據控制項的名稱和所處理的事件來選擇名稱。例如，名稱為 showButton 按鈕的 Click 事件稱為 showButton_Click() 事件處理常式方法。另外，在方法名稱後面通常會加上左括號和右括號 ()，以清楚表示目前所討論的是方法。

若要繼續或檢視