Selasa, 26 Juli 2016

Farid Savarudin

Belajar Android Mengenal Layout

Di android, layout memang  sangat penting untuk user interface, ada beberapa macam macam layout pada android, yaitu LinearLayout, RelativeLayout , FrameLAyout, ScrollViewLayout dan sebagainya. Layout di android berjenis .xml .
Disini akan memberikan contoh penggunaan LinearLayout, RelativeLayout dan ScrollViewLayout.


LinearLayout memiliki 2 jenis yaitu vertikal dan horizontal, dan untuk peletakan layout di android studio berada di folder res > layout > nama file xml nya seperti di gambar 



RelativeLayout.

Jika LinearLayout diposisikan sejajar vertikal dan horizontal, berbeda dengan relativelayout yang bisa diposisikan dimana saja .

berikut ini kode nya :


<?xml version="1.0" encoding="utf-8"?>
<ScrollView    android:padding="16dp"    
xmlns:android="http://schemas.android.com/apk/res/android"    
xmlns:tools="http://schemas.android.com/tools"    
android:id="@+id/scrollid"    
android:scrollbars="none"    
android:layout_width="match_parent"    
android:layout_height="match_parent"    
tools:context="com.example.farid.ima.MainActivity"    
android:orientation="vertical">

<LinearLayout
android:layout_width="match_parent"        
android:id="@+id/linearparent"        
android:orientation="vertical"        
android:layout_height="match_parent">
<LinearLayout
android:id="@+id/linearchild"        
android:layout_width="wrap_content"        
android:layout_height="wrap_content"        
android:orientation="vertical">
<ImageView
android:layout_width="wrap_content"            
android:layout_height="200dp"            
android:scaleType="centerCrop"            
android:layout_marginBottom="20dp"            
android:src="@drawable/kampung"/>
<TextView
android:layout_width="wrap_content"           
android:id="@+id/textview"            
android:text="@string/textview"            
android:layout_height="wrap_content" />
</LinearLayout>
<RelativeLayout
android:layout_width="wrap_content"            
android:layout_height="wrap_content" >
<Button
android:layout_width="wrap_content"                
android:layout_height="wrap_content"                
android:text="Button1"                
android:id="@+id/button1"                
android:layout_alignParentTop="true"                
android:layout_alignParentLeft="true"/>
<Button                
android:layout_width="wrap_content"                
android:layout_height="wrap_content"                
android:text="Button 2"                
android:id="@+id/button2"               
android:layout_alignParentRight="true"/>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"                
android:paddingTop="10dp"                
android:text="Button3"                
android:layout_below="@+id/button1"/>
</RelativeLayout>
</LinearLayout>
</ScrollView>





Untuk TextView yang ini



 <TextView            
android:layout_width="wrap_content"           
android:id="@+id/textview"   
android:text="@string/textview"            
android:layout_height="wrap_content" />









 diambil dari folder res > values > strings.xml 




Dan ini hasilnya 



Farid Savarudin

About Farid Savarudin -

Author Description here.. Nulla sagittis convallis. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo.

Subscribe to this Blog via Email :

1 komentar:

Write komentar
27 Juli 2016 00.36 delete

Terima kasih update nya mas.
Di tunggu kelanjutannya :)

Reply
avatar