Tutorial android untuk Pemula Cara mengubah Background dan Mengenal LineLayout, RelativeLayout, FrameLayout

December 26, 2018

Tutorial android edit image, LineLayout, RelativeLayout, FrameLayout.
Edit Backgroud Image LineLayout
Tutorial android untuk Pemula Cara mengubah Background Image & Color dan Mengenal LineLayout, RelativeLayout, FrameLayout - Kita lanjut ke pelajaran tentang android Tutorial beberapa tahapan membuat aplikasi android tersebut diantra pemahaman dasar dalam membuat aplikasi android adalah mengenal dasar - dasar aplikasi tersebut, sebenarnya pembuatan aplikasi android tersebut cukup mudah, dan disini kita juga akan menjelaskan cara tersebut berikut contoh aplikasi android sederhana. 

Sebelumnya telah kita terangkan tentang tahapan dasar tentang aplikasi yang di butuhkan dalam membuat aplikasi android, serta cara membuat aplikasi adroid dalam 5 menit, juga tentang mengenal dasar xml layout textview. 

Kita akan lanjut pada tutorial berikutnya, yaitu cara mengubah Background aplikasi android serta memahami fungsi line, relative dan frame, layout XML yang kita akan bahas disini. 

Sering sekali saat kita mulai belajar membuat aplikasi android untuk pemula banyak menemui problem dalam membuat aplikasi tersebut. 

Mari kita mulai dengan contoh aplikasi android sederhana yang telah kita buat sebelumnya kita buka dulu di APK Builderseperti biasa kita menuju Open Project > test > .project, karena kita masuk dalam aplikasi yang sebelumnya pernah kita buat tersebut. 

Setelah menu editor android build terbuka kita langsung menuju ke res > layout > activity_main.xml dan buka file tersebut. 

kita akan melihat script seperti ini. 


LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:gravity="center" 
android:background="#123456" 
android:orientation="vertical"> 

Script di atas ada tambahan yaituandroid:background="#123456" ini merupakan script xml code untuk mengubah background layout menjadi berbeda, dan untuk mengubah warna sesuai yang anda inginkan ganti code warna #123456 menjadi warna pilihan anda. 

Jika ingin mengubah Background dengan gambar pilihan anda maka script android:background="#123456" di ubah jadi android:background="@drawable/ic_launcher", setelah itu kita masuk masukan image tersebut dalam folder res > drawable > tekan gambar + add a file > import > ambil gambar png saya contohkan mengambil iconic_launcher.png. 

oke untuk hasil dari perubahan tersebut kita akan melihatnya seperti gambar di bawah ini. 
Contoh sederhana app android Background Image
Example Bg Image


sekarang kita bedah atributnya. 

android:layout_width="match_parent" menunjukan panjang dari sebuah line tersebut ( pas lebar layar ) 

android:layout_height="match_parent"  menunjukan tinggi dari sebuah line layout ( pas tinggi layar ). 

android:gravity="center"  menunjukan posisi gravity bisa meliputi Center, left, right, untuk kombinasi gravity bisa di tambahkan seperti center|top, atau center|bottom atauleft|top & left|bottom juga right|top & right|bottom. 

android:orientation="vertical" posisi dimana nanti posisiwidget android dalam keadaan vertical untuk posisi ini bisa gunakan attributtes Vertical atau horizontal setelah ini. 

dalam pembahas selanutnya kita akan mengenali poisi layout meliputi. 

LineLayout adalah sebuah layout dalam poisis line standar, dengan atributte yang bisa digunaka yaitu. 
android:id="@+id/lineLayout" 
android:layout_width="match_parent"  
android:layout_height="match_parent"  
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" 
android:orientation="vertical" 


android:id="@+id/lineLayout" adalah inisal ID pada lineLayout yang bisa di panggil. 

android:layout_width="match_parent"  adalah poisi lebar layar lineLayout. 

android:layout_height="match_parent"  adalah posisi tinggi layar yang dari sebuah lineLayout. 

android:layout_weight="1" adalah besarnya sebuah text dalam lineLayout. 

android:weightSum="10" ukuran text dalam layout. 

android:paddingLeft="16dp" posisi jarak tepi dengan isi sebelah kiri. 

android:layout_alignParentLeft="true" adalah sebuah alignpenempataan posisi text sebelah kiri bernilai true ( benar ). 

android:layout_alignParentStart="true" merupakan sebuah posisi permulaan dalam keadaan true ( benar ). 

android:layout_below="@+id/gridView" merupakan posisi layout yaitu lineLayout ini di bawah widget id gridView. 

android:layout_above="@+id/gridView" posisi layout lineLayout ini diatas widget id gridView. 

android:gravity="center" gravitas posisi lineLayout dalam posisi center. 

android:background="#123456" adalah backgroud dari sebuah lineLayout baik berupa warna atau gambar darilineLayout tersebut. 

android:textSize="20dp" adalah ukuran text dalam LineLayout di maksud. 

android:textStyle="bold" adalah style text dalam keadaanbold ( besar/tebal ). 

android:orientation="vertical" adalah struktur posisi orientation dalam posisi melebar kesamping atau vertical. 

RelativeLayout adalah sebuah widget layout dimana posisi layout dalam posisi relative, Relative biasanya di gunakan untuk menumpuk struktur posisi. 

Untuk Attribute RelativeLayout sama seperti LineLayout, 

FrameLayout adalah sebuah widget layout Android untuk membuat layout seperti bingkai Layout, untuk Attributes tidak jauh beda dengan LineLayout silahkan aplikasikan code - code tersebut. 

Oke Cukup sekian untuk tutorial kali ini.

Salam Android App Creator .....

Share this

Related Posts

Previous
Next Post »