Hogyan hozzunk létre Drag and Drop fájlfeltöltőt a Winforms alkalmazásban

Sok modern alkalmazás olyan fájlokon működik, amelyeket a felhasználó feltölthet a rendszerébe. A képszerkesztők, a kód IDE-k és a szövegszerkesztők mind példák. Ha Windows Form alkalmazást készít, könnyen hozzáadhatja ezt a funkciót a felhasználói felület részeként.

A Windows Form alkalmazások lehetővé teszik a felhasználói felület elemek, például panelek vagy listamezők áthúzását. Ezekkel a felhasználói felület elemekkel létrehozhatja a fogd és vidd funkciót. Amikor a felhasználó áthúz egy fájlt egy panelre, visszajelzést jeleníthet meg a fájl alapján.

Hogyan lehet létrehozni a felhasználói felületet a fogd és vidd tárolóhoz

A fogd és vidd funkció felhasználói felületének létrehozásához panelelemet használhat. Ezután egy ListBox UI elem segítségével megjelenítheti a felhasználó által a panelre húzott fájlok nevét.

1. Hozzon létre egy új Windows Forms alkalmazást.
2. Az eszköztárban keressen egy panel UI elemet, és húzza a vászonra.
3. Jelölje ki az új panelt. A tulajdonságok ablakban módosítsa a következő tulajdonságok értékeit:

   Ingatlan	Új érték
   Név	dragDropPanel
   BackColor	Fehér füst
   BorderStyle	FixedSingle
   Méret	600, 400
   Látható	Igaz

4. Az eszköztárban keressen egy ListBox UI elemet, és húzza a vászonra. Helyezze el úgy, hogy a panel belsejében legyen, és ügyeljen arra, hogy legyen némi távolság a ListBox és a panel között.
5. Jelölje ki az új ListBoxot, és módosítsa a következő tulajdonságok értékeit:

   Ingatlan	Új érték
   Név	uploadedFilesList
   BackColor	Fehér füst
   BorderStyle	Egyik sem
   Méret	500, 300
   Látható	Hamis

A Drag and Drop esemény hozzáadása

Te tudod használni események egy Windows Form alkalmazásban hogy bizonyos funkciókat csak bizonyos események bekövetkezésekor hajtson végre.

A drag and drop panel funkcióinak hozzáadásához két eseményt kell hozzáadnia. A "DragEnter" esemény akkor következik be, amikor fájlokat húz át a panelen. A "DragDrop" esemény akkor következik be, amikor elengedi az egeret, hogy a fájlokat a panelre dobja.

1. Jelölje ki a külső panel UI elemét.
2. A tulajdonságok ablakában kattintson a Világosodás ikonra az eseménylista megnyitásához.
3. Kattintson duplán a DragEnter eseményt egy új funkció létrehozásához. Ez a funkció akkor fog végrehajtódni, amikor fájlokat húz át a panelen.
4. Az új funkción belül változtassa meg az egér ikonját, hogy jelezze a drag/drop műveletet:

   magánüresdragDropPanel_DragEnter(objektum küldő, DragEventArgs e)
   {
   // Megváltoztatja az egér ikonját
    e. Hatás = DragDropEffects. Minden;
   }

5. Kattintson a 1.cs űrlap [Design] lapon a Visual Studio ablakának tetején, hogy visszatérjen a vászonnézethez. Jelölje ki a panel UI elemét.
6. A tulajdonságok ablakában kattintson a Világosodás ikonra az események listájához való visszatéréshez. Ezúttal kattintson duplán a DragDrop esemény. Ez egy másik funkciót generál, amely akkor fut le, amikor elengedi az egeret, és a fájlok a panelre dobja.
7. Az új DragDrop funkción belül lekérheti azon fájlok listáját, amelyeket a felhasználó a panelre húz. Ezt az esemény részleteiben találja meg, amelyek automatikusan átkerülnek a függvénybe.

   magánüresdragDropPanel_DragDrop(objektum küldő, DragEventArgs e)
   {
    string[] files = (karakterlánc[])e. Adat. GetData (DataFormats. FileDrop, hamis);
   }

A húzott fájlok listájának megjelenítése

Most, hogy hozzáadta a felhasználó számára a fájlok áthúzásának funkcióját, megjelenítheti a fájlok nevét a ListBox UI elem segítségével.

1. A dragDropPanel_DragDrop() függvényen belül, miután megkapta a fájlok listáját, használjon for-loopot az egyes fájlok közötti ciklushoz.

   az egyes (var fájl fájlokban)
   {
   
   }

2. A for cikluson belül csak a fájl nevét kapja meg. Válassza el a fájl nevét a fájl elérési útjától, és tárolja egy külön változóban. Ha Mac számítógépet használ, előfordulhat, hogy módosítania kell a kódot, hogy a fordított perjel helyett az előre dőlt perjeleket vegye figyelembe.

   string fileName = fájl. Alkarakterlánc (fájl. LastIndexOf("\\") + 1, fájl. Hossz - (fájl. LastIndexOf("\\") + 1));

3. Adja hozzá a fájl nevét a ListBox UI elemhez.

   próbáld ki
   {
   uploadedFilesList.Tételek.Hozzáadás(fájl név);
   }
   fogás (Kivételkivétel)
   {
    Konzol. WriteLine(kivétel);
   }

4. A ListBox alapértelmezés szerint nem látható. A for-ciklus után módosítsa a ListBox láthatóságát igazra:

   uploadedFilesList. Látható = igaz;

5. Módosítsa a konstruktort a fájl tetején. Állítsa be a AllowDrop és Automatikus görgetés a drag and drop panel tulajdonságait igazra.

   nyilvános Form1()
   {
    InitializeComponent();
    dragDropPanel. AllowDrop = igaz;
    dragDropPanel. AutoScroll = igaz;
   }

A lista törlése

Miután a felhasználó áthúzta az elemeket a panelre, érdemes lehet törölni a listát, és újrakezdeni. Hozzáadhat egy gombot a lista törléséhez, amikor a felhasználó rákattint.

1. Az eszköztár segítségével húzzon egy gombot a vászonra.
2. Jelölje ki a gombot. A tulajdonságok ablakban módosítsa a következő tulajdonságokat az új értékekre:

   Ingatlan	Új érték
   Név	ClearButton
   Szöveg	Egyértelmű

3. Új funkció létrehozásához kattintson duplán a gombra. Ez a funkció akkor fog végrehajtódni, ha futás közben a gombra kattint:

   magánüresclearButton_Click(objektum küldője, EventArgs e)
   {
   }

4. A függvényen belül törölje a ListBox UI elem tartalmát, és rejtse el:

   magánüresclearButton_Click(objektum küldője, EventArgs e)
   {
   uploadedFilesList.Tételek.Egyértelmű();
    uploadedFilesList. Látható = hamis;
   }

Hogyan teszteljük a Drag and Drop panelt

A drag and drop funkció teszteléséhez futtassa az alkalmazást, és húzzon néhány fájlt a panelre. Ha szükséges, akkor is hibakeresés a Winforms alkalmazásban a Visual Studióban futás közben. Ez segít megérteni, mi történik az egyes kódsorokban.

1. Nyomja meg a zöld lejátszás gombot a Visual Studio ablakának tetején az alkalmazás futtatásához.
2. Húzzon néhány fájlt a fájlkezelőből, és dobja őket a panelre. Győződjön meg arról, hogy a Visual Studio nem rendszergazdai módban fut. Extra biztonsági engedélyeket kell konfigurálnia a fogd és vidd funkcióhoz, hogy rendszergazdai módban működjön.
3. A panel frissül, és megmutatja a panelbe húzott fájlok nevét.
4. Húzzon elegendő fájlt, és látni fogja, hogy a fogd és vidd panel automatikusan megjelenít egy görgetősávot a jobb oldalán.
5. Kattintson a Egyértelmű gombot a lista kiürítéséhez.

A fogd és vidd funkció használata a Windows űrlapalkalmazásokban

Most már remélhetőleg megérti, hogyan adhat hozzá fogd és vidd funkciót a Windows Form alkalmazáshoz. Számos egyéb funkciót is felfedezhet, és érdekes dolgokat tehet a Windows Forms-szal.