Oktatóanyag: Kód hozzáadása a képmegjelenítő windowsos űrlapalkalmazásához (.NET-keretrendszer)

Ebben a három oktatóanyagból álló sorozatban létrehoz egy Windows Forms-alkalmazást, amely betölt egy képet, és megjeleníti azt. A Visual Studio integrált tervezési környezet (IDE) biztosítja az alkalmazás létrehozásához szükséges eszközöket.

A vezérlők C# vagy Visual Basic kóddal hajtják végre a hozzájuk társított műveleteket.

Ebben a harmadik oktatóanyagban megtanulhatja, hogyan:

• Eseménykezelők hozzáadása a vezérlőkhöz
• Kód írása párbeszédpanel megnyitásához
• Kód írása a többi vezérlőhöz
• Az alkalmazás futtatása

Ha új Windows Forms-alkalmazást szeretne létrehozni a .NET-tel, kövesse az oktatóanyagot Windows Forms-alkalmazás létrehozása .NET-tel. További információt a Windows Forms .NET asztali útmutatójában talál.

Előfeltételek

• Ez az oktatóanyag az előző oktatóanyagokra épül, Képmegjelenítő alkalmazás létrehozása és Felhasználói felület vezérlőinek hozzáadása a képmegjelenítőhöz. Először végezze el őket, és kezdje az oktatóanyagokhoz létrehozott projekttel.

Eseménykezelők hozzáadása a vezérlőkhöz

Ebben a szakaszban eseménykezelőket a második oktatóanyagban hozzáadott vezérlőkhöz, Vezérlők hozzáadása képmegjelenítő alkalmazáshoz. Az alkalmazás meghív egy eseménykezelőt egy művelet végrehajtásakor, például kiválaszt egy gombot.

1. Nyissa meg a Visual Studiót. A Képmegjelenítő projekt a legutóbbi megnyitott elemekalatt jelenik meg.

2. A Windows Forms Tervezőben kattintson duplán a Kép megjelenítése gombra. Ehelyett kiválaszthatja a Kép megjelenítése gombot az űrlapon, majd nyomja le Enterbillentyűt.

   A Visual Studio IDE megnyit egy lapot a főablakban. C# esetén a lap neve Form1.cs. Ha Visual Basicet használ, a lap neve Form1.vb.

   Ezen a lapon megjelenik az űrlap mögött található kódfájl.

   

   Jegyzet

   Lehet, hogy a Form1.vb fül ShowButton jelenik meg ShowButton.

3. Koncentráljon a kód ezen részére.

   C#

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

   VM

   Private Sub showButton_Click() Handles showButton.Click
   
   End Sub
   

4. Válassza ismét a Windows Forms Designer lapot, majd kattintson duplán a Kép törlése gombra a kód megnyitásához. Ismételje meg a további két gombot. A Visual Studio IDE minden alkalommal hozzáad egy új metódust az űrlap kódfájljába.

5. Kattintson duplán a Jelölőnégyzet vezérlőelemre Windows Forms DesignercheckBox1_CheckedChanged() metódus hozzáadásához. Amikor bejelöli vagy törli a jelölőnégyzetet, ez a metódus hívódik meg.

   Az alábbi kódrészlet a kódszerkesztőben látható új kódot mutatja be.

   C#

   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)
   {
   }
   

   virtuális gép

   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
   

---

A metódusoknak, beleértve az eseménykezelőket is, tetszőleges nevet adhatnak. Amikor hozzáad egy eseménykezelőt az IDE-vel, az létrehoz egy nevet a vezérlő neve és a kezelendő esemény alapján.

Egy showButton nevű gomb Click eseményét például showButton_Click() vagy ShowButton_Click()nevezzük. Ha módosítani szeretne egy kódváltozó nevét, kattintson a jobb gombbal a kódban lévő változóra, majd válassza Újrabontás>Átnevezéslehetőséget. Ez a művelet átnevezi a változó összes példányát a kódban. További információ: Átnevezés újrabontása.

Kód írása párbeszédpanel megnyitásához

A Kép megjelenítése gomb az OpenFileDialog összetevővel jelenít meg egy képfájlt. Ez az eljárás hozzáadja az összetevő meghívásához használt kódot.

A Visual Studio IDE egy IntelliSensenevű hatékony eszközt kínál. A beíráskor az IntelliSense lehetséges kódot javasol.

1. A Windows Forms Designer-ben kattintson duplán a Kép megjelenítése gombra. Az IDE a kurzort a showButton_Click() vagy ShowButton_Click() metódusba helyezi.

2. Gépeljen be egy i a két kapcsos zárójel közötti üres sorba { }vagy a Private Sub... és End Subközé. Megnyílik egy IntelliSense ablak.

   

3. A IntelliSense ablaknak ki kell emelnie a ifszót. A if kódrészlet beszúrásához kétszer válassza ki a Tab billentyűt.

4. Válassza ki a igaz lehetőséget, majd írja be a op-t a C# vagy a Op-at a Visual Basic felülírásához.

   

   Az IntelliSense openFileDialog1jeleníti meg.

5. Az openFileDialog1 hozzáadásához válassza Tab lehetőséget.

6. Írjon be egy pontot (.) vagy pont, közvetlenül az openFileDialog1 után. Az IntelliSense biztosítja az OpenFileDialog összetevő tulajdonságait és metódusait. Kezdje el beírni a ShowDialog, és válassza a Tablehetőséget. A ShowDialog() metódus a Fájl megnyitása párbeszédpanelt jeleníti meg.

7. Adjon hozzá zárójeleket () közvetlenül a "g" után ShowDialog. A kódnak openFileDialog1.ShowDialog()kell lennie.

8. C# esetén adjon hozzá egy szóközt, majd adjon hozzá két egyenlőségjelet (==). Visual Basic esetén adjon hozzá egy szóközt, majd használjon egyetlen egyenlőségjelet (=).

9. Adjon hozzá egy másik helyet. Az IntelliSense használatával írja be DialogResult.

10. Írjon be egy pontot a DialogResult érték megnyitásához az IntelliSense ablakban. Írja be a betűt O, és a Tab billentyűre kattintva szúrja be OK.

    Jegyzet

    Az első kódsornak teljesnek kell lennie. C# esetén a következőhöz hasonlónak kell lennie.

    if (openFileDialog1.ShowDialog() == DialogResult.OK)

    A Visual Basic esetében a következőnek kell lennie.

    If OpenFileDialog1.ShowDialog() = DialogResult.OK Then

11. Adja hozzá a következő kódsort.

    C#

    pictureBox1.Load(openFileDialog1.FileName);  
    

    VirtualBox

    PictureBox1.Load(OpenFileDialog1.FileName)
    

    Az elemet másolhatja és beillesztheti, vagy hozzáadhatja az IntelliSense segítségével. Az utolsó showButton_Click() metódusnak az alábbi kódhoz hasonlóan kell kinéznie.

    C#

    private void showButton_Click(object sender, EventArgs e)
    {
        if (openFileDialog1.ShowDialog() == DialogResult.OK)
        {
            pictureBox1.Load(openFileDialog1.FileName);  
        }
    }
    

    virtuális gép

    Private Sub showButton_Click() Handles showButton.Click
        If OpenFileDialog1.ShowDialog() = DialogResult.OK Then
            PictureBox1.Load(OpenFileDialog1.FileName)
        End If
    
    End Sub
    

---

1. Adja hozzá a következő megjegyzést a kódhoz.

   C#

   private void showButton_Click(object sender, EventArgs e)
   {
       // Show the Open File dialog. If the user clicks OK, load the
       // picture that the user chose.
       if (openFileDialog1.ShowDialog() == DialogResult.OK)
       {
           pictureBox1.Load(openFileDialog1.FileName);
       }
   }
   

   VB

   Private Sub showButton_Click() Handles showButton.Click
   
       ' Show the Open File dialog. If the user clicks OK, load the
       ' picture that the user chose.
       If OpenFileDialog1.ShowDialog() = DialogResult.OK Then
           PictureBox1.Load(OpenFileDialog1.FileName)
       End If
   
   End Sub
   

---

Ajánlott mindig megjegyzést fűzni a kódhoz. A kód megjegyzései megkönnyítik a kód megértését és karbantartását a jövőben.

Kód írása a többi vezérlőhöz

Ha most futtatja az alkalmazást, válassza a Kép megjelenítéselehetőséget. A Képmegjelenítő megnyitja a Fájl megnyitása párbeszédpanelt, ahol kiválaszthat egy megjelenítendő képet.

Ebben a szakaszban adja hozzá a többi eseménykezelő kódját.

1. A Windows Forms Designereszközben kattintson duplán a Kép törlése gombra. C# esetén adja hozzá a kódot kapcsos zárójelekben. Visual Basic esetén adja hozzá a kódot Private Sub és End Subközé.

   C#

   private void clearButton_Click(object sender, EventArgs e)
   {
       // Clear the picture.
       pictureBox1.Image = null;
   }
   

   VB

   Private Sub clearButton_Click() Handles clearButton.Click
       ' Clear the picture.
       PictureBox1.Image = Nothing
   End Sub   
   

2. Kattintson duplán a A háttérszín beállítása gombra, és adja hozzá a kódot.

   C#

   private void backgroundButton_Click(object sender, EventArgs e)
   {
       // Show the color dialog box. If the user clicks OK, change the
       // PictureBox control's background to the color the user chose.
       if (colorDialog1.ShowDialog() == DialogResult.OK)
           pictureBox1.BackColor = colorDialog1.Color;
   }
   

   virtuális gép

   Private Sub backgroundButton_Click() Handles backgroundButton.Click
       ' Show the color dialog box. If the user clicks OK, change the
       ' PictureBox control's background to the color the user chose.
       If ColorDialog1.ShowDialog() = DialogResult.OK Then
           PictureBox1.BackColor = ColorDialog1.Color
       End If
   End Sub
   

3. Kattintson duplán a Bezárás gombra (), és adja hozzá a kódot.

   C#

   private void closeButton_Click(object sender, EventArgs e)
   {
       // Close the form.
       this.Close();
   }
   
   

   VB

   Private Sub closeButton_Click() Handles closeButton.Click
       ' Close the form.
       Close()
   End Sub  
   

4. Kattintson duplán a Stretch jelölőnégyzetre, és adja hozzá a kódot.

   C#

   private void checkBox1_CheckedChanged(object sender, EventArgs e)
   {
       // If the user selects the Stretch check box, 
       // change the PictureBox's
       // SizeMode property to "Stretch". If the user clears 
       // the check box, change it to "Normal".
       if (checkBox1.Checked)
           pictureBox1.SizeMode = PictureBoxSizeMode.StretchImage;
       else
           pictureBox1.SizeMode = PictureBoxSizeMode.Normal;
   }
   

   VB

   Private Sub CheckBox1_CheckedChanged() Handles CheckBox1.CheckedChanged
       ' If the user selects the Stretch check box, change 
       ' the PictureBox's SizeMode property to "Stretch". If the user 
       ' clears the check box, change it to "Normal".
       If CheckBox1.Checked Then
           PictureBox1.SizeMode = PictureBoxSizeMode.StretchImage
       Else
           PictureBox1.SizeMode = PictureBoxSizeMode.Normal
       End If
   End Sub   
   

Az alkalmazás futtatása

Az alkalmazást írás közben bármikor futtathatja. Miután hozzáadta a kódot az előző szakaszban, a Képmegjelenítő befejeződött. Az előző oktatóanyagokhoz hasonlóan az alábbi módszerek egyikével futtathatja az alkalmazást:

• Válassza az F5 kulcsot.
• A menüsávon válassza Hibakeresés>Hibakeresés indításalehetőséget.
• Az eszköztáron válassza a Start gombot.

Megjelenik egy ablak Képmegjelenítő címmel. Tesztelje az összes vezérlőt.

1. Válassza a A háttérszín beállítása gombot. Megnyílik a Szín párbeszédpanel.

   

2. Válasszon egy színt a háttérszín beállításához.

3. Válassza a Kép megjelenítése lehetőséget a kép megjelenítéséhez.

   

4. Jelölje ki és törölje a kijelölést Stretch.

5. Válassza ki a A kép törlése gombot, hogy a kijelző törlődjön.

6. Válassza a bezárása lehetőséget, hogy kilépjen az alkalmazásból.

Gratulálok! Elvégezte ezt az oktatóanyag-sorozatot. Ezeket a programozási és tervezési feladatokat a Visual Studio IDE-ben hajtotta végre:

• Windows Formst használó Visual Studio-projekt létrehozása
• A képmegtekintő alkalmazás elrendezése hozzáadva
• Hozzáadott gombok és jelölőnégyzet
• Hozzáadott párbeszédpanelek
• Eseménykezelők hozzáadva a vezérlőkhöz
• C# vagy Visual Basic kód írása az események kezeléséhez

Következő lépés

Folytassa a tanulást egy másik oktatóanyag-sorozattal, amely bemutatja, hogyan hozhat létre időzított matematikai tesztet.

2. oktatóanyag: Időzított matematikai teszt létrehozása