Fragment 建立及替換

時間 2019-11-20

標籤 fragment 建立替換简体版

原文原文鏈接

一、Fragment的產生與介紹

Android運行在各類各樣的設備中，有小屏幕的手機，超大屏的平板甚至電視。針對屏幕尺寸的差距，不少狀況下，都是先針對手機開發一套App，而後拷貝一份，修改佈局以適應平板神馬超級大屏的。難道沒法作到一個App能夠同時適應手機和平板麼，固然了，必須有啊。Fragment的出現就是爲了解決這樣的問題。你能夠把Fragment當成Activity的一個界面的一個組成部分，甚至Activity的界面能夠徹底有不一樣的Fragment組成，更帥氣的是Fragment擁有本身的生命週期和接收、處理用戶的事件，這樣就沒必要在Activity寫一堆控件的事件處理的代碼了。更爲重要的是，你能夠動態的添加、替換和移除某個Fragment。html

二、Fragment的生命週期

Fragment必須是依存與Activity而存在的，所以Activity的生命週期會直接影響到Fragment的生命週期。官網這張圖很好的說明了二者生命週期的關係：java

能夠看到Fragment比Activity多了幾個額外的生命週期回調方法：
onAttach(Activity)
當Fragment與Activity發生關聯時調用。
onCreateView(LayoutInflater, ViewGroup,Bundle)
建立該Fragment的視圖
onActivityCreated(Bundle)
當Activity的onCreate方法返回時調用
onDestoryView()
與onCreateView想對應，當該Fragment的視圖被移除時調用
onDetach()
與onAttach相對應，當Fragment與Activity關聯被取消時調用
注意：除了onCreateView，其餘的全部方法若是你重寫了，必須調用父類對於該方法的實現，android

三、靜態的使用Fragment

嘿嘿，終於到使用的時刻了~~微信

這是使用Fragment最簡單的一種方式，把Fragment當成普通的控件，直接寫在Activity的佈局文件中。步驟：app

一、繼承Fragment，重寫onCreateView決定Fragemnt的佈局ide

二、在Activity中聲明此Fragment，就當和普通的View同樣佈局

下面展現一個例子（我使用2個Fragment做爲Activity的佈局，一個Fragment用於標題佈局，一個Fragment用於內容佈局）：this

TitleFragment的佈局文件:spa

<?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="45dp"
    android:background="@drawable/title_bar" >

    <ImageButton
        android:id="@+id/id_title_left_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginLeft="3dp"
        android:background="@drawable/showleft_selector" />

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="center"
        android:text="我不是微信"
        android:textColor="#fff"
        android:textSize="20sp"
        android:textStyle="bold" />

</RelativeLayout>

TitleFragment.net

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.ImageButton;
import android.widget.Toast;

public class TitleFragment extends Fragment
{

    private ImageButton mLeftMenu;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState)
    {
        View view = inflater.inflate(R.layout.fragment_title, container, false);
        mLeftMenu = (ImageButton) view.findViewById(R.id.id_title_left_btn);
        mLeftMenu.setOnClickListener(new OnClickListener()
        {
            @Override
            public void onClick(View v)
            {
                Toast.makeText(getActivity(),
                        "i am an ImageButton in TitleFragment ! ",
                        Toast.LENGTH_SHORT).show();
            }
        });
        return view;
    }
}

ContentFragment的xml：

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

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="center"
        android:text="使用Fragment作主面板"
        android:textSize="20sp"
        android:textStyle="bold" />

</LinearLayout>

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

public class ContentFragment extends Fragment
{

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

}

MainActivity

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

public class MainActivity extends Activity
{

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

}

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

    <fragment
        android:id="@+id/id_fragment_title"
        android:name="com.zhy.zhy_fragments.TitleFragment"
        android:layout_width="fill_parent"
        android:layout_height="45dp" />

    <fragment
        android:layout_below="@id/id_fragment_title"
        android:id="@+id/id_fragment_content"
        android:name="com.zhy.zhy_fragments.ContentFragment"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</RelativeLayout>

是否是把Fragment當成普通的View同樣聲明在Activity的佈局文件中，而後全部控件的事件處理等代碼都由各自的Fragment去處理，瞬間以爲Activity好乾淨有木有~~代碼的可讀性、複用性以及可維護性是否是瞬間提高了~~~下面看下效果圖：

四、動態的使用Fragment

上面已經演示了，最簡單的使用Fragment的方式~下面介紹如何動態的添加、更新、以及刪除Fragment

爲了動態使用Fragment，咱們修改一下Actvity的佈局文件，中間使用一個FrameLayout，下面添加四個按鈕~~~嘿嘿~~不是微信的按鈕- -！

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

    <fragment
        android:id="@+id/id_fragment_title"
        android:name="com.zhy.zhy_fragments.TitleFragment"
        android:layout_width="fill_parent"
        android:layout_height="45dp" />

    <include
        android:id="@+id/id_ly_bottombar"
        android:layout_width="fill_parent"
        android:layout_height="55dp"
        android:layout_alignParentBottom="true"
        layout="@layout/bottombar" />

    <FrameLayout
        android:id="@+id/id_content"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_above="@id/id_ly_bottombar"
        android:layout_below="@id/id_fragment_title" />

</RelativeLayout>

底部四個按鈕的佈局就不貼了，到時看效果圖就明白了~~

下面主Activity

import android.app.Activity;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.LinearLayout;

public class MainActivity extends Activity implements OnClickListener
{
    private LinearLayout mTabWeixin;
    private LinearLayout mTabFriend;

    private ContentFragment mWeixin;
    private FriendFragment mFriend;

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

        // 初始化控件和聲明事件
        mTabWeixin = (LinearLayout) findViewById(R.id.tab_bottom_weixin);
        mTabFriend = (LinearLayout) findViewById(R.id.tab_bottom_friend);
        mTabWeixin.setOnClickListener(this);
        mTabFriend.setOnClickListener(this);

        // 設置默認的Fragment
        setDefaultFragment();
    }

    private void setDefaultFragment()
    {
        FragmentManager fm = getFragmentManager();
        FragmentTransaction transaction = fm.beginTransaction();
        mWeixin = new ContentFragment();
        transaction.replace(R.id.id_content, mWeixin);
        transaction.commit();
    }

    @Override
    public void onClick(View v)
    {
        FragmentManager fm = getFragmentManager();
        // 開啓Fragment事務
        FragmentTransaction transaction = fm.beginTransaction();

        switch (v.getId())
        {
        case R.id.tab_bottom_weixin:
            if (mWeixin == null)
            {
                mWeixin = new ContentFragment();
            }
            // 使用當前Fragment的佈局替代id_content的控件
            transaction.replace(R.id.id_content, mWeixin);
            break;
        case R.id.tab_bottom_friend:
            if (mFriend == null)
            {
                mFriend = new FriendFragment();
            }
            transaction.replace(R.id.id_content, mFriend);
            break;
        }
        // transaction.addToBackStack();
        // 事務提交
        transaction.commit();
    }

}

能夠看到咱們使用FragmentManager對Fragment進行了動態的加載，這裏使用的是replace方法~~下一節我會詳細介紹FragmentManager的經常使用API。

注：若是使用Android3.0如下的版本，須要引入v4的包，而後Activity繼承FragmentActivity，而後經過getSupportFragmentManager得到FragmentManager。不過仍是建議版Menifest文件的uses-sdk的minSdkVersion和targetSdkVersion都改成11以上，這樣就沒必要引入v4包了。

代碼中間還有兩個Fragment的子類，ContentFragment上面已經見過，FriendFragment其實相似：

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

public class FriendFragment extends Fragment
{

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

}