Jak stworzyć atrakcyjny wizualnie pasek ładowania w Visual Basic

Zawartość

• Instrukcje
• Dodaj formanty do formularza
• Dodaj logikę programowania
• Jak

Niektóre aplikacje ładują się po uruchomieniu, podczas gdy inne robią to w stylu. Możesz wyróżnić aplikację Visual Basic, dodając niestandardowy pasek ładowania do formularza startowego. W przyborniku Visual Studio nie ma paska postępu, ale można użyć dołączonych komponentów, aby go utworzyć. Przeciągnij niektóre elementy sterujące na swój formularz, dostosuj kolory i zaimponuj użytkownikom żywym paskiem, który przywita Cię, gdy otworzy program.

Instrukcje

Kolorowe paski postępu mogą zaimponować użytkownikom aplikacji (Obrazy Polka Dot / Polka Dot / Getty Images)

Dodaj formanty do formularza

1. Otwórz program Visual Studio i załaduj jeden z projektów Visual Basic .NET. Otwórz „Solution Explorer” z listą plików projektu, jeśli nie jest jeszcze otwarta.

2. Znajdź w „Eksploratorze rozwiązań” ikonę formularza początkowego projektu i kliknij go dwukrotnie. Visual Studio otworzy okno projektu i wyświetli formularz.

3. Otwórz przybornik i przeciągnij kontrolkę „GroupBox”, aby go dodać. Wróć do skrzynki narzędziowej i dodaj kontrolkę „ProgressBar” w ten sam sposób.

4. Przeciągnij formant „Etykieta” na formularz. Kliknij go i przeciągnij nad dodanym paskiem postępu. Umieść etykietę i pasek wyrównane do lewej krawędzi.

   
   

5. Wróć do przybornika i przeciągnij formant Timer za pomocą tej samej techniki. Zamknij przybornik.

Dodaj logikę programowania

1. Kliknij dodany timer i naciśnij „F4”, aby otworzyć okno „Właściwości”. Kliknij ikonę „Wydarzenia” w górnej części okna, aby wyświetlić listę wydarzeń.

2. Kliknij dwukrotnie zdarzenie „Zaznacz”. Visual Studio otworzy okno kodu i pokaże sub „Timer1_Tick”, który będzie uruchamiany z zaznaczeniem zegara.

3. Wklej następujący kod do treści sub:

   loadingBarValue + = przyrost

   If loadingBarValue> 100 Następnie loadingBarValue = 100 Timer1.Stop () GroupBox1.Visible = False End If

   ProgressBar1.Value = loadingBarValue

   Ostatnie zdanie spowoduje, że wizualny wskaźnik paska postępu przejdzie do wartości zapisanej w zmiennej „LoadBarValue”. Wartość zmiennej, która wynosi zero podczas ładowania formularza, wzrasta o wartość określoną przez zmienną „przyrost”. Ponieważ ta wartość wynosi 1, wartość „LoadBarValue” wzrośnie o 1 przy każdym wykonaniu subskrypcji „Load”. Gdy pasek osiągnie wartość maksymalną (100), timer zatrzyma się. Pole grupy zawierające pasek postępu i etykietę zniknie automatycznie.

   
   

4. Naciśnij „F7”, aby powrócić do widoku szablonu i kliknij dwukrotnie pasek tytułu formularza. Visual Studio ponownie otworzy okno kodu i pokaże sub „Load” formularza. Wklej następujący kod do tego sub:

   loadingBarValue = 0 Timer1.Interval = 200 increment = 1

   GroupBox1.Text = "" Label1.Text = "Loading" Label1.BackColor = Color.Transparent Label1.ForeColor = Color.Green

   Timer1.Start ()

   Pierwsze zdanie inicjuje „LoadingBarValue” na zero. Druga określa ilość milisekund, przez które zegar będzie czekał między kliknięciami; w naszym przykładzie wartością będzie 200. Zwiększenie tej liczby spowoduje spowolnienie animacji. Zmienna „inkrementacja” z wartością 1 w przykładzie określa, jak szybko pasek postępu powinien się przesuwać przy każdym zaznaczeniu zegara. Możesz zmienić słowo „Ładowanie” na inne, które lubisz. Następne dwie linie sterują kolorami pierwszego planu i tła, możesz je zmienić lub pozostawić jako „Przezroczysty” i „Zielony”. Ostatnie zdanie uruchamia timer.

5. Przejdź na górę okna kodu i znajdź deklarację „Class”. Wklej dwa poniższe zdania:

   Dim loadingBarValue Przyrost Dim

   Spowoduje to zdefiniowanie zmiennych „loadingBarValue” i „increment”, opisanych powyżej.

6. Naciśnij „F5”, aby uruchomić projekt. Pojawi się pasek postępu, który wygląda jak pasek ładowania. Etykieta z ustalonym tekstem pojawi się nad paskiem. Następnie animowany zielony pasek przesunie się od lewej do prawej strony, aż osiągnie koniec paska postępu. Gdy tak się stanie, pasek i etykieta znikną.

Jak

• Umieść pasek i etykietę w dowolnym miejscu w formularzu, przeciągając kontrolkę „pole grupowe”. Ponieważ etykieta i pasek postępu znajdują się w środku, będą traktowane jako jednostka, co ułatwi umieszczanie. Możesz także eksperymentować z różnymi kolorami, zmieniając wartości pierwszego planu i tła. Domyślny zielony kolor w przykładzie da harmonijny efekt wizualny, ponieważ będzie pasował do koloru animowanego paska, który będzie wyświetlany podczas ładowania aplikacji.