部分文章来源于: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时,首先添加如下三个回调方法:
通常来讲,咱们建立一个Fragment的话,都要实现这三个方法
可是Fragment有本身的生命周期,在他的生命周期中有多个方法被调用,下面先将Fragment的生命周期图展现一下,之后会详细的介绍:
将Fragment加载到Activity当中有两种方式:
第一种方式虽然简单但灵活性不够。添加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标记