Tworzenie programu w Visual Basic: Przeglądarka internetowa: 9 kroków

2024 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2024-01-30 11:34

Ten Instructable wyjaśnia proces tworzenia prostej aplikacji przeglądarki internetowej w VB. NET Został zaprojektowany jako kontynuacja mojego pierwszego VB. NET Instructable: Tworzenie pierwszego programu w Visual Basic. Zaleca się, aby najpierw przeczytać tę instrukcję, ponieważ ta instrukcja zakłada, że masz podstawową wiedzę na temat interfejsu Visual Basic Express Edition, jak opisano w mojej innej instrukcji. Chociaż Visual Basic 2005 Express Edition działa dobrze w przypadku tej instrukcji, używam Visual Basic 2008 Express Edition, dostępny w firmie Microsoft

Krok 1: Stwórz projekt

Utwórz nowy projekt Windows Forms i nazwij go przeglądarką sieci Web. Zmień rozmiar formularza według własnych upodobań.

Krok 2: Dodaj kontrolki i zmień właściwości

Z przybornika przeciągnij TextBox, WebBrowser i A Button na formularz. Umieść je tak, jak na zdjęciu. Następnie edytuj właściwość Anchor obiektów TextBox i WebBrowser, tak aby wszystkie pola wokół szarego kwadratu (pokazywane podczas edytowania właściwości kotwicy) były zaznaczone. Pozwoli to na „rozciągnięcie” kontrolek po zmianie rozmiaru formularza. Zrób to samo dla przycisku, ale ustaw go tylko na „Góra, prawo”. Zmień również właściwość Text formularza Form1 na przeglądarkę internetową lub coś podobnego, aby zmienić pasek tytułu.

Krok 3: Kod

Kliknij dwukrotnie przycisk Button1 i dodaj następujący kod do edytora, po wierszu „Private Sub” i przed wierszem „End Sub”

WebBrowser1. Navigate(TextBox1. Text)Ten kod po prostu mówi programowi: Kiedy ktoś kliknie Button1, Pobierz WebBrowser, aby przejść do tego, co znajduje się w TextBox1 To jest to! Masz działającą przeglądarkę internetową. Kliknij przycisk odtwarzania, aby to przetestować.

Krok 4: Więcej rzeczy

Nie sądziłeś, że podam ci tylko jedną linijkę kodu – prawda? W kolejnych kilku krokach zaimplementujemy następujące elementy:

• Pasek adresu, który zmienia się wraz ze zmianą strony
• Przyciski wstecz, do przodu i odświeżania
• Pasek stanu.

Krok 5: Pasek adresu

W tej chwili wszystko, co robi pasek adresu, to wyświetlanie strony, którą wpisujesz, jeśli klikniesz link, zmiana nie zostanie odzwierciedlona w pasku adresu. Aby to naprawić, musimy dodać trochę więcej koduWróć do widoku projektu, kliknij „Form 1.vb (Projekt)”, a następnie kliknij dwukrotnie kontrolkę WebBrowser. Przełączy się z powrotem do widoku kodu, jednak będzie tam trochę więcej kodu, zauważ, że jest napisane „WebBrowser1_DocumentCompleted”, to jest kod, który chcemy, więc nie musimy tutaj wprowadzać żadnych zmian, ale jest puste pod tym wierszem, przed instrukcją End Sub, i chcemy tam dodać trochę kodu. Wpisz tam następujące

TextBox1. Text = WebBrowser1. Url. ToStringTo mówi programowi, że gdy WebBrowser1_DocumentCompleted, powinniśmy zmienić TextBox1. Text na WebBrowser1. Url. ToString istnieje, ponieważ domyślnie właściwość URL przeglądarki internetowej nie jest tym samym typem danych (ciągiem), jaki jest wymagany przez nasze pole tekstowe. ToString zapisuje adres URL do ciągu dla TextBox.

Krok 6: Przyciski akcji

Przełącz się z powrotem do widoku projektu i przeciągnij 3 nowe przyciski na formularz i umieść je. Zmień właściwość Text każdego z nich: Button2 = Back, Button3 = Forward i Button4 = Refresh. Jeśli ustawisz je tak, jak moje, dostosuj właściwość kotwicy Odśwież do góry, kliknij prawym przyciskiem myszy przycisk Wstecz i wpisz następujący kod.

Przeglądarka internetowa1. Wróć() Wróć do projektu, kliknij dwukrotnie Dalej i wpisz

WebBrowser1. Przejdź do przodu()Widok projektu i podwójne kliknięcie, aby odświeżyć

WebBrowser1. Odśwież()Przetestuj przeglądarkę i wypróbuj nowe funkcje.

Krok 7: Pasek stanu

Wróć do widoku projektu, dodaj etykietę, zmień tekst na „Ładowanie…” (bez cudzysłowów) Teraz przejdź do widoku kodu, klikając kartę Form1.vb. Znajdź wpis WebBrowser1_DocumentCompleted i wpisz poniżej kod, który tam wcześniej umieściłeś

Label1. Text = "Gotowe"Teraz kliknij w górę, gdzie kod mówi DocumentCompleted. Przesuń mysz w górę do miejsca, w którym znajdują się dwa pola rozwijane. Wybierz drugi (ten, który mówi DocumentCompleted) i wybierz Nawigacja. Następnie pojawi się nowy kod - typ

Label1. Text = "Ładowanie"Zapewnia to tylko wskaźnik ładowania strony. Możesz także ustawić właściwość kotwicy etykiety.

Krok 8: Ukończ

Proszę bardzo. Masz w pełni działającą przeglądarkę internetową. Kontynuuj dostosowywanie go, jak chcesz. Jak w mojej pierwszej instrukcji. Mam pracę domową dla tych, którzy ukończą tę instrukcję. Wykonaj następujące czynności:

• Funkcja domowa
• Zmień przycisk Odśwież na przycisk Zatrzymaj podczas wczytywania strony.

Mam nadzieję, że te projekty pokazały, jak łatwo jest programować!

Krok 9: Rozwiązania

Dla tych, którzy ukończyli mój pierwszy instruktażowy VB - mam rozwiązania do pracy domowej, którą zadałem na końcu.

Zmień kolor tła

To proste - zmień właściwość BackColour Form1 na inny kolor

Dodaj informacje o prawach autorskich

Nowa etykieta ze zmienioną właściwością text załatwi sprawę

Zmień rozmiar formularza za pomocą Image

Zmień AutoSize na True i AutoSizeMode na GrowAndShrinkDone! Jeszcze w przyszłości: Będę tworzyć więcej instrukcji VB. NET. Kontynuuj kodowanie!