Tutorial android Cara membuat Tombol Button link, attributs dan Fungsinya

Baca Juga

Android Button link

Tutorial android Cara membuat Tombol Button link, attributs dan Fungsinya - dalam tutorial kali ini kta mengenal button link atau tombol link namun dalam tutorial membuat aplikasi berbasis android kita harus mengenal dulu apa itu button link atau tombol link. 

Sebenarnya Button ( tombol ) telah ada dalam pembahasan html code dan php code yang belum tau silahkan di baca dulu Html Memahami fungsi Button dan untuk lebih mengenal button maka kita mulai saja memahami fungsi button dari siai xml android nah mari kita mulai pembahasannya.

Memahami Pengertian Button Xml

Button adalah sebuh fungsi script code yang di fungsikan untuk mengexecute sebuah proses pengiriman data yang di maksud.

Mari kita mukai dengan contoh logicanya seperti ini.

Saat anda masuk dalam email maka terlebuh dahulu memasukan User Name/email dan Password setelah itu akan menekan Button Masuk atau tombol masuk, nah tombol masuk ini inilah yang namanya Button.

Fungsi Button ( Tombol )

1. Membuat link refresh
2. Direct link button
3. Submit Button
4. Pengiriman data lewat Form
5. Dll

Sekarang kita telah mengenal fungsi tombol dimaksud, saatnya kita akan membuat button tersebut pada aplikasi android namun sebelumnya kita wajib tau dulu Dasar pembuatan aplikasi android dalam 5 menit serta untuk membuatnya kita butuh aplikasi nah aplikasinya bisa di lihat di Tutorial Aplikasi pembuat aplikasi adroid .

kita buka dulu App Creator nya kita buka kemudian menuju New Project > Aplication Name isi saja test untuk Pakage Name & Project location biarkan saja apa adanya, kemudian langsung next > emity Activity > Next > Activity Name biarkan saja apa adanya kemudian klik finish.

Proses pembuat aplikasi dengan empity actvity telah selesai dan anda telah masuk dalam folder project tersebut.

Cara membuat Button Aplication

Caranya masuk ke res > layout > activity_main.xml buka filenya dan tambahkan script xml button di bawah ini.

<button 

android:layout_width="wrap_content" 

android:layout_height="wrap_content" 

android:text="Text Example">
</button>

sehingga akan menjadi xml script seperti ini. 

<!--?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">

<button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Text Example">

<textview android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:text="Hello World!">

</textview></button></linearlayout>

Kemudian langsung save setelah itu kita build dan installkemudian buka Aplikasi tersebut hasilnya akan terlihat seperti ini. 

Button Link Example

Kemudian untuk mengenali attributs Button xml tersebut bisa di lihat di bawah ini. 

Attributs Button Xml 

android:id="@+id/lineLayout" 

android:layout_width="wrap_content" 

android:layout_height="wrap_content" 

android:layout_alignParentBottom="true" 

android:layout_centerHorizontal="true" 

android:layout_marginBottom="-57dp" 

android:text="Tengah" 

android:layout_weight="1"  

android:weightSum="10"  

android:paddingLeft="16dp"  

android:paddingRight="16dp"  

android:padding="10dip"  

android:layout_alignParentLeft="true"  

android:layout_alignParentStart="true"  

android:layout_below="@+id/gridView"  

android:layout_above="@+id/gridView"  

android:gravity="center"   

android:background="#123456"   

android:textSize="20dp"  

android:textStyle="bold"

Untuk fungsi - fungsi di atas bisa di baca di tutorial sebelumnya yaitu. 

Baca : Android Memahami Fungsi Relative, line, Frame, Layout & Atributes

Dan untuk mengubah Background Button dengan gambar anda bisa ubah secript xml ini.

android:background="#123456"

Ganti menjadi seperti ini.

android:background="@drawable/ic_launcher"

Dan masukan gambar ic_launcher.png di folder drawable

Dan untuk membuat tombol jadi transparent kita gunakan script color di bawah ini.

 android:background="#22222222" 

dan untuk mengatur seberapa piasnya bisa di ubah angkanya 1-9 semakin tinggi angkanya maka akan semakin terlihat & semakin kecil maka semakin tidak terlihat.

Untuk memindahkan posisi margin padding bisa dilihat dulu gambar di bawah ini. 

Setlah itu kita ambil posisi script xml ini sebagai rujukan code.


android:layout_marginBottom="10dp" ( bawah )
android:layout_marginTop="20dp" ( atas )
android:layout_marginLeft="30dp" ( kiri )
android:layout_marginRight="40dp" ( Kanan ) 

Demikian tutorial kali ini semoga bisa membantu teman teman dalam belajar Tutorial android untuk pemula dengan bahasa indonesia, dan penjelasan yang lengkap serta familier untuk pemula.

Salam Coding Android tutorial code Js .