Tutorial Membuat Fragment dalam Activity

android studio Sep 22, 2015

Tutorial Membuat Fragment dalam Activity. Tutorial ini akan menjelaskan bagaimana cara membuat fragment di android dengan XML dan Java code. Berikut beberapa langkah cara membuat fragment.
1. Buat Class baru kemudian extend fragment.
2. Buat Layout untuk fragment.
3. Gunakan method onCreateView untuk mengkaitkan dengan tampilan(UI).
4. Menambahkan fragment ke dalam activity dengan XML (menggunakan <fragment>) atau dengan Java code. Beberapa fragment dapat di tambahkan ke dalam activity.

Tutorial Membuat Fragment dalam Activity

1. Buat project baru, pada tutorial ini saya menggunakan nama package com.teknorial.cobafragment.
2. Modifikasi file MainActivity.java seperti diberikut dibawah ini.

package com.teknorial.cobafragment;

import android.app.Activity;
import android.os.Bundle;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

}


3. Buat class java baru dengan fragmentkita.java , kemudian extend fragment


package com.teknorial.cobafragment;

import android.app.Fragment;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
 * Created by Teknorial on 20-Sep-15.
 */
public class FragmentKita extends Fragment {

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

4. Kemudian kita akan membuat file layout untuk fragment dengan nama fragmentkita_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="#52B3D9">


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

5.Untuk menambahkan fragment ke dalam activity ada dua cara,yaitu menambah pada file XML layout atau dengan java code.

Menambahkan Fragment dengan XML

Buka MainActivity.xml, tambahkan tag fragment seperti berikut untuk manambahkan fragment kedalam activity.

<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"
    android:background="#446CB3">

<!--tag fragment berikut untuk menambahkan fragment ke dalam activity -->
    <fragment
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:name="com.teknorial.cobafragment.FragmentKita"
        android:id="@+id/fragment"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />
</RelativeLayout>

Jika tidak ada error kode aplikasi kita , maka tampilan akan seperti screenshot berikut.
add fragment on xml


[AdSense-A]

Menambahkan Fragment dengan Java Code

1. Mendapatkan referensi untuk FragmentManager
Setiap Activity memiliki Fragment Manager sendiri yang dapat diakses melalui getfragmentmanager(). FragmentManager mengatur reference untuk semua fragment dalam activity.
fragmentmanager
Gunakan findfragmentById() atau findFragmentByTag() untuk mendapatkan reference dari fragment tertentu.

2. Memulai transaction dengan memanggil beginTransaction()
FragmentTransaction dapat mengubah UI dalam hal menambahkan, menghapus, dan mengganti fragment.
FragmentTransaction

Sekarang kita akan mencoba menambahkan fragment ke dalam activity dengan java code.

1. Buka kembali actvity_main.xml, kemudian tambahkan id pada layout.

<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"
    android:background="#446CB3"
    android:id="@+id/my_layout">
</RelativeLayout>

2. Buka MainActivity.java, pada method onCreate, kita tambahkan FragmentManager dan FragmentTransaction.

package com.teknorial.cobafragment;

import android.app.Activity;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;



public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        FragmentKita frag= new FragmentKita(); 
        FragmentManager manager=getFragmentManager();
        FragmentTransaction transaction=manager.beginTransaction();
        transaction.add(R.id.my_layout,frag,"Kita");/*parameter|id layout,objek fragment, String berguna untuk findFragmentByTag()|*/
        transaction.commit();

    }

Sekarang kita coba jalan aplikasi yang kita buat, jika fragment menutupi activity, buka fragmentkita_layout.xml
lihat pada tag LinearLayout, ubah lah atribut seperti berikut.

android:layout_height="wrap_content"

Jika tidak ada error kode aplikasi kita , maka tampilan akan seperti screenshot berikut.

add fragment on code java

Demikian Tutorial Membuat Fragment dalam Activity. Ikuti terus teknorial.com untuk mengetahui banyak hal tentang pemrograman android. Jangan lupa untuk Like Fanspage Teknorial di Facebook dan Google Plus untuk mendapatkan update terbaru dari teknorial.com . Jika ada pertanyaan jangan ragu untuk bertanya dikotak komentar. Terima Kasih

Tags