Cara membuat Scrollview Vertical dan horizontal di Aplikasi android milik kita

ScrollView App

cara membuat scrollview Vertical dan horizontal di Aplikasi android - dalam memahami beberapa fungsi fungsi tentang aplikasi android kita juga perlu terus menerus belaja tentang code - code android diantaranya tentang xml code dan javascript code dalam memahami aplikasi android yang kita bangun tersebut.

belajar xml android membuat Scrollview Project

Mari kita buat dulu project Scrollview dulu yaitu dengan membuka aplikasi app Builder setelah itu langsung saja

New project > Scroll Option > Next > web wrapper > Next > Main Activity > Finish.

Oke project Scrollview pada aplikasi android buatan kita telah selesai dibuat Kemudian kita akan menambahkan script code xml android untuk menampilkan Scrollview pada page layout main activity ok langsung.

Cara memasukan script Scrollview pada xml main_activity. Xml

Masuk dulu ke dalam folder res > layout > Main_Activity.xml kemudian masukan script Scrollview di bahwa ini, hapus script sebelumnya ganti dengan script yang baru.

<!--?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:gravity="center" android:orientation="vertical">

<webview android:id="@+id/web" android:layout_width="match_parent" android:layout_height="300dp">


<linearlayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_margintop="1dp">

<horizontalscrollview android:layout_width="match_parent" android:layout_height="60dp" android:id="@+id/horizontalSc">

<linearlayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal">

<button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Menu 1" android:id="@+id/tombol1">

</button><button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Menu 2" android:id="@+id/tombol2">

</button><button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Menu 3" android:id="@+id/tombol3">

</button><button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Menu 4" android:id="@+id/tombol4">

</button><button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Menu 5" android:id="@+id/tombol5">

</button><button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Menu 6" android:id="@+id/tombol6">
</linearlayout>

Kemudian langsung build > pack > install > buka, untuk melihat hasil dari Scrollview android tersebut bisa dilihat pada gambar di bawah ini.

Contoh Scrollview image hasilnya.

Contoh scrollview app creator

Cara menambhkan fungsi widget button pada Scrollview xml.

Kita ambil contoh pada menu 1 dengan id

android:id="@+id/tombol1"

Sekarang kita langsung masuk ke MainActivity.javakemudian tambahkan script button Scrollview fungsi di bahwa in.

Button button = (Button) findViewById(R.id.tombol1); button.setOnClickListener(new OnClickListener() { public void onClick(View v){ Toast.makeText(MainActivity.this, "tombol menu 1 di click", Toast.LENGTH_SHORT).show(); } });

Masukan di bawah kode ini.

webView = (WebView)findViewById(R.id.web);

kemudian masukan import button dan toast di bawah ini.

import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.Toast;

Masukan di bawah fungsi

import android.webkit.WebViewClient;

Sekarang build project Scrollview tersebut dengan menekan build > pack > install > buka dan hasilnya bisa di lihat seperti berikut ini. 

example scrollview mudah

Untuk mengubah posisi vertical jadi horizontal ganti code Scrollview menu berikut ini pada activity_main.xml, perhatikan code berikut.

<horizontalscrollview android:layout_width="match_parent" android:layout_height="60dp" android:id="@+id/horizontalSc">
</horizontalscrollview>

Ganti code ini.

HorizontalScrollView

Jadi.

VerticalScrollView

Bila ingin memidahkan situs saat saat button Scrollview di tekan maka fungsi toast di ganti dengan script webview seperti di bawah ini, maka akan menghasilkan link dengan situs berbeda saat di fungsikan, secriptnya bisa di ambil di bawah ini.

webView.loadUrl("https://optimasimantap.blogspot.com");

Hapus script berikut ini.

Toast.makeText(MainActivity.this, "tombol menu 1 di click", Toast.LENGTH_SHORT).show();

Ganti dengan script webview dimaksud maka akan membuat fungsi saat tombol Scrollview menu 1 di fungsikan maka situs akan berpindah pada situs webview yang baru seperti ini hasilnya.

Image 

android scrollable layout

Demikian tutorial kali ini tentang cara membuat Scrollview di aplikasi android buatan kita semoga bermanfaat salam app android creator.

Salam android App Creator .... 

Share this

Author : admin

Related Posts