Daftar Isi:

Membuat Program di Visual Basic: Web Browser: 9 Langkah
Membuat Program di Visual Basic: Web Browser: 9 Langkah

Video: Membuat Program di Visual Basic: Web Browser: 9 Langkah

Video: Membuat Program di Visual Basic: Web Browser: 9 Langkah
Video: Membuat web browser menggunakan visual basic 6 2024, November
Anonim
Membuat Program dalam Visual Basic: Web Browser
Membuat Program dalam Visual Basic: Web Browser

Instruksi ini menjelaskan proses pembuatan aplikasi browser web sederhana di VB. NETIni dirancang sebagai tindak lanjut dari Instruksi VB. NET pertama saya: Membuat Program Pertama Anda Dalam Visual Basic. Disarankan agar Anda membaca instruksi itu terlebih dahulu, karena instruksi ini mengasumsikan Anda memiliki pengetahuan dasar tentang Antarmuka Visual Basic Express Edition, seperti yang tercakup dalam instruksi saya yang lain. Meskipun Visual Basic 2005 Express Edition berfungsi dengan baik untuk instruksi ini, saya menggunakan Visual Basic 2008 Express Edition, tersedia dari Microsoft

Langkah 1: Buat Proyek

Buat Proyek
Buat Proyek

Buat Proyek Formulir Windows baru, dan beri nama Web Browser. Ubah ukuran formulir sesuai keinginan Anda.

Langkah 2: Tambahkan Kontrol, dan Ubah Properti

Tambahkan Kontrol, dan Ubah Properti
Tambahkan Kontrol, dan Ubah Properti

Dari kotak alat, seret Kotak Teks, Browser Web, dan Tombol A ke formulir. Tempatkan mereka seperti pada gambar. Kemudian, edit properti Anchor dari TextBox dan WebBrowser sehingga semua kotak di sekitar kotak abu-abu (ditampilkan saat Anda mengedit properti jangkar) dipilih, ini akan memungkinkan kontrol untuk 'meregangkan' saat formulir diubah ukurannya. Lakukan hal yang sama untuk Tombol, tetapi hanya atur ke "Atas, Kanan". Juga ubah properti Teks dari Form1 menjadi Browser Web, atau yang serupa untuk mengubah bilah judul.

Langkah 3: Kode

Kode!
Kode!

Klik dua kali pada Button1, dan tambahkan kode berikut ke editor, setelah baris "Private Sub" dan sebelum baris "End Sub"

WebBrowser1. Navigate(TextBox1. Text)Kode ini hanya memberi tahu program: Ketika seseorang mengklik Button1, Dapatkan WebBrowser untuk Menavigasi ke apa pun yang ada di TextBox1 That's It! Anda memiliki browser web yang berfungsi. Klik tombol putar untuk mengujinya.

Langkah 4: Lebih Banyak Barang

Lebih banyak barang
Lebih banyak barang

Sekarang, Anda tidak mengira saya hanya akan memberi Anda satu baris kode - bukan? Selama beberapa langkah berikutnya, kami akan menerapkan yang berikut:

  • Bilah alamat yang berubah saat halaman berubah
  • Tombol mundur, maju, dan segarkan
  • Status bar.

Langkah 5: Bar Alamat

Bar Alamat
Bar Alamat

Saat ini, semua bilah alamat yang dilakukan adalah menampilkan halaman yang Anda ketik, jika Anda mengklik tautan, perubahan tidak tercermin di bilah alamat. Untuk memperbaikinya, kita perlu menambahkan beberapa kode lagi. Kembali ke tampilan desain, klik "Form 1.vb (Desain)" lalu klik dua kali pada kontrol WebBrowser. Ini akan beralih kembali ke tampilan kode, namun akan ada beberapa kode lagi di sana, perhatikan bahwa ia mengatakan "WebBrowser1_DocumentCompleted", ini adalah kode yang kita inginkan, jadi kita tidak perlu melakukan perubahan apa pun di sini, tetapi ada yang kosong baris di bawah yang itu, sebelum pernyataan End Sub, dan kami ingin menambahkan beberapa kode di sana. Ketik yang berikut di sana

TextBox1. Text = WebBrowser1. Url. ToStringIni memberitahu program bahwa setelah WebBrowser1_DocumentCompleted, kita harus mengubah TextBox1. Text menjadi WebBrowser1. Url. ToString ada karena, secara default, properti URL browser web tidak memiliki tipe data (string) yang sama, seperti yang dibutuhkan oleh kotak teks kita. ToString menulis URL ke string untuk TextBox.

Langkah 6: Tombol Tindakan

Tombol Aksi
Tombol Aksi

Beralih kembali ke tampilan desain dan seret 3 tombol baru ke formulir dan posisikan. Ubah properti Text masing-masing: Button2 = Back, Button3 = Forward dan Button4 = Refresh. Jika Anda memposisikannya seperti milik saya, sesuaikan properti jangkar Refresh to Top, klik kanan dua kali pada tombol Kembali, dan ketik kode berikut.

WebBrowser1. GoBack() Kembali ke desain, klik dua kali Forward dan ketik

WebBrowser1. GoForward()Tampilan desain, dan klik dua kali untuk Menyegarkan

WebBrowser1. Refresh()Uji browser, dan coba fitur baru.

Langkah 7: Bilah Status

Status bar
Status bar

Kembali ke tampilan desain, tambahkan label, ubah Teks menjadi "Memuat…" (tanpa tanda kutip) Sekarang, masuk ke tampilan kode dengan mengklik tab Form1.vb. Temukan entri WebBrowser1_DocumentCompleted dan ketik di bawah kode yang Anda tempatkan sebelumnya

Label1. Teks = "Selesai"Sekarang, klik di mana kodenya bertuliskan DocumentCompleted. Gerakkan mouse Anda ke tempat dua kotak Drop down berada. Pilih yang kedua (Yang mengatakan DocumentCompleted) dan pilih Navigasi. Kemudian, beberapa kode baru akan muncul - ketik

Label1. Teks = "Memuat"Ini hanya memberikan indikator saat halaman sedang dimuat. Selain itu, Anda mungkin ingin mengatur properti jangkar dari label.

Langkah 8: Selesai

Lengkap!
Lengkap!

Ini dia. Anda memiliki browser web yang berfungsi penuh. Terus sesuaikan sesuai keinginan. Seperti pada instruksi pertama saya. Saya memiliki beberapa pekerjaan rumah bagi mereka yang menyelesaikan instruksi ini. Terapkan yang berikut:

  • Fungsi rumah
  • Ubah tombol Refresh menjadi tombol Stop saat halaman sedang dimuat.

Saya harap proyek-proyek ini telah menunjukkan kepada Anda betapa mudahnya memprogram!

Langkah 9: Solusi

Solusi
Solusi

Bagi mereka yang menyelesaikan instruksi VB pertama saya - saya memiliki solusi untuk pekerjaan rumah yang saya tetapkan di akhir.

Ubah warna latar belakang

Ini sederhana - Ubah properti BackColor Form1 ke warna yang berbeda

Tambahkan beberapa info hak cipta

Label baru dengan properti teks diubah akan berhasil

Ubah ukuran formulir dengan Gambar

Ubah AutoSize menjadi True dan AutoSizeMode menjadi GrowAndShrinkDone! Masih akan datang: Saya akan membuat beberapa Instruktur VB. NET lagi. Terus Coding!

Direkomendasikan: