Chinaunix首页 | 论坛 | 博客
  • 博客访问: 236185
  • 博文数量: 50
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 1487
  • 用 户 组: 普通用户
  • 注册时间: 2013-07-24 10:31
文章分类
文章存档

2014年(20)

2013年(30)

分类: Android平台

2013-10-15 10:26:51

 作为大多数刚接触Android应用开发的人来说,在一个强大的Activity类中,就可以完成丰富多彩的UI工作,但是杂乱的屏幕分辨率,使得本来好不容易写好的UI,变得不堪入目。。。该怎么办那?

查阅了好多资料,才发现,原来我out了!j_0065.gif早在Android在3.0版本就引入了Fragment(碎片)功能,它非常类似于Activity,可以像Activity一样包含布局,通过将Activity 的布局分散到frament 中,可以在运行时修改activity 的外观,并且由activity 管理的back stack 中保存些变化,很巧妙的解决了不同分辨率手机上UI差异变化的问题。总结一下吧!


一.Fragment介绍:

官方文档:http://developer.android.com/guide/components/fragments.html

122535110.png

Fragment是我们在单个Activity上要切换多个UI界面时,要显示的不同内容。模块化这些UI面板可以提供给其他Acitivity来使用,因此我们可以简单地把Fragment看成类似于TextView控件一样,可以被任意的Activity进行加载。


1.静态加载:

首先,在Layout下建立两个xml

fragment1.xml:

1
2
3
4
5
6
7
8
9
10
11
12
13
    

    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#000000"  >
            android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我是Fragment1"
        />


fragment2.xml:

1
2
3
4
5
6
7
8
9
10
11
12
    

    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#0000ff">
            android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我是Fragment2" />


之后建立两个类:

FragmentFirst类:
1
2
3
4
5
6
7
8
9
10
11
12
13
    
package com.zhf.android_fragmentdemo;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class FragmentFirst extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment1, container, false);
    }
}

FragmentSecond类:
1
2
3
4
5
6
7
8
9
10
11
12
13
    
package com.zhf.android_fragmentdemo;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class FragmentSecond extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment2, container, false);
    }
}

最后一步就是在activity_main.xml中应用这两个布局文件:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
    
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >
            android:id="@+id/fragment1"
        android:name="com.zhf.android_fragmentdemo.FragmentSecond"
        android:layout_width="0dip"
        android:layout_height="match_parent"
        android:layout_weight="1" />
            android:id="@+id/fragment2"
        android:name="com.zhf.android_fragmentdemo.FragmentFirst"
        android:layout_width="0dip"
        android:layout_height="match_parent"
        android:layout_weight="1" />


主类MainActivity中不用添加其他代码,直接加载activity_main.xml即可。

效果图:

104714106.png

ok!简单三步就将fragment加载进去了,当然这只是fragment的一小部分功能,它的强大之处其实在于:Activity能够根据自身情况来动态的加载fragemnt,使你的UI界面变得更加多样可变!

2.动态加载:(重点)

首先,现将activity_main.xml中多余部分去掉:

1
2
3
4
5
6
    
    android:id="@+id/main_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >


其次,就是在MainActivity类中动态添加这两个Fragment类:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
    
package com.zhf.android_fragmentdemo;
import android.app.Activity;
import android.os.Bundle;
import android.view.Display;
public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        Display display = getWindowManager().getDefaultDisplay();
        if (display.getWidth() > display.getHeight()) {
            FragmentFirst fragmentFirst = new FragmentFirst();
            getFragmentManager().beginTransaction()
                    .replace(R.id.main_layout, fragmentFirst).commit();
        } else {
            FragmentSecond fragmentSecond = new FragmentSecond();
            getFragmentManager().beginTransaction()
                    .replace(R.id.main_layout, fragmentSecond).commit();
        }
    }
}

运行一下,效果出来了,为了体现出动态,大家可以试着把手机自动转屏打开,转一下屏试试!

110541248.png ----转屏之后---> 110607935.png


注:动态加载过程步骤

1.获取到FragmentManager,在Activity中可以直接通过getFragmentManager得到。

2.调用beginTransaction方法开启一个事务。

3.向容器内加入Fragment,一般使用replace方法实现,需要传入容器的id和Fragment的实例。

4.提交事务,调用commit方法提交。


介绍完这两种方式,大家是不是已经对其有了一些感性的认识,这里注意一下Fragment是在3.0版本引入的,如果你使用的是3.0之前的系统,需要先导入android-support-v4的jar包才能使用Fragment功能,这里可能需要继承FragmengActivity(现在建立低版本项目时,ADT会自动将libs下的android-support-v4.jar构建到项目路径)


接下来我们具体挖掘一下生命周期及其Fragment中一些主要方法的介绍!


二.Fragment类的生命周期


复写fragment中的方法,测试一下它的生命周期看看它与Activity的异同。


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
    
package com.zhf.android_fragmentdemo;
import android.app.Activity;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
/**
 * Fragment的生命周期
 *     注意: 方法中的排列次序即为fragment全过程:启动时方法调用次序 + 退出时方法调用次序
 * @author ZHF
 *
 */
public class FragmentFirst extends Fragment {
                                                                                                                                                                                          
    /**Fragment和Activity建立关联的时候调用**/
    @Override
    public void onAttach(Activity activity) {
        super.onAttach(activity);
        System.out.println("onAttach");
    }
                                                                                                                                                                                          
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        System.out.println("onCreate");
    }
    /**为Fragment加载布局时调用**/
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        System.out.println("onCreateView");
        return inflater.inflate(R.layout.fragment1, container, false);
    }
                                                                                                                                                                                          
    /**当Activity中的onCreate方法执行完后调用**/
    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        System.out.println("onActivityCreated");
    }
                                                                                                                                                                                          
    @Override
    public void onStart() {
        super.onStart();
        System.out.println("onStart");
    }
    @Override
    public void onResume() {
        super.onResume();
        System.out.println("onResume");
    }
    @Override
    public void onPause() {
        super.onPause();
        System.out.println("onPause");
    }
    @Override
    public void onStop() {
        super.onStop();
        System.out.println("onStop");
    }
    /**Fragment中的布局被移除时调用**/
    @Override
    public void onDestroyView() {
        super.onDestroyView();
        System.out.println("onDestroyView");
    }
    @Override
    public void onDestroy() {
        super.onDestroy();
        System.out.println("onDestroy");
    }
    /**Fragment和Activity解除关联的时候调用**/
    @Override
    public void onDetach() {
        super.onDetach();
        System.out.println("onDetach");
    }
}

打印结果:

1.运行一下:

124133340.png

2.返回退出:

124220622.png

3.Home键退出:

124352923.png

4.再次进入:

124424752.png


通过打印的结果,我们应该可以清楚的了解到其实fragment和Activity的生命周期还是很相似的j_0028.gif

(Activity生命周期博客:http://smallwoniu.blog.51cto.com/blog/3911954/1246732)

官网截图:

125417247.png


三.Fragment中有几个重要的回调方法

方法    描述
onAttach()    Fragment和Activity建立关联的时候调用
onCreateView()    为Fragment加载布局时调用
onActivityCreated()    当Activity中的onCreate方法执行完后调用
onDestroyView()    Fragment中的布局被移除时调用
onDetach()    Fragment和Activity解除关联的时候调用




只有掌握了Fragment中这几个重要的方法,在使用的过程中才能更加灵活的与Activity配套使用,动态加载以适应不同屏幕分辨率的状况!


ok! 因为本人也是刚接触Fragment时间不长,这里也是查阅了许多的资料,简单总结了一番,方便以后查阅,希望能帮助到刚接触fragment的人。

在下一篇博客中我会使用Fragment+ViewPager写一个动态加载数据库的综合的案例,欢迎大家查阅!


阅读(4150) | 评论(0) | 转发(1) |
给主人留下些什么吧!~~