Buat browser dengan sketchware

Membuat Aplikasi Peramban Web yang mengarahkan Pengguna ke URL yang Diberikan

Mengarahkan pengguna

Hari ini, kami akan membuat contoh kedua di daftar - Peramban Web. Menyelesaikan contoh ini akan membantu kami memahami ide Intent dan URL. Ketika kita menjelajah web atau menggunakan aplikasi, terkadang kita menemukan hyperlink dalam teks atau gambar.

Hyperlink adalah tautan dari file hypertext atau dokumen ke lokasi atau file lain, biasanya diaktifkan dengan mengklik pada kata atau gambar yang disorot di layar.

Misalnya, seperti ini! Mengkliknya akan mengarahkan Anda ke aplikasi Sketchware di Google Play. Kami akan menerapkan sesuatu yang serupa dalam aplikasi yang akan kami buat. Jika Anda belum menyelesaikan proyek Kotak Pesan, selesaikan di sini sebelum memulai.

Apa yang Anda butuhkan

Aplikasi Sketchware dari Google Play

Semangat membara untuk belajar program

Apa yang akan Anda pelajari

Konsep Intent dan URL

Langkah 1: Memulai proyek

Cukup pilih proyek Browser Web dan mulai!

Langkah 2: Merancang Aplikasi

Ini adalah layar HINT yang diberikan kepada kami. Desainnya terlihat sangat mirip dengan contoh Kotak Pesan yang kita selesaikan sebelumnya. Tempatkan EditText dan widget Tombol di layar dan ubah properti layout_width mereka menjadi match_parent. Juga, ubah teks di bawah Properti Teks untuk mencocokkan String yang ditunjukkan pada Petunjuk di atas. Kami ingin teks dari EditText menjadi "masukan url" dan teks Tombol menjadi "Browser".

Anda dapat mengedit properti widget dengan:

Mengklik widget → Edit Properti → ...

Juga, cobalah bermain-main dengan properti margin untuk membuat ruang antara tombol dan dinding layar. Seperti inilah desain saya terlihat! Jangan ragu untuk mengubah warna atau properti lainnya untuk melihat pengaruhnya terhadap widget.

Langkah 3: Menyiapkan logika/Logic

Apa itu Komponen?

Kepala ke tab LOGIC. Terakhir kali, ketika kami menyelesaikan Kotak Pesan contoh, kami belajar cara mengedit acara Tombol di bawah tab Acara. Hari ini, kita akan belajar cara menambahkan komponen di bawah tab Komponen, dan tujuan dari itu.

Secara default, beberapa blok tidak tersedia untuk kami. Kami harus menambahkan komponen-komponen tertentu agar dapat diakses. Ada tiga jenis komponen yang dapat kita tambahkan:

1. Intent - objek pesan yang dapat Anda gunakan untuk meminta tindakan dari komponen aplikasi lain, pada dasarnya pesan untuk mengatakan bahwa Anda melakukan atau menginginkan sesuatu terjadi.

2. File (Shared Preference) - digunakan untuk menyimpan data primitif apa pun: boolean, float, int, long, dan string.

3. Vibrator - digunakan untuk membuat ponsel bergetar.

Coba tambahkan komponen Intent seperti ini:

Dengan demikian, Anda sekarang memperoleh akses ke tiga blok fungsi lebih: Intent.setAction, Intent.setData, dan StartActivity. Anda dapat membaca apa yang bertanggung jawab atas setiap blok.

Sketchware menyediakan tiga tindakan yang dapat digunakan pada maksud:

ACTION_CALL - Anda dapat memanggil seseorang dengan data dimulai dengan tel:

ACTION_DIAL - Sama dengan ACTION_CALL, tetapi tidak perlu izin.

ACTION_VIEW - Pengguna dialihkan ke web dengan URL yang diberikan dalam bentuk http: atau https:.

Sekarang setelah kita memiliki pemahaman yang jelas tentang komponen apa dan bagaimana kita dapat memanfaatkannya, mari kita siapkan logika.

Logika kami akan terlihat seperti ini:

Saat aplikasi dimulai, input sudah ditentukan sebelumnya dengan ‘http: //’

Pengguna memasukkan URL yang ingin mereka kunjungi

Jika input pengguna ada di sana, kami membuka browser ke URL itu; namun, jika tidak ada masukan, kita bersulang pesan kesalahan.

Menginisialisasi Nilai EditText ke http: //

Saat Anda meluncurkan demo, Anda dapat melihat bahwa url masukan sudah diisi dengan String "http: //". Ini dapat dicapai dengan memanipulasi onCreateevent dalam daftar Acara -. Anda dapat menggunakan setText untuk memblokir untuk mengatur EditText menjadi "http: //" seperti ini:

Sekarang, setiap kali aplikasi menyala, EditText akan mulai dengan nilai default "http: //". Event OnCreate adalah tempat untuk pergi kapan pun Anda perlu menetapkan nilai awal sesuatu.

Peristiwa Klik Tombol

Pertama, kami memeriksa apakah ada masukan pengguna. Ini mirip dengan apa yang kami lakukan dalam contoh Kotak Pesan, tetapi itu sedikit berbeda karena kami hanya ingin menerima String yang menyertakan nilai "http: //". Misalnya, jika pengguna menghapus "http: //" dan mengetik "google.com" daripada "http://google.com," kami ingin menampilkan pesan kesalahan.

Dalam situasi ini, kita bisa menggunakan indeks blok. Ini adalah blok hijau yang mengembalikan indeks dalam string ini dari kemunculan pertama dari karakter yang ditentukan atau -1, jika karakter tidak muncul. Dalam istilah sederhana, kita akan memeriksa apakah "http: //" ada dalam String. Seperti inilah logika akhir saya:

Kami pertama memeriksa "http: //" di masukan, lalu jika ada, kami memulai web Maksud dengan tindakan ACTION_VIEW, di mana kami meneruskan data masukan pengguna untuk URL. Akhirnya, kami memulai Kegiatan, yang akan membuka peramban. Lanjutkan dan jalankan program.

Berikut adalah demo kerja:

Dengan demikian tutorial sketchware Kali ini saya nyatakan Selesai..