Friday 27 November 2015

Tutorial Android 5 : Mengenal dan Membuat Android Fragment

Apa itu Android Fragment ?

Fragment itu seperti Activity yang menghandle sebuah layout tapi bedanya fragment tidak dapat berjalan individual,  fragment selalu membutuhkan sebuah Activity karena fragment selalu berjalan di atas Activity. Apabila kita buat sebuah fragment maka fragment tersebut dapat kita gunakan untuk beberapa Activity dan beberapa fragment bisa dimasukan ke satu activity.
Untuk menggunakan Fragment, memerlukan API level 11 (Android 3.0 - Honeymoon). Karena sebenernya Fragment ini dibuat untuk resolusi layar Android yang besar, contohnya seperti Tab dan yang lainnya. Tetapi untuk versi sebelumnya bisa saja digunakan dengan menambahkan beberapa library.
Contoh penggunaan fragment bisa kita lihat di aplikasi Google Play di sebelah kiri atas terdapat 3 garis ketika kita klik akan tampil sebuah menu, nah tampilan menu tersebut menggunakan fragment.
Untuk pembuatan menu dengan fragment akan di bahas pada artikel selanjutnya, sekarang kita akan mencoba membuat fragment yang sedehana.

Membuat Fragment Pada Activity

1. Bukalah Android Studio kemudian new project
Isikan Application Name dengan "SimpleFragment"

2. Pilih Target Android Device disini pilihlah yang versi API 15 (IceCreamSandwich)

3. Pilihlah Black Activity dan isikan Activity Name dengan "Main Activity"



4. Buatlah class baru dengan nama "CobaFragment"




5. Pada class fragment isikan code berikut yang meng-extend Fragment

public class CobaFragment extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.cobafragment_layout, container, false);
    }
}


6. Kemudian buatlah layout untuk fragment nya dengan nama "cobafragment_layout.xml" 

7. Isikan code berikut kedalam "cobafragment_layout.xml" 


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ff3fb333">

    <TextView
        android:layout_margin="40dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Coba Fragment"
        android:id="@+id/textView" />
</LinearLayout>


8. Buka layout activity_main.xml di dalam folder layout dan isikan code berikut :

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

    <fragment
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:name="com.androidatc.simplefragment.CobaFragment"
        android:id="@+id/fragment"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />
</RelativeLayout>


9. Jalankan aplikasi tersebut, jika berhasil maka akan muncul tampilan seperti berikut





Demikian penjelasan dan contoh tentang android fragment semoga bermanfaat...

No comments:

Post a Comment