共用方式為


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

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

注意事項注意事項

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

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

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

若要命名您的按鈕控制項

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

    含有 closeButton 名稱的屬性視窗

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

    注意事項注意事項

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

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

  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() 事件處理常式方法。另外,在方法名稱後面通常會加上左括號和右括號 (),以清楚表示目前所討論的是方法。

若要繼續或檢視