Android Fragment初探(Fragment 一)

部分文章来源于:http://www.cnblogs.com/smyhvae/p/3978989.html , 向做者表示感谢html

【正文】java

Android上的界面展现都是经过Activity实现的,Activity实在是太经常使用了。可是Activity也有它的局限性,一样的界面在手机上显示可能很好看,在平板上就未必了,由于平板的屏幕很是大,手机的界面放在平板上可能会有过度被拉长、控件间距过大等状况。这个时候更好的体验效果是在Activity中嵌入"小Activity",而后每一个"小Activity"又能够拥有本身的布局。所以,咱们今天的主角Fragment登场了。android

1、Fragment初探:app

Fragment是activity的界面中的一部分或一种行为。你能够把多个Fragment们组合到一个activity中来建立一个多面界面,而且你能够在多个activity中重用一个Fragment。你能够把Fragment认为模块化的一段activity,它具备本身的生命周期,接收它本身的事件,并能够在activity运行时被添加或删除。eclipse

Fragment不能独立存在,它必须嵌入到activity中,并且Fragment的生命周期直接受所在的activity的影响。例如:当activity暂停时,它拥有的全部的Fragment们都暂停了,当activity销毁时,它拥有的全部Fragment们都被销毁。然而,当activity运行时(在onResume()以后,onPause()以前),你能够单独地操做每一个Fragment,好比添加或删除它们。当你在执行上述针对Fragment的事务时,你能够将事务添加到一个栈中,这个栈被activity管理,栈中的每一条都是一个Fragment的一次事务。有了这个栈,就能够反向执行Fragment的事务,这样就能够在Fragment级支持“返回”键(向后导航)。ide

当向activity中添加一个Fragment时,它须置于ViewGroup控件中,而且需定义Fragment本身的界面。你能够在layoutxml文件中声明Fragment,元素为:<fragment>;也能够在代码中建立Fragment,而后把它加入到ViewGroup控件中。然而,Fragment不必定非要放在activity的界面中,它能够隐藏在后台为actvitiy工做。模块化

设计的哲学:布局

为了让界面能够在平板上更好地展现,Android在3.0版本引入了Fragment(碎片)功能,经过官方文档中的这张图片能够很明显地看到Fragment的好处:测试

注:左边为平板,右边为手持设备。spa

 

2、Fragment的生命周期:

由于Fragment必须嵌入在Acitivity中使用,因此Fragment的生命周期和它所在的Activity是密切相关的。

若是Activity是暂停状态,其中全部的Fragment都是暂停状态;若是Activity是stopped状态,这个Activity中全部的Fragment都不能被启动;若是Activity被销毁,那么它其中的全部Fragment都会被销毁。

可是,当Activity在活动状态,能够独立控制Fragment的状态,好比加上或者移除Fragment。

当这样进行fragment transaction(转换)的时候,能够把fragment放入Activity的back stack中,这样用户就能够进行返回操做。

使用Fragment时,须要继承Fragment或者Fragment的子类(DialogFragment, ListFragment, PreferenceFragment, WebViewFragment),因此Fragment的代码看起来和Activity的相似。

每当建立一个Fragment时,首先添加如下三个回调方法:

  • onCreate():系统在建立Fragment的时候调用这个方法,这里应该初始化相关的组件,一些即使是被暂停或者被中止时依然须要保留的东西。
  • onCreateView():当第一次绘制Fragment的UI时系统调用这个方法,该方法将返回一个View,若是Fragment不提供UI也能够返回null。注意,若是继承自ListFragment,onCreateView()默认的实现会返回一个ListView,因此不用本身实现。
  • onPause():当用户离开Fragment时第一个调用这个方法,须要提交一些变化,由于用户极可能再也不返回来。

     通常来讲,咱们建立一个Fragment的话,都要实现这三个方法

可是Fragment有本身的生命周期,在他的生命周期中有多个方法被调用,下面先将Fragment的生命周期图展现一下,之后会详细的介绍:

 

将Fragment加载到Activity当中有两种方式:

  • 方式一:添加Fragment到Activity的布局文件当中
  • 方式二:在Activity的代码中动态添加Fragment

第一种方式虽然简单但灵活性不够。添加Fragment到Activity的布局文件当中,就等同于将Fragment及其视图与activity的视图绑定在一块儿,且在activity的生命周期过程当中,没法切换fragment视图。

第二种方式比较复杂,但也是惟一一种能够在运行时控制fragment的方式(加载、移除、替换)。

下面将分别介绍一下。

 方式一:

首先建立一个Fragment,分为两步,建立一个Fragment未来要加载的布局文件,以后用java代码建立一个Fragment类

fragment.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="wrap_content"
    android:orientation="vertical" >
    
    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="fragment测试"/>
    <RatingBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="事件点击"/>
    
</LinearLayout>

 

FragmentTest.java文件

 

注:由于咱们的程序是面对Android 4.0以上版本的,因此导入Fragment的包时,选择第一个:android.app.Fragment

public class FragmentTest extends Fragment {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        
        View view = inflater.inflate(R.layout.fragment,container, false);
        
        final Button button = (Button)view.findViewById(R.id.button);
        final TextView textView = (TextView)view.findViewById(R.id.textView);
        
        //Fragment处理本身事件,保持了相对独立性
        button.setOnClickListener(new OnClickListener(){

            @Override
            public void onClick(View v) {
                textView.setText("按钮被点击");
            }
        }) ;
        return view ;
    }

    @Override
    public void onPause() {
        super.onPause();
    }
    
}


Activity的布局文件 activity_main.xml

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.penglee.fragment_first.MainActivity" >

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:text="@string/hello_world" />
    
    <!-- 必须为fragment指定id或者tag -->
    <fragment
        android:id="@+id/fragment_1"
        android:name="com.penglee.fragment_first.FragmentTest"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/textView"/>
</RelativeLayout>


MainActivity.java 文件

public class MainActivity extends Activity {

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

运行结果:

方式二:经过java代码动态的加载Fragment对象

咱们经过一个实例来看看如何使用java代码动态的加载Fragment,下面的实例的效果是:

咱们将主布局划分为两部分,右边一部分使用一个Fragment填充;开始时右边什么都没有,当咱们点击左边的Show按钮以后,右边就会显示上图中的界面

主布局文件:activity.xml 文件

<LinearLayout 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"
    android:orientation="horizontal">

    <LinearLayout 
        android:id="@+id/left"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:layout_weight="1"
        android:background="#00BBBB">
        
        <Button 
            android:id="@+id/show"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Show"/>
    </LinearLayout>
    
    <!-- 做为装载 Fragment的容器-->
    <LinearLayout 
        android:id="@+id/right"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:layout_weight="3"
        android:background="#EEFFFF">
    </LinearLayout>

</LinearLayout>

Fragment的布局文件 fragment_right.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="wrap_content"
        android:layout_height="wrap_content"
        android:text="新闻内容"/>
    
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Show Toast"/>
    

</LinearLayout

Fragment类代码文件 Right_Fragment.java文件

public class RightFragment extends Fragment{

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        
        View view = inflater.inflate(R.layout.fragment_right, null) ;
        Button button = (Button) view.findViewById(R.id.button);
        button.setOnClickListener(new OnClickListener(){

            @Override
            public void onClick(View v) {
                Toast.makeText(getActivity(), "新闻推送", Toast.LENGTH_SHORT).show();
            }
            
        });
        return view ;
    }
}

注意上面的Toast的makeText()方法中的第一个参数,因为这个参数必须接受一个Context类型的对象,因此咱们只可以使用getActivity
方法类得到加载Fragment的Activity对象

最后是主Activity代码 MainActivity.java 文件:

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        Button button =(Button) findViewById(R.id.show) ;
        button.setOnClickListener(new OnClickListener(){

            @Override
            public void onClick(View v) {
                 //步骤一:添加一个FragmentTransaction的实例
                 FragmentManager fragmentManager =getFragmentManager();
                 FragmentTransaction transaction = fragmentManager.beginTransaction();
                
                //步骤二:用add()方法加上Fragment的对象rightFragment 
                RightFragment rightFragment = new RightFragment();
                //transaction.add(R.id.right, rightFragment,"fragment_right");
                transaction.replace(R.id.right, rightFragment);
                 
                //步骤三:调用commit()方法使得FragmentTransaction实例的改变生效
                transaction.commit();                

            }
            
        });
    }
}

注意:上面的代码中FragmentTransaction类中加载一个Fragment对象的方法有两个:

replace(int containerViewId, Fragment fragment, String tag) ;

add(int containerViewId, Fragment fragment, String tag) ;

参数containerViewId:指定装载Fragment的容器

参数fragment:指定装载的Fragment对象的Tag,这个Tag和使用<fragment ..../>中指定的id和tag是一个意思都是用来惟一标定一个Fragment对象的标记变量

上面咱们使用的replace方法,若是咱们使用add方法,以后咱们单击界面左边的Show按钮,即不断地调用add方法会有什么效果呢?

很是的简单,由于容器是LinearLayout,那么天然全部的Fragment的加载时,会纵向排列,固然咱们最好为上面的每一个Fragment对象一个不一样的tag标记 

相关文章
相关标签/搜索