Cara Membuat Aplikasi Fungsi WebView Pada Android Studio

Jokam-Informatika.com – Banyak orang yang mencari cara untuk membuat aplikasi dengan fungsi WebView didalamnya. WebView sendiri adalah fungsi aplikasi khusus seluler yang dapat mengunjungi sebuah browser secara instant. Kebanyakan fungsi ini dimanfaatkan untuk pembuatan aplikasi blog atau channel youtube mereka.

Seperti apakah cara pembuatan aplikasi WebView ?

Simak ulasan dibawah ini untuk mengetahuinya lebih lengkap,

Android WebView – Untuk membuat aplikasi dengan fungsi WebView sebenarnya tidaklah sulit karena hanya memanfaatkan beberapa coding saja untuk membentuk fungsi tersebut didalam aplikasi. Perangkat Android saat ini sudah digunakan hampir oleh semua orang di dunia ini dan sebagian lagi adalah Iphone. Namun jumlah pengguna Android tidaklah sedikit yaitu Hampir 3/4 didunia orang menggunakan android. Karena harganya yang terjangkau juga banyak sekali fitur serta kemudahan dalam penggunaannya. Selain itu android juga dikenal sudah terbukti mempunyai kecerdasan dan sampai-sampai dijuluki ponsel pintar.

Jadi sekarang orang-orang pun ikut berkontribusi dengan android karena semakin banyak peminatnya. terlebih lagi aplikasi android dapat menghasilkan uang.

Saya pun disini tidak ketinggalan untuk membantu kalian yang ingin membuat aplikasi. Dalam kasus ini saya akan membantu kalian untuk membuat aplikasi yang berfungsi sebagai WebView. WebView adalah Satu widget yang dimiliki android untuk melihat suatu website kalian.

Oke langsung saja.

Pertama Buka AndroidManifest.xml pada Directory manifests/, Lalu copykan semua code dibawah ini :

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.jcft.whoami.jokampcyberfighter">// Diatas ini ^ Sesuaikan dengan Nama Package kalian contoh : com.blablabla        <uses-permission android:name="android.permission.INTERNET"/>    <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:supportsRtl="true" android:theme="@style/AppTheme">         <activity  android:name=".MainActivity"  android:label="@string/app_name"  android:theme="@style/AppTheme.NoActionBar">            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>          <activity android:name=".JCFTActivity"/>    </application></manifest>

Lalu buka activity_main.xml dan Copykan code berikuti ini ke activity_main.xml yang berada di res/layout pada project kalian :

<?xml version="1.0" encoding="utf-8"?><android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context="com.jcft.whoami.jokampcyberfighter.MainActivity">//Diatas ini Sesuaikan dengan Package kalian ditambah .MainActivity    <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/AppTheme.AppBarOverlay">    </android.support.design.widget.AppBarLayout>    <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:popupTheme="@style/AppTheme.PopupOverlay" />    <TextView android:id="@+id/textView" android:layout_width="match_parent" android:layout_height="39dp" android:text="NAMA WEBSITE KALIAN" android:textStyle="bold" android:textAlignment="center" android:layout_marginLeft="40dp" android:layout_marginRight="40dp" android:layout_marginTop="20dp"/>    <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="50sp" android:layout_marginTop="100dp" android:layout_gravity="top" android:onClick="JCFT" android:text="NAMA WEBSITE KALIAN" /> </android.support.design.widget.CoordinatorLayout>

Jika sudah maka kalian save file diatas tersebut.

Kemudian buka MainActivity.java yang sudah ada di Java/Nama_Package_Kalian.
Pada tulisan paling atas biarkan saja yaitu package blabla, lalu paste dibawahnya code berikut :

import android.content.Intent;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.View;public class MainActivity extends AppCompatActivity {    @Override        protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);    }    public void JCFT (View v) {        startActivity(new Intent(MainActivity.this, JCFTActivity.class));    }}

Kemudian Save File diatas.

Kemudian buat lagi file bernama jcft.xml di res/layout dan copy code berikut kemudian paste di file yang tadi anda buat :

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical">    <FrameLayout android:id="@+id/FrameLayoutTop" android:layout_width="match_parent" android:layout_height="7dp" android:background="@android:color/transparent">        <ProgressBar  android:id="@+id/progressBar3"  style="?android:attr/progressBarStyleHorizontal"  android:layout_width="match_parent"  android:layout_height="7dp"  android:layout_gravity="top"  android:background="@android:color/transparent"  android:progress="20"  android:progressDrawable="@drawable/custom_progress" />    </FrameLayout>    <WebView android:id="@+id/WebView" android:layout_width="match_parent" android:layout_height="match_parent" >        <FrameLayout  android:id="@+id/FrameLayoutCenter"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:background="@android:color/transparent">            <ProgressBar   android:id="@+id/progressBar4"   style="?android:attr/progressBarStyle"   android:layout_width="100dp"   android:layout_height="100dp"   android:layout_gravity="center"   android:background="@android:color/transparent"   android:progress="20" />        </FrameLayout>    </WebView></LinearLayout>

Lalu, simpan coding file diatas.
Maka anda telah berhasil membuat fungsi WebView.

Untuk membuat kesan loading yang bergerak di bagian atas screen maka buat sebuah file dengan nama custom_progress.xml di direktory res/drawable dan Copykan code berikut ini :

<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android">    <item android:id="@android:id/secondaryProgress">        <clip>            <shape>                <corners android:radius="3dip"/>                <solid android:color="#4FC3F7"/>            </shape>        </clip>    </item>    <item android:id="@android:id/progress">        <clip>            <shape>                <corners android:radius="3dip"/>                <solid android:color="#4FC3F7"/>            </shape>        </clip>    </item></layer-list>

Kemudian save file diatas.

Maka kalian sudah selesai dalam membuat WebView beserta loading pada bagian atas screen saat anda menekan tombol.
Kemudian untuk melihat hasilnya, maka sobat bisa membukanya langsung melalui Run pada aplikasi langsung, atau manual melalui Handphone kalian masing-masing.
Tetapi kalian harus Build dulu, setelah build barulah ambil file APK kalian di folder project kalian di hardisk.
Lalu kirim ke HP kemudian install di HandPhone kalian.