Een visueel aantrekkelijke laadbalk maken in Visual Basic

Schrijver: Frank Hunt
Datum Van Creatie: 19 Maart 2021
Updatedatum: 23 Juni- 2024
Anonim
progress bar control in vb 6.0 // splash screen in vb 6 // splash screen with progress bar
Video: progress bar control in vb 6.0 // splash screen in vb 6 // splash screen with progress bar

Inhoud

Sommige toepassingen worden gewoon geladen wanneer ze worden gestart, terwijl andere het in stijl doen. U kunt de Visual Basic-toepassing opvallen door een aangepaste werkbalk aan het startformulier toe te voegen. Er is geen voortgangsbalk in de Visual Studio-toolbox, maar u kunt de meegeleverde componenten gebruiken om er een te maken. Versleep enkele bedieningselementen naar uw formulier, pas uw kleuren aan en maak indruk op uw gebruikers met een levendige balk die u begroet wanneer ze uw programma openen.


routebeschrijving

Kleurrijke voortgangsbalken kunnen indruk maken op uw app-gebruikers (Polka Dot Images / Polka Dot / Getty Images)

    Voeg besturingselementen toe aan het formulier

  1. Open Visual Studio en laad een van uw Visual Basic .NET-projecten. Open "Solution Explorer" met de lijst met projectbestanden als deze nog niet is geopend.

  2. Zoek in de "Solution Explorer" het pictogram van het startformulier van uw project en dubbelklik erop. Visual Studio opent het ontwerpvenster en geeft het formulier weer.

  3. Open de toolbox en sleep een "GroupBox" -besturingselement erin om het toe te voegen. Ga terug naar de toolbox en voeg op dezelfde manier een "ProgressBar" -controle toe.

  4. Sleep een besturingselement "Label" naar het formulier. Klik erop en sleep het over de voortgangsbalk die is toegevoegd. Plaats het label en de balk in lijn met de linkerrand.


  5. Keer terug naar de toolbox en sleep een timerbesturing met dezelfde techniek. Sluit de gereedschapskist.

    Programmeerlogica toevoegen

  1. Klik op de timer die u hebt toegevoegd en druk op "F4" om het venster "Eigenschappen" te openen. Klik op het pictogram "Evenementen" boven in het venster om een ​​lijst met gebeurtenissen weer te geven.

  2. Dubbelklik op de gebeurtenis "Tick". Visual Studio opent het codevenster en toont de sub "Timer1_Tick", die zal worden uitgevoerd met een kloktik.

  3. Plak de volgende code in de hoofdtekst van de sub:

    loadingBarValue + = verhogen

    Als loadingBarValue> 100 Then loadingBarValue = 100 Timer1.Stop () GroupBox1.Visible = False End If

    ProgressBar1.Value = loadingBarValue

    De laatste zin zorgt ervoor dat de visuele indicator van de voortgangsbalk verplaatst naar de waarde die is opgeslagen in de variabele "LoadBarValue". De waarde van de variabele, die nul is bij het laden van het formulier, neemt toe met een bedrag dat wordt gedefinieerd door de variabele "increment". Aangezien deze waarde 1 is, wordt de waarde van "LoadBarValue" met 1 verhoogd bij elke uitvoering van de subreeks "Laden". Wanneer de balk de maximale waarde (100) bereikt, stopt de timer. Het groepsvak met de voortgangsbalk en het label verdwijnt automatisch.


  4. Druk op "F7" om terug te gaan naar de sjabloonweergave en dubbelklik op de titelbalk van het formulier. Visual Studio opent het codevenster opnieuw en toont de sub "Laden" van het formulier. Plak de volgende code in deze sub:

    loadingBarValue = 0 Timer1.Interval = 200 increment = 1

    GroupBox1.Text = "" Label1.Text = "Bezig met laden" Label1.BackColor = Color.Transparent Label1.ForeColor = Color.Green

    Timer1.Start ()

    De eerste zin initialiseert de "LoadingBarValue" naar nul. De tweede stelt het aantal milliseconden in dat de timer tussen de klikken zal wachten; in ons voorbeeld is de waarde 200. Als u dit getal verhoogt, wordt de animatie langzamer. De variabele "increment", met waarde 1 in het voorbeeld, bepaalt hoe snel de voortgangsbalk moet bewegen bij elk vinkje van de timer. U kunt het woord "Laden" wijzigen in een ander woord dat u leuk vindt. De volgende twee regels bepalen de voorgrond- en achtergrondkleuren en u kunt deze wijzigen of ze als "Transparant" en "Groen" laten staan. De laatste zin start de timer.

  5. Ga naar de bovenkant van het codevenster en zoek de "Klasse" -verklaring. Plak deze twee zinnen eronder:

    Dimload loadingBarValue Dim increment

    Dit definieert de variabelen "loadingBarValue" en "increment", hierboven beschreven.

  6. Druk op "F5" om het project uit te voeren. De voortgangsbalk, die eruitziet als een laadbalk, verschijnt. Het label met de opgemaakte tekst verschijnt boven de balk. Vervolgens beweegt een geanimeerde groene balk van links naar rechts totdat deze het einde van de voortgangsbalk bereikt. Wanneer dit gebeurt, verdwijnen de balk en het label.

tips

  • Zet de bar en label waar je maar wilt in het formulier door het "groepsvak" -besturingselement te verslepen. Omdat het label en de voortgangsbalk zich erin bevinden, worden ze behandeld als een eenheid, waardoor plaatsing eenvoudiger wordt. U kunt ook met verschillende kleuren experimenteren door de waarden voor de voor- en achtergrond te wijzigen. De standaard groene kleur in het voorbeeld levert een harmonieus visueel effect op omdat deze overeenkomt met de kleur van de geanimeerde balk die wordt weergegeven tijdens het laden van uw toepassing.