Tutorial Web View with List View

Berbagi tutorial mengenai web view dengan menggunakan list view sebagai menu pilihan setiap situs link web yang dituju, untuk hasil tampilan seperti pada gambar di atas baik untuk mempermudah dalam memuat tahap pertama yang dilakukan masukan user-permission INTERNET dan ACCESS_NETWORK_STATE yang berada pada manifests dengan cara copy user-permission di bawah ini

<uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

Selanjutnya buat design layout untuk item list viewnya dengan nama item_menu.xml lalu masukan kode berikut
<?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="wrap_content" android:background="@drawable/list_selector" android:orientation="horizontal"> <LinearLayout android:layout_width="match_parent" android:layout_height="70dp" android:orientation="horizontal" android:padding="10dp"> <ImageView android:layout_width="50dp" android:layout_height="match_parent" android:layout_marginLeft="5dp" android:gravity="center_vertical" android:src="@drawable/ic_public_black_24dp" android:text="Tugas" android:textColor="#000000" android:textSize="15sp" android:textStyle="bold" /> <TextView android:id="@+id/tvNamaUrl" android:layout_width="0dp" android:layout_height="match_parent" android:layout_marginLeft="5dp" android:layout_weight="1" android:gravity="center_vertical" android:text="URL" android:textColor="#000000" android:textSize="15sp" android:textStyle="bold" /> <TextView android:id="@+id/tvUrl" android:layout_width="wrap_content" android:layout_height="wrap_content" android:visibility="gone" /> </LinearLayout> </LinearLayout>

Buat activity layout untuk menampilkan data list view dengan nama activity_menu.xml dan masukan code berikut
<ListView android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="match_parent" />

Langkah terakhir pada bagian layout buat activity layout untuk menampilkan data web view dengan nama activity_webview.xml dan masukan code berikut
<WebView android:id="@+id/webView" android:layout_width="match_parent" android:layout_height="match_parent" />

Jika semua langkah yang di lakukan sudah benar selanjutnya masuk ke bagian java class dan buat class baru dengan nama URLLink.java 
package com.map.codetr.tanwir.mobilecomputinguas; /** * Created by tanwir on 17/05/2017. */ public class URLLink { // Array namaURL dan url harus sama banyak datanya // isi 50 nama situs public static String namaURL[] ={ "BLOK", "FACEBOOK", }; // isi 50 url situs public static String url[] = { "http://blogspot.com", "http://www.facebook.com", }; }

Buat class baru lagi dengan nama ItemAdapter.java untuk menampung data dalam ArrayAdapter
public class ItemAdapter extends ArrayAdapter<string> { private String[] namaURL; private String[] url; private Activity context; public ItemAdapter(Activity context, String[] namaUrl, String[] url) { super(context, R.layout.item_menu, namaUrl); this.context = context; this.namaURL = namaUrl; this.url = url; } @Override public View getView(int position, View convertView, ViewGroup parent) { LayoutInflater inflater = context.getLayoutInflater(); View Item = inflater.inflate(R.layout.item_menu, null, true); TextView tvNamaURL = (TextView) Item.findViewById(R.id.tvNamaUrl); TextView tvUrl = (TextView) Item.findViewById(R.id.tvUrl); tvNamaURL.setText(namaURL[position]); tvUrl.setText(url[position]); return Item; } }

Buat class untuk bagian menu dengan nama MenuApp.java untuk menampilkan data menu
package com.map.codetr.tanwir.mobilecomputinguas.activity; import android.content.Intent; import android.os.Bundle; import android.support.design.widget.FloatingActionButton; import android.support.design.widget.Snackbar; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.Toolbar; import android.view.View; import android.view.Menu; import android.view.MenuItem; import android.widget.AdapterView; import android.widget.ListView; import android.widget.Toast; import com.map.codetr.tanwir.mobilecomputinguas.R; import com.map.codetr.tanwir.mobilecomputinguas.URLLink; /** * Created by Tanwir on 17/05/2016. */ public class MenuApp extends AppCompatActivity { private ListView listView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_menu_app); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); toolbar.setTitle(" "+getString(R.string.nama_app)); toolbar.setLogo(R.mipmap.ic_launcher); setSupportActionBar(toolbar); ItemAdapter itemAdapter = new ItemAdapter(this, URLLink.namaURL, URLLink.url); listView = (ListView) findViewById(R.id.listView); listView.setAdapter(itemAdapter); listView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) { Intent urlSend = new Intent(MenuApp.this, ShowLinkURL.class); urlSend.putExtra("urlSend",URLLink.url[i]); startActivity(urlSend); } }); } }

Langkah terakhir Buat class dengan nama ShowLinkUrl.java untuk menampilkan data menu
package com.map.codetr.tanwir.mobilecomputinguas.activity; import android.content.Intent; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.Toolbar; import android.view.MenuItem; import android.webkit.WebView; import android.webkit.WebViewClient; import com.map.codetr.tanwir.mobilecomputinguas.R; /** * Created by Tanwir on 17/05/2016. */ public class ShowLinkURL extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_show_link_url); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); toolbar.setTitle(getString(R.string.nama_app)); setSupportActionBar(toolbar); getSupportActionBar().setDisplayHomeAsUpEnabled(true); Intent i = getIntent(); String url = i.getStringExtra("urlSend"); WebView webView = (WebView) findViewById(R.id.webView); webView.getSettings().setJavaScriptEnabled(true); webView.setWebViewClient(new MyBrowser()); webView.loadUrl(url); } private class MyBrowser extends WebViewClient { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } } @Override public boolean onOptionsItemSelected(MenuItem item) { int id = item.getItemId(); if (id == android.R.id.home) { finish(); return true; } return super.onOptionsItemSelected(item); } }

Selamat mencoba semoga berhasil.