Buatlah projeck baru di android studio
1. Create Project
Inilah tampilan awal Android Studio setelah diload.
Klik start a new Android Studio Project untuk membuat project android baru,
Kemudian penamaan aplikasi dan package seperti gambar dibawah.
pada bagian penentuan build target, jika di eclipse ada bagian dimana user menentukan build target sedangkan di android studio hanya menentukan minimum SDK.
Selain itu di android studio membuat apps dapat juga di build untuk Android TV, wear dan glass.
Pada saat pemilihan Add an activity to mobile,pilih blank activity.
Setelah itu pada choose optional for your new file, klik Finish
2. Tampilan Awal
Inilah tampilan awal setelah setting properties project tadi. Aplikasi android ini akan menampilkan Hello World.
1. Silahkan buka AndroidManifest.xml yang berada pada folder manifest yang ada pada proyek yang dibuat. Kemudian tambahkan kode seperti di bawah ini.
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="kbm.heries">
<uses-permission android:name="android.permission.INTERNET"/>
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="kebumen"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity
android:name=".MainActivity"
android:label="kebumen"
android:theme="@style/AppTheme.NoActionBar">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
2.kemudia buka Activity_main dan isikan saja seperti ini:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="oc.startup.ra.progressbarwebview.MainActivity">
<ProgressBar
android:layout_width="fill_parent"
android:layout_height="10dp"
style="?android:attr/progressBarStyleHorizontal"
android:id="@+id/progresBarH"
android:max="100"
android:background="#2113ec"
android:layout_alignBottom="@+id/text1"
android:layout_alignRight="@+id/webView1"
android:layout_alignEnd="@+id/webView1" />
<WebView
android:layout_width="350dp"
android:layout_height="390dp"
android:id="@+id/webView1"
android:layout_below="@id/progresBarH"
android:layout_centerVertical="true"
android:layout_centerInParent="true"/>
<EditText
android:layout_width="220dp"
android:layout_height="40dp"
android:layout_marginLeft="10dp"
android:id="@+id/text1"/>
<Button
android:layout_width="50dp"
android:layout_height="40dp"
android:layout_marginLeft="240dp"
android:text="Go"
android:id="@+id/Button1"
android:onClick="gotoUrl"/>
<Button
android:layout_width="70dp"
android:layout_height="40dp"
android:layout_marginTop="430dp"
android:layout_marginLeft="20dp"
android:id="@+id/Button2"
android:text="Balik"
android:onClick="goBack"/>
<Button
android:layout_width="50dp"
android:layout_height="40dp"
android:layout_marginTop="430dp"
android:layout_marginLeft="133dp"
android:id="@+id/Button3"
android:text="x"
android:onClick="stopLoading"/>
<Button
android:layout_width="70dp"
android:layout_height="40dp"
android:layout_marginTop="430dp"
android:layout_marginLeft="225dp"
android:text="terus"
android:id="@+id/Button4"
android:onClick="goForward"/>
</RelativeLayout>
3. kemudian buka main_activity dan isikan saja seperti ini:
package kbm.heries;
import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.EditText;
import android.widget.ProgressBar;
public class MainActivity extends Activity {
WebView mWebView;
String URL = "";
ProgressBar loadingProgressBar, loadingTitle;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mWebView = (WebView) findViewById(R.id.webView1);
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.setWebViewClient(new WebViewClient());
loadingProgressBar = (ProgressBar) findViewById(R.id.progresBarH);
mWebView.setWebChromeClient(new WebChromeClient() {
@Override
public void onProgressChanged(WebView view, int newProgress) {
super.onProgressChanged(view, newProgress);
loadingProgressBar.setProgress(newProgress);
if (newProgress == 100) {
loadingProgressBar.setVisibility(View.GONE);
} else {
loadingProgressBar.setVisibility(View.VISIBLE);
}
}
});
}
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK) {
finish();
}
return super.onKeyDown(keyCode, event);
}
public void gotoUrl(View view) {
EditText theEditText = (EditText) findViewById(R.id.text1);
URL = theEditText.getText().toString();
URL = URL.replace("", "+");
mWebView.loadUrl("http://www.google.com/search?q=" + URL.trim());
}
public void goBack(View view) {
mWebView.goBack();
}
public void goForward(View view) {
mWebView.goForward();
}
public void stopLoading(View view) {
mWebView.stopLoading();
}
private class MyWebViewClient extends WebViewClient {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
}
}
dan anda bisa langsung mengubah ke file apk atau dicoba dengan emulator.
dan anda juga bisa merubah icon ataupun label di mainfest sesuai dengan keinginan anda..
lihat hasil projecknya divideo dibawah ini :) :
sampai jumpa di artikel saya yang lain.. okey..
