1. Linear Layout
Linear layout adalah layout yang terstruktur. linear layout akan
meletakkan elemen yang ada di dalamnya secara berurutan tergantung
orientationnya. jika orientationnya vertical, maka peletakan elemen akan
terurut kebawah. Sedangkan jika orientationnya horizontal (secara default,
orientation horizontal tidak ditulis di dalam XML), maka peletakan elemennya
akan terurut ke samping.
- Membuat Text dalam eclipse menggunakan TextView :
|
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:text="
Linear layout adalah layout yang
terstruktur. linear layout akan meletakkan elemen yang ada di dalamnya secara
berurutan tergantung orientationnya. jika
orientationnya vertical, maka peletakan elemen akan terurut kebawah.
Sedangkan jika orientationnya horizontal (secara default, orientation
horizontal tidak ditulis di dalam XML), maka peletakan elemennya akan terurut
ke samping.
RelativeLayout adalah tampilan dimana
user dapat menempatkan widget-widget didalamnya seperti layer, sehingga sebuah
widget dapat berada di atas/di bawah widget lainnya. Layout ini biasanya
berguna untuk membuat tampilan yang lebih universal sehingga dapat dibuka
dengan baik di segala resolusi ponsel Android" />
</RelativeLayout>
|
*ScreenShoot
- Membuat Linear Layout Horizontal
|
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
tools:context=".MainActivity"
>
<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:text="Write"
android:layout_centerVertical="true"/>
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:text="Button1"
/>
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/button1"
android:text="Button2"
/>
</LinearLayout>
|
*Screen Shoot
- Membuat Linear Layout Vertical
|
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
tools:context=".MainActivity"
>
<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:text="Write"
android:layout_centerVertical="true"/>
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:text="Button1"
/>
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/button1"
android:text="Button2"
/>
</LinearLayout>
|
*Screen Shoot
2. Relative Layout
Relative layout adalah tampilan dimana user dapat menempatkan widget-widget
didalamnya seperti layer, sehingga sebuah widget dapat berada di atas/di bawah
widget lainnya. Layout ini biasanya berguna untuk membuat tampilan yang lebih
universal sehingga dapat dibuka dengan baik di segala resolusi ponsel Android.
- Membuat Relative Layout
|
<?xml version="1.0"
encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
>
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/editText1"
android:text="Button1" />
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button1"
android:layout_below="@+id/button1"
android:text="Button2"
/>
<EditText
android:id="@+id/editText1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/button1"
android:layout_alignBottom="@+id/button1"
android:layout_alignParentLeft="true"
android:text="write"
android:ems="10"
/>
</RelativeLayout>
|
*Screen Shoot




Tidak ada komentar:
Posting Komentar