Tutorial Membuat Fragment dalam Activity

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.

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.

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.

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.

Unknown

Add Comment

Wednesday, September 6, 2017

Dunia Program Komputer

Tutorial Membuat Fragment dalam Activity