Πώς να φτιάξετε μια οπτικά ελκυστική μπάρα φόρτωσης στη Visual Basic

Περιεχόμενο

• Οδηγίες
• Προσθέστε στοιχεία ελέγχου στη φόρμα
• Προσθέστε λογική προγραμματισμού
• Πώς

Ορισμένες εφαρμογές απλά φορτώνονται όταν ξεκινούν, ενώ άλλες το κάνουν με στυλ. Μπορείτε να κάνετε την εφαρμογή της Visual Basic να ξεχωρίζει προσθέτοντας μια προσαρμοσμένη μπάρα φόρτωσης στη φόρμα εκκίνησης. Δεν υπάρχει γραμμή προόδου στην εργαλειοθήκη Visual Studio, αλλά μπορείτε να χρησιμοποιήσετε τα στοιχεία που περιλαμβάνονται για τη δημιουργία ενός. Μεταφέρετε μερικά στοιχεία ελέγχου στη φόρμα σας, προσαρμόστε τα χρώματα σας και εντυπωσιάστε τους χρήστες σας με ένα ζωηρό μπαρ που θα σας χαιρετήσει όταν ανοίξουν το πρόγραμμά σας.

Οδηγίες

Πολύχρωμες γραμμές προόδου μπορούν να εντυπωσιάσουν τους χρήστες της εφαρμογής σας (Polka Dot Images / Polka Dot / Getty Images)

Προσθέστε στοιχεία ελέγχου στη φόρμα

1. Ανοίξτε το Visual Studio και φορτώστε ένα από τα έργα Visual Basic .NET. Ανοίξτε την "Λύση Explorer" με τη λίστα αρχείων έργου, αν δεν είναι ήδη ανοικτή.

2. Εντοπίστε στο "Solution Explorer" το εικονίδιο της φόρμας έναρξης του έργου σας και κάντε διπλό κλικ σε αυτό. Το Visual Studio θα ανοίξει το παράθυρο σχεδιασμού και θα εμφανίσει τη φόρμα.

3. Ανοίξτε την εργαλειοθήκη και σύρετε ένα στοιχείο "GroupBox" μέσα σε αυτήν για να το προσθέσετε. Επιστρέψτε στην εργαλειοθήκη και προσθέστε τον έλεγχο "ProgressBar" με τον ίδιο τρόπο.

4. Σύρετε ένα στοιχείο "Label" στη φόρμα. Κάντε κλικ σε αυτό και σύρετέ το πάνω στη γραμμή προόδου που έχει προστεθεί. Τοποθετήστε την ετικέτα και τη ράβδο ευθυγραμμισμένη με την αριστερή άκρη.

   
   

5. Επιστρέψτε στην εργαλειοθήκη και σύρετε ένα χρονόμετρο χρησιμοποιώντας την ίδια τεχνική. Κλείστε την εργαλειοθήκη.

Προσθέστε λογική προγραμματισμού

1. Κάντε κλικ στο χρονόμετρο που προσθέσατε και πατήστε "F4" για να ανοίξετε το παράθυρο "Ιδιότητες". Κάντε κλικ στο εικονίδιο "Συμβάντα" στο επάνω μέρος του παραθύρου για να εμφανιστεί μια λίστα συμβάντων.

2. Κάντε διπλό κλικ στο συμβάν "Tick". Το Visual Studio θα ανοίξει το παράθυρο κώδικα και θα εμφανίσει το δευτερεύον "Timer1_Tick", το οποίο θα τρέξει με ένα tick tick.

3. Επικολλήστε τον ακόλουθο κώδικα στο σώμα του υποσυστήματος:

   loadBarValue + = προσαύξηση

   Εάν loadBarValue> 100 Κατόπιν φόρτωσηBarValue = 100 Timer1.Stop () GroupBox1.Visible = False End If

   ProgressBar1.Value = loadingBarValue

   Η τελευταία πρόταση θα προκαλέσει την μετακίνηση της οπτικής ένδειξης της γραμμής προόδου στην τιμή που είναι αποθηκευμένη στη μεταβλητή "LoadBarValue". Η τιμή της μεταβλητής, η οποία είναι μηδενική κατά τη φόρτωση της φόρμας, αυξάνεται κατά ένα ποσό που ορίζεται από τη μεταβλητή "προσαύξηση". Δεδομένου ότι η τιμή αυτή είναι 1, η τιμή του "LoadBarValue" θα αυξηθεί κατά 1 με κάθε εκτέλεση του υποσυστήματος "Load". Όταν η γραμμή φτάσει στη μέγιστη τιμή (100), ο χρονοδιακόπτης θα σταματήσει. Το πλαίσιο ομάδας που περιέχει τη γραμμή προόδου και την ετικέτα θα εξαφανιστεί αυτόματα.

   
   

4. Πατήστε "F7" για να επιστρέψετε στην προβολή προτύπου και κάντε διπλό κλικ στη γραμμή τίτλου της φόρμας. Το Visual Studio θα ανοίξει ξανά το παράθυρο κώδικα και θα εμφανίσει την υπο-φόρμα "Φόρτωση" της φόρμας. Επικολλήστε τον ακόλουθο κώδικα σε αυτό το υποσύνολο:

   loadBarValue = 0 Timer1.Interval = 200 αύξησης = 1

   GroupBox1.Text = "" Label1.Text = "Φόρτωση" Label1.BackColor = Χρώμα.Το διαφανές Label1.ForeColor = Χρώμα.Περισσότερα

   Timer1.Start ()

   Η πρώτη πρόταση αρχικοποιεί το "LoadingBarValue" στο μηδέν. Το δεύτερο ορίζει την ποσότητα των χιλιοστών του δευτερολέπτου, ο χρονομετρητής θα περιμένει μεταξύ των κλικ. στο παράδειγμά μας, η τιμή θα είναι 200. Η αύξηση αυτού του αριθμού θα προκαλέσει την επιβράδυνση του animation. Η μεταβλητή "increment", με την τιμή 1 στο παράδειγμα, καθορίζει πόσο γρήγορα θα μετακινηθεί η γραμμή προόδου με κάθε τσίμπημα του χρονομέτρου. Μπορείτε να αλλάξετε τη λέξη "Φόρτωση" σε μια άλλη λέξη που σας αρέσει. Οι επόμενες δύο γραμμές ελέγχουν τα χρώματα του προσκηνίου και του φόντου και μπορείτε να τα αλλάξετε ή να τα αφήσετε ως "Διαφανή" και "Πράσινη". Η τελευταία πρόταση ξεκινάει το χρονοδιακόπτη.

5. Μετακινηθείτε στο επάνω μέρος του παραθύρου κώδικα και εντοπίστε τη δήλωση "Κλάση". Επικολλήστε αυτές τις δύο προτάσεις κάτω από αυτό:

   Dim loadBarValue Μεγέθυνση διαμέτρου

   Αυτό θα καθορίσει τις μεταβλητές "loadBarValue" και "increment", που περιγράφονται παραπάνω.

6. Πατήστε "F5" για να εκτελέσετε το έργο. Θα εμφανιστεί η γραμμή προόδου, που μοιάζει με γραμμή φόρτωσης. Η ετικέτα με το κείμενο που δημιουργήθηκε θα εμφανιστεί πάνω από τη γραμμή. Στη συνέχεια, μια κινούμενη πράσινη γραμμή θα μετακινηθεί από τα αριστερά προς τα δεξιά μέχρι να φτάσει στο τέλος της γραμμής προόδου. Όταν συμβεί αυτό, η μπάρα και η ετικέτα θα εξαφανιστούν.

Πώς

• Τοποθετήστε τη ράβδο και την ετικέτα οπουδήποτε επιθυμείτε μέσα στη φόρμα μεταφέροντας το στοιχείο ελέγχου "ομάδα ομάδας". Καθώς η ετικέτα και η γραμμή προόδου είναι μέσα σε αυτήν, θα αντιμετωπίζονται ως μονάδα, καθιστώντας την τοποθέτηση ευκολότερη. Μπορείτε επίσης να πειραματιστείτε με διαφορετικά χρώματα μεταβάλλοντας τις τιμές του προσκηνίου και του φόντου. Το προεπιλεγμένο πράσινο χρώμα στο παράδειγμα θα παράγει ένα αρμονικό οπτικό αποτέλεσμα, επειδή θα ταιριάζει με το χρώμα της κινούμενης γραμμής που θα εμφανίζεται κατά τη φόρτωση της αίτησής σας.