Membuat Layout ScrollView Dengan Banyak Elemen di Android

08/08/2014    Arya Febiyan    19946    Desain

Pagi ini saya Akan mengajarkan bagaimana cara Membuat Layout ScrollView Dengan Banyak Elemen di Android. Jika pada artikel sebelumnya yakni Membuat Layout ScrollView di Android, Anda hanya membuat sebuah TextView. Maka kali ini Saya akan memodifikasi dengan adanya dua buah TextView. Jadi nantinya akan ada layout linier di dalam layout linier yang di bungkus dengan layout scrollview.

Berikut file strings.xml :

<string name="lipsum"> isi dengan text dari lipsum.com </string>

Berikut file fragment_main.xml :

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.dumet.androidscrollview.MainActivity$PlaceholderFragment" >

    <TextView
        android:layout_width="match_parent"
        android:layout_height="0sp"
        android:layout_weight="1"
        android:background="#FF0"
        android:gravity="center"
        android:text="@string/header" />

    <ScrollView
        android:id="@+id/scroll"
        android:layout_width="match_parent"
        android:layout_height="0sp"
        android:layout_weight="5" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:adjustViewBounds="true"
                android:contentDescription="@string/imageDesc"
                android:src="@drawable/playstore" />

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/lipsum"
                android:textAppearance="?android:attr/textAppearanceMedium" />
        </LinearLayout>
    </ScrollView>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="0sp"
        android:layout_weight="1"
        android:background="#F00"
        android:gravity="center"
        android:text="@string/footer" />

</LinearLayout>

Berikut hasil akhirnya :

No data.