Webview dengan Progressbar di ActionBar Eclipse ADT

Kali ini akan kita coba lagi materi tentang android, materi ini juga masih berhubungan dengan feature baru dari produk Dink It Tokopedia versi 4.0 yaitu Webview dengan Progressbar di ActionBar Eclipse ADT.

Biasa sebelum perang kita siapkan dulu senjatanya, bisa kita lihat senjata apa saja yang kita perlukan di materi Contoh Aplikasi Android Settings atau Preference dengan Eclipse ADT.

Mari kita mulai peperangan Contoh Aplikasi Android Webview dengan Progressbar dibawah Actionbar Menggunakan Eclipse ADT:

Buka eclipse ADT
Buat project android dengan nama “Android Webview ProgressBar” dan package “com.wijaksana.android.webview.progressbar”, ikuti wizard sampai finish
Lalu coba jalankan genymotion/AVD untuk testing aplikasi yang terbentuk
Jalankan aplikasi maka akan muncul hello world

Buat folder “drawable” di “src”, lalu create file “custom_progress.xml” dengan script dibawah 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>

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<clip>

<shape>

</shape>

</clip>

</item>

<clip>

<shape>

</shape>

</clip>

</item>

</layer-list>

Buka layout “activity_main.xml” di folder “res/layout”, replace script menjadi seperti ini:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tool="http://schemas.android.com/tools"
    xmlns:ads="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent" 
    android:orientation="vertical">

    <FrameLayout 
        android:id="@+id/frameLayout"
        android:layout_width="match_parent"
        android:layout_height="3dp"
        android:background="@android:color/transparent">
        
        <ProgressBar 
            android:id="@+id/progressBar"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_width="match_parent"
            android:layout_height="8dp"
            android:layout_gravity="top"
            android:layout_marginTop="-3dp"
            android:progressDrawable="@drawable/custom_progress"
            android:background="@android:color/transparent" />
        
    </FrameLayout>       
        
	<WebView
		android:id="@+id/webView"
		android:layout_width="match_parent"
		android:layout_height="match_parent" />
        
</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tool="http://schemas.android.com/tools"

xmlns:ads="http://schemas.android.com/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

<FrameLayout

android:id="@+id/frameLayout"

android:layout_width="match_parent"

android:layout_height="3dp"

android:background="@android:color/transparent">

<ProgressBar

android:id="@+id/progressBar"

style="?android:attr/progressBarStyleHorizontal"

android:layout_width="match_parent"

android:layout_height="8dp"

android:layout_gravity="top"

android:layout_marginTop="-3dp"

android:progressDrawable="@drawable/custom_progress"

android:background="@android:color/transparent" />

</FrameLayout>

<WebView

android:id="@+id/webView"

android:layout_width="match_parent"

android:layout_height="match_parent" />

</LinearLayout>

Pages: 1 2

Leave a Reply Cancel reply