Android学习笔记(五)——Fragment

写在前面的话

是的,你没有看错,是(五),你也不用再找了,这里没有一二三四,直接就是五啦,因为一二三四在这里。。。好久没写安卓的博客了,之前定好的要在2016年前写完这个系列的目标也是失败了,但文章总得要写,这篇就是关于fragment的简单使用。

什么是fragment

fragment的意思就是碎片,是一种可以嵌入在activity中的UI片段,可以最大化的利用手机的屏幕。现在很多应用都使用了fragment,最常见的就是微信了,微信下面的tab栏切换时,上面的内容就是用fragment来显示的。看看看,这么牛的微信都在用fragment,我们赶紧来用他吧。

fragment生命周期

啥,又是生命周期,他又不是activity,怎么还有生命周期呢。是的,fragment依托于activity而存在,他是有生命周期的,而且他的生命周期的理解最好还是和activity一起比较更容易理解。在说明他的生命周期之前,我们先来实现一个简单的fragment的例子。

我们先来写两个简单的fragment,然后在MainActivity点击按键来切换这两个fragment。

第一个fragment

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout    
    xmlns:android="http://schemas.android.com/apk/res/android"    
    android:gravity="center"    
    android:background="@android:color/holo_blue_light"    
    android:orientation="vertical"    
    android:layout_width="match_parent"    
    android:layout_height="match_parent">    
    
    <TextView        
        android:text="第一个Fragment"        
        android:textSize="25sp"        
        android:layout_width="wrap_content"        
        android:layout_height="wrap_content" />
</LinearLayout>

第二个fragment

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

    <TextView
        android:text="第二个Fragment"
        android:textSize="25sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

可以看到这两个布局都非常简单,只是单纯的设置了背景色以及一个TextView。
然后实现这两个fragment,新建两个类FirstFragment和SecondFragment都继承Fragment,并将布局文件和类进行绑定。
FristFragment:
public class FirstFragment extends Fragment {

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.first_fragment,null);
        return view;
    }
}

SecordFragment:
public class SecondFragment extends Fragment{

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.second_fragment,null);
        return view;
    }
}

接下来是MainActivity的布局

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

    <LinearLayout
        android:layout_marginTop="10dp"
        android:gravity="center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <Button
            android:gravity="center"
            android:id="@+id/btn_change"
            android:text="Change"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>

    <FrameLayout
        android:id="@+id/framelayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <fragment
            android:id="@+id/fragment"
            android:name="com.example.jiang.fragmenttest.FirstFragment"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            />

    </FrameLayout>


</LinearLayout>

这里使用了FrameLayout,他的特性就是会从左上角层叠布局。默认显示的是FirstFragment

接下来看MainActivity的内容,给button添加了点击事件:

public class MainActivity extends AppCompatActivity {

    private Button btn_change;
    private SecondFragment secondFragment;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btn_change = (Button) findViewById(R.id.btn_change);
        btn_change.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                secondFragment = new SecondFragment();
                FragmentManager fragmentManager = getFragmentManager();
                FragmentTransaction transaction = fragmentManager.beginTransaction();
                transaction.replace(R.id.framelayout,secondFragment);
                transaction.commit();
            }
        });

    }
}

这样就可以实现点击切换fragment的效果,先看效果图:

简单的fragment切换

这里我们可以看到点击按键后界面就进行切换了,这里一个动态的fragment的切换主要是以下五个步骤:

  1. 创建一个fragment实例,
  2. 获取FragmentManager,在activity中可以直接调用getFragmentManager()来获取,
  3. 开启一个事务,通过beginTransaction()来开启,
  4. 向容器添加fragment,一般采用replace()来切换,需要传入容器的id以及要替换的fragment实例,
  5. 提交事务,使用commit()方法。

这样就是可以动态的切换一个fragment。这里我们发现在我们切换了fragment后再按下返回键,程序竟然不是返回到第一个fragment而是直接退出了。这样很不符合我们的操作习惯。这里我们就可以把事务加入到返回栈中。修改MainActivity中的代码,我这里就不贴全了。

      transaction.replace(R.id.framelayout,secondFragment);
      transaction.addToBackStack(null);
      transaction.commit();

重新编译一次,就发现当按下返回键时就返回到了第一个fragment了。这里就不贴图了。
这只是一个最简单的例子,我们就来参照这个例子来看一下fragment的生命周期。fragment是依托于activity的,那么他的生命周期就与activity息息相关,我们先来看看官网fragment讲解上的一张图片。

activity_fragment_lifecycle

先不着急说明,先到代码中将生命周期打印出来。打开程序:

FirstFragment首次加载

FirstFragment首次加载,生命周期是onAttach()-->onCreate()-->onCreateView()-->onActivityCreated()-->onStart()-->onResume
然后我们点击button去切换到SecondFragment:
切换到SecondFragment

我们看到FirstFragment先执行onPause()-->onStop()-->onDestoryView()。然后SecondFragment再执行。我们再按返回键返回到FirstFragment:
返回到FristFragment

看这里SecondFragment在执行完onDestoryView()后又执行了onDestory()-->onDetach()。FirstFragment则直接从onActivityCreated()开始执行。接着我们再按返回键退出程序:
退出程序

这里FirstFragment才去执行onDestoryView()等方法。我们再看官网上的另一张图
fragment_lifecycle.png

这样这张图是不是更好理解了呢。这里我没有把activity的生命周期也加入打印,希望有条件的同学自己去敲敲代码,看看两者间的关系是不是像第一张图那样的。

这样最简单的一个fragment就写完了,但这基本上没有什么实际意义,下一篇文章将会写一个简单的底部tab栏切换,使用viewpaper+fragment。

写在最后的话

耽搁了这么久才写完这篇,目标也是没有达到。这大半年间也是经历了许多,工作,生活都是有了大的变化,有开心,也有失落。重新捡起未写完的博客,每个人都在拼搏,有时候看到些负能量的段子--“比我聪明的人还在努力,我他妈的努力还有什么用”,微微一笑,是啊,这里确实比我还优秀的人都比我还努力,我努力还有什么用呢。安下心来,认清自己只是个普通人,不要总活在梦中,脚踏实地的干活,学习。罗马不是一天建成的,腾讯帝国不是一蹴而就的,谁没有经历过失败呢。一步一步的走,一步一步的犯错,一步一步的改正,一步一步的走向成功。路飞用了两年来升级,我给自己三年时间来升级。北京升级之路。(吐槽:这最后一段总是废话,还不连贯,整个思想都是乱的,你这叫我怎么看(╯‵□′)╯︵┻━┻,再不好好写文章我就取关啦,哼!)哈哈,你们是不是这么想,要是我猜对了就果断给我点波关注呗,会继续写android以及React-Native的文章。谢谢啦!

学习路漫漫,吾将上下而求索。

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

推荐阅读更多精彩内容