Cara memasukkan file HTML ke aplikasi yang dibuat dengan Sketchware

Cara memasukkan file HTML ke aplikasi yang dibuat dengan Sketchware

Berikut adalah panduan langkah demi langkah untuk memasukkan kode HTML ke dalam aplikasi Anda di Sketchware.

Langkah 1 
Mulai proyek baru dan isi detail di pengaturan proyek.

Langkah 2
Di Main.xml atau halaman lain di mana Anda ingin memasukkan kode HTML, masukkan widget WebView.

Langkah 3
Pergi ke Logika (even) halaman Anda (MainActivity.java untuk Main.xml) dan di onCreate gunakan blok berikut:


Sekarang isi blok ini seperti di bawah ini:
data URl: teks / html, <html> <title> </title> <body> Tulis kode HTML Anda di sini. </body> </html> 

Langkah 4
Juga tambahkan acara onBackPressed dan gunakan blok berikut:


Langkah 5
Simpan dan Jalankan aplikasi

Aplikasi Anda akan menampilkan konten kode HTML Anda di tempat webview berada. Anda dapat menggunakan CSS dan JavaScript dalam kode Anda. Anda dapat menyisipkan tautan gif dan gambar. Untuk mengaktifkan tautan dalam kode HTML, dan untuk mengaktifkan JavaScript dalam kode HTML, masukkan kode berikut :


WebSettings webSettings=webview1.getSettings(); webSettings.setJavaScriptEnabled(true); webSettings.setJavaScriptCanOpenWindowsAutomatically(true); if(android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.JELLY_BEAN) { webSettings.setAllowFileAccessFromFileURLs(true); webSettings.setAllowUniversalAccessFromFileURLs(true); }

atau juga bisa seperti contoh berikut:

Misalkan Anda telah membuat file HTML menggunakan HTML, CSS dan JavaScript, dan Anda ingin membuat aplikasi Android tempat Anda dapat melihat file html ini. Anda dapat dengan mudah melakukan ini dengan mengikuti langkah-langkah yang diberikan di bawah ini.

1. Tambahkan WebView webview1 di area VIEW proyek Android Anda di Sketchware.

2. Melalui pengelola suara, tambahkan file suara ke proyek Anda (misalnya. Button.mp3).

3. Simpan proyek dan keluar.

4. Buka file manager dan salin file HTML Anda (myfile.html).

5. Dalam sdcard, navigasikan ke .sketchware/resources/sounds/(your project no.)/ Dan tempelkan file HTML di folder ini.

6. Hapus file suara (button.mp3), dan ganti nama file html (myfile.html) menjadi sama dengan file suara (button.mp3). Dengan demikian myfile.html diubah namanya menjadi button.mp3.

7. Buka proyek lagi di Sketchware, dan di onCreate, gunakan Blok WebView loadUrl ........, dan letakkan path berikut di dalamnya:

file:///android_res/raw/button.mp3
Atau
file:///android_res/raw/button



Di sini button.mp3 adalah nama file suara yang digantikan oleh file HTML. Itu harus diubah sesuai dengan nama file Anda.

8. Simpan dan jalankan proyek. Anda akan melihat file HTML Anda dimuat di WebView. Semua CSS dan JavaScript yang digunakan dalam file HTML juga berfungsi.
Metode yang sama juga dapat digunakan untuk menyisipkan gambar gif di Sketchware, untuk ditampilkan di WebView.

Share this:

Disqus Comments