Daftar Isi:
- Langkah 1: Buat Proyek
- Langkah 2: Tambahkan Kontrol, dan Ubah Properti
- Langkah 3: Kode
- Langkah 4: Lebih Banyak Barang
- Langkah 5: Bar Alamat
- Langkah 6: Tombol Tindakan
- Langkah 7: Bilah Status
- Langkah 8: Selesai
- Langkah 9: Solusi
Video: Membuat Program di Visual Basic: Web Browser: 9 Langkah
2024 Pengarang: John Day | [email protected]. Terakhir diubah: 2024-01-30 09:59
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 Formulir Windows baru, dan beri nama Web Browser. Ubah ukuran formulir sesuai keinginan Anda.
Langkah 2: 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
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
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
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
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
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
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
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:
Kirim Data ke Platform IoT AskSensors Dari Browser Web: 6 Langkah
Kirim Data ke AskSensors IoT Platform Dari Web Browser: Baru-baru ini saya telah memposting instruksi yang menunjukkan panduan langkah demi langkah untuk menghubungkan node MCU ESP8266 ke AskSensors IoT Platform. Saya mendapat beberapa umpan balik dari orang-orang yang lebih tertarik dengan platform AskSensors, tetapi mereka tidak memiliki node MCU di tangan. ini saya
Membuat Program Pertama Anda di Visual Basic: 7 Langkah
Membuat Program Pertama Anda dalam Visual Basic: Instruksi ini akan menunjukkan kepada Anda bagaimana memprogram Microsoft Visual Basic 2005 Express Edition. Contoh yang akan Anda buat hari ini adalah penampil gambar sederhana. Jika Anda menyukai instruksi ini, tekan tombol + di bagian atas instruksi. Terima kasih
Cara Membuat Program Obrolan Sederhana di Visual Basic Menggunakan Kontrol Microsoft Winsock: 7 Langkah
Cara Membuat Program Obrolan Sederhana di Visual Basic Menggunakan Kontrol Microsoft Winsock: Dalam instruksi ini saya akan menunjukkan cara membuat program obrolan sederhana di visual basic. saya akan membahas apa yang dilakukan semua kode sehingga Anda akan belajar saat membuatnya, dan pada akhirnya saya akan menunjukkan cara menggunakannya
Membuat Web Browser di Visual Basic: 12 Langkah
Membuat Web Browser di Visual Basic: Saya akan mengajari Anda cara membuat browser web di Visual Basic 2005
Cara Membuat Webbrowser di "Visual Basic": 11 Langkah
Cara Membuat Webbrowser di "Visual Basic": Pertama-tama Anda perlu mengunduh Microsoft Visual Basic. Segala bentuk Visual Basic bagus, tetapi ingat, beberapa di antaranya membutuhkan biaya. Saya menggunakan versi gratis Visual Basic "Edisi Ekspres" tetapi seperti yang saya katakan, bentuk apa pun akan bermanfaat. http://www.mic