Fragment的使用方法

简述Fragment

什么是Fragment
fragment 在英语中是碎片的意思,他是基于activity的一种控件。一个fragment对应着它自己的.xml布局文件来描述它的布局和.java文件来继承Fragment这个类。因为fragment基于activity且可以动态加载的缘故,它常被用来设计一些需要在一个activity内实现页面内切的app,比如

页面内切.png

平板设备的一般布局.png

或者一些为大屏幕设备如平板等打造的app,比如QQ HD


QQ HD

在这些布局中,用一个Activity承载了很多个动态的Fragment,可增可减,这样做,即减少了activity的负担,又更加能够体现MVC设计框架中View层的灵活性,让程序的界面设计更加模块化,易于开发和维护。
Frgment的生命周期(Lifecycle)
Android官方API文档中很详细的讲解了Fragment的生命周期,点击标题链接便可以访问。在此简述如下:

Lifecycle

可以看到Fragment比Activity多了几个额外的生命周期回调函数:

onAttach(Activity);//当Activity与Fragment发生关联时调用
onCreateView(LayoutInflater,ViewGroup,Bundle);//创建该Fragment的视图
onActivityCreate(bundle);//当Activity的onCreate();方法返回时调用
onDestoryView();//与onCreateView相对应,当改Fragment被移除时调用
onDetach();//与onAttach()相对应,当Fragment与Activity的关联被取消时调用
注意:除了onCreateView,其他的所有方法如果你重写了,必须调用父类对于该方法的实现。

创建Fragment

  • 1 静态的使用Fragment
    首先我先创建了一个空的Activity
    MainActivity

接着我又创建了两个Fragment的.xml文件,分别是fragment1.xml,和fragment2.xml


Layout
fragment1
fragment2
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:fitsSystemWindows="true"
    tools:context=".MainActivity"
    android:orientation="vertical">

    <android.support.design.widget.AppBarLayout android:layout_height="wrap_content"
        android:layout_width="match_parent" android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar android:id="@+id/toolbar"
            android:layout_width="match_parent" android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary" app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <fragment
        android:name="com.example.fuerm.myapplication.Fragment1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="50"
        tools:layout="@layout/fragment1" />

    <fragment
        android:name="com.example.fuerm.myapplication.Fragment2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="50"
        tools:layout="@layout/fragment2" />

</LinearLayout>


在Activity的布局代码中,我们将两个fragment直接像当作普通部件一样,放入Activity的Layout中,在此我在MainActivity中采用了垂直线性布局,LayoutWight各占50%,代码如上,MainActivity的布局效果如下图

MainActivity

以上就是Fragment静态的使用方法。

  • 2 Fragment的动态使用方法
    接下来,我们创建另一个工程,带有侧边汉堡菜单的APP.如图
    image.png

我们想实现当侧边汉堡菜单弹出时,点击汉堡菜单的按钮,主Activity的内容也相应改变。
首先还是想刚才一样创建两个Fragment.
然后再分别创建两个继承自Fragment的类 Fragment1 和Fragment2.
代码如下:

public class Fragment1 extends Fragment{
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        View v = inflater.inflate(R.layout.fragment1,container,false);
        return v;
    }
}
public class Fragment2 extends Fragment{
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        View v = inflater.inflate(R.layout.fragment2,container,false);
        return v;
    }
}

然后我们需要在layout_content中添加一个布局,以作Fragment的Container.这个布局可以是LinearLayout,RelativeLayourt,FrameLayout或者其他,在此以FrameLayout为例,代码如下:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    android:id="@+id/fragment_container"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:showIn="@layout/app_bar_main"
    tools:context=".MainActivity"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

然后我们整个屏幕都用来显示Fragment,所以其余的东西什么都不加。
然后,我们需要在MainActivity.java中去创建 这两个Fragment并动态的加载它们。

Fragment1 fragment1;    //创建一个Fragment1对象
Fragment2 fragment2;    //创建一个Fragment2对象
FragmentTranscation f;  //创建一个FragmentTranscation对象,这个是用来动态加载Fragment的

之后在MainActivity.java中的 onNavigationItemSelected(MenuItem item) 方法中,我们加入如fragment动态切换的方法:

@Override
    public boolean onNavigationItemSelected(MenuItem item) {
        // Handle navigation view item clicks here.
        int id = item.getItemId();
        f = getFragmentManager().beginTransaction();  //给f初始化
        fragment1 = new Fragment1();                  //对象初始化
        fragment2 = new Fragment2();                  //对象初始化
        //建议用switch语句,这是系统自己生成的
        if (id == R.id.nav_camara) {
            //以下是重点
            f = getFragmentManager().beginTransaction();//调用FragmentManager,并开始事务处理
            f.replace(R.id.fragment_container, fragment1);//替换一个fragment给我们的FrameLayout,这里需要说明一下,正常逻辑你应该在你的OnCreat( )方法中去实现FramLayout的初始布局。方法和如下是一样的
            f.commit();//提交事务
        } else if (id == R.id.nav_gallery) {
            f.replace(R.id.fragment_container, fragment2);//替换
            f.commit();
            //因为我们就两个fragment,而菜单数多余我们,仅仅为了展示,下面的就不管了
        } else if (id == R.id.nav_slideshow) {

        } else if (id == R.id.nav_manage) {

        } else if (id == R.id.nav_share) {

        } else if (id == R.id.nav_send) {

        }

        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        drawer.closeDrawer(GravityCompat.START);
        return true;
    }

总结一下

动态的使用需要调用FragmentTranscation的FragmentMannger,通过getFragmentManager( )获得,然后以提交事务的方式commit( )来添加add( )/replace( )或替换当前布局中的页面。

现在程序可以跑起来了,效果如下


Screenshot_2016-04-20-22-55-40.png
Screenshot_2016-04-20-22-55-57.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,132评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,802评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,566评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,858评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,867评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,695评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,064评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,705评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,915评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,432评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,041评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2 343

推荐阅读更多精彩内容