通常我们使用Activity来展示界面,但是在手机上界面可能显示的很好看,但在平板上,因为平板的屏幕非常大,手机的界面放在平板上可能会出现控件被拉长、控件之间间距变大等问题。为了更好的体验效果,在Activity中嵌入“子Activity”,然后每个“子Activity”又可以拥有自己的布局,于是Fragment登场了。
什么是Fragment?
Fragment是Activity界面中的一部分或一种行为,你可以把多个Fragment组合到一个Acvitity中来创建一个多面界面,并且你也可以在多个Activity中重用一个Fragment,你可以选择在Activity运行时候添加或者删除Fragment,它具有自己的生命周期,接受它自己的事件。
Fragment不能独立存在,它必须是嵌入到Activity中的,而且Fragment的生命周期受所在Activity的影响:Activity暂停,它所拥有的所有的Fragment都暂停,Activity销毁,它所拥有的所有Fragment都销毁。只有当Activity出于活动状态时,程序员才可以通过独立的方法操作Fragment。
Fragment的特性归纳如下:
- l Fragment总是作为Activity界面的组成部分,Fragment可以调用getActivity()方法获取它所在的Activity,Activity可以调用FragmentManager的findFragmentById()或者findFragmentByTag()方法来获取Fragment。
- l 在Activity运行过程中,可调用FragmentManager的add()、remove()、replace()方法动态的添加、删除、或者替换Fragment。
- l 一个Activity可以同时组合多个Fragment,反过来,一个Fragment也可以被多个Activity复用
- l Fragment可以相应自己的输入事件,并且拥有自己的生命周期,但它们的生命周期直接被其所属的Acitivity的生命周期所限制。
如何创建Fragment
创建Fragment和Activity非常相似,需要继承Fragment及其子类,于此同时,只要将原来卸载Acitivity回调方法的代码“移到”Fragment的回调方法中即可。
Fragment的创建分为动态和讲台两种
静态创建Fragment简单示例:
步骤很简单,创建两个LinearLayout布局文件fragment1和fragment2,分别放入两个TextView;创建两个继承Fragment的类Fragmeng1和Fragment2,分别加载刚才建好的布局文件并返回;在主Activity的布局文件里面加入两个Fragment的引用,使用android:name前缀来引用具体的Fragment:
fragment1.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:id="@+id/fragment1" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#204eee" android:text="BBBBBBBBBBBBBB" /> </LinearLayout>
fragment2.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:id="@+id/fragment2" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ff00ff" android:text="AAAAAAAAAAAAAAA" /> </LinearLayout>
Fragment1.java
package cn.lixyz.fragmenttest; import android.app.Fragment; import android.os.Bundle; import android.support.annotation.Nullable; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; /** * Created by LGB on 2015/8/26. */ public class Fragment1 extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View bookListView = inflater.inflate(R.layout.fragment1, container, false); return bookListView; } }
Fragment2.java
package cn.lixyz.fragmenttest; import android.app.Fragment; import android.os.Bundle; import android.support.annotation.Nullable; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; /** * Created by LGB on 2015/8/26. */ public class Fragment2 extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View bookDescView = inflater.inflate(R.layout.fragment2, container, false); return bookDescView; } }
activity_layout.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" tools:context=".MainActivity" android:orientation="horizontal"> <!-- 主Activity的布局文件,在里面加入两个Fragment的引用,使用android:name前缀来引用具体的Fragment --> <fragment android:id="@+id/book_list" android:name="cn.lixyz.fragmenttest.Fragment1" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="4" /> <fragment android:id="@+id/book_desc" android:name="cn.lixyz.fragmenttest.Fragment2" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" /> </LinearLayout>
MainActivity.java
package cn.lixyz.fragmenttest; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } }
AndroidManiFest.xml
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="cn.lixyz.fragmenttest" > <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" > <activity android:name=".MainActivity" android:label="@string/app_name" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>
运行结果:
动态创建Fragment简单示例:
修改文件:
activity_layout.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" tools:context=".MainActivity" android:orientation="horizontal" android:id="@+id/activity_main"> </LinearLayout>
MainActivity.java
package cn.lixyz.fragmenttest; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.Display; import android.view.Menu; import android.view.MenuItem; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Display display = getWindowManager().getDefaultDisplay(); if (display.getWidth() > display.getHeight()){ Fragment1 fragment1 = new Fragment1(); getFragmentManager().beginTransaction().replace(R.id.activity_main,fragment1).commit(); }else{ Fragment2 fragment2 = new Fragment2(); getFragmentManager().beginTransaction().replace(R.id.activity_main,fragment2).commit(); } } }
运行结果:
旋转屏幕:
Fragment的生命周期
修改一下fragment1.java的代码
package cn.lixyz.fragmenttest; import android.app.Activity; import android.app.Fragment; import android.os.Bundle; import android.support.annotation.Nullable; import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; /** * Created by LGB on 2015/8/26. */ public class Fragment1 extends Fragment { int i = 1; @Nullable @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View bookListView = inflater.inflate(R.layout.fragment1, container, false); Log.d("TEST", (i++) + ". onCreateView方法运行了"); return bookListView; } @Override public void onAttach(Activity activity) { super.onAttach(activity); Log.d("TEST", (i++) + ". onAttach方法运行了"); } @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); Log.d("TEST", (i++) + ". onCreate方法运行了"); } @Override public void onActivityCreated(Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState); Log.d("TEST", (i++) + ". onActivityCreated方法运行了"); } @Override public void onStart() { super.onStart(); Log.d("TEST", (i++) + ". onStart方法运行了"); } @Override public void onResume() { super.onResume(); Log.d("TEST", (i++) + ". onResume方法运行了"); } @Override public void onPause() { super.onPause(); Log.d("TEST", (i++) + ". onPause方法运行了"); } @Override public void onStop() { super.onStop(); Log.d("TEST", (i++) + ". onStop方法运行了"); } @Override public void onDestroyView() { super.onDestroyView(); Log.d("TEST", (i++) + ". onDestroyView方法运行了"); } @Override public void onDestroy() { super.onDestroy(); Log.d("TEST", (i++) + ". onDestroy方法运行了"); } @Override public void onDetach() { super.onDetach(); Log.d("TEST", (i++) + ". onDetach方法运行了"); } }
运行程序:
按HOME键返回桌面
再重新进入程序
按back键退出程序
看到这里,我相信大多数朋友已经非常明白了,因为这和Activity的生命周期太相似了。只是有几个Activity中没有的新方法,这里需要重点介绍一下:
- onAttach方法:Fragment和Activity建立关联的时候调用。
- onCreateView方法:为Fragment加载布局时调用。
- onActivityCreated方法:当Activity中的onCreate方法执行完后调用。
- onDestroyView方法:Fragment中的布局被移除时调用。
- onDetach方法:Fragment和Activity解除关联的时候调用。
Fragment之间的通信
通常情况下,一个Activity都会包含多个Fragment,这个时候多个Fragment之间就需要进行通信了。我们通过getActivity()这个方法实现,该方法可以让Fragment获取到关联的Activity,然后再调用Activity的findViewById()方法,就可以获取到和这个Activity关联的其他Fragment的视图了。
简单示例:
fragment1.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:id="@+id/fragment1" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#204eee" android:text="这是fragment1" /> </LinearLayout>
fragment2.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" android:background="#ff00ff"> <TextView android:id="@+id/fragment2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="这是fragment2" /> <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="获取fragment1的文本"/> </LinearLayout>
Fragment1.java
package cn.lixyz.fragmenttest; import android.app.Activity; import android.app.Fragment; import android.os.Bundle; import android.support.annotation.Nullable; import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; /** * Created by LGB on 2015/8/26. */ public class Fragment1 extends Fragment { int i = 1; @Nullable @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View bookListView = inflater.inflate(R.layout.fragment1, container, false); Log.d("TEST", (i++) + ". onCreateView方法运行了"); return bookListView; } @Override public void onAttach(Activity activity) { super.onAttach(activity); Log.d("TEST", (i++) + ". onAttach方法运行了"); } @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); Log.d("TEST", (i++) + ". onCreate方法运行了"); } @Override public void onActivityCreated(Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState); Log.d("TEST", (i++) + ". onActivityCreated方法运行了"); } @Override public void onStart() { super.onStart(); Log.d("TEST", (i++) + ". onStart方法运行了"); } @Override public void onResume() { super.onResume(); Log.d("TEST", (i++) + ". onResume方法运行了"); } @Override public void onPause() { super.onPause(); Log.d("TEST", (i++) + ". onPause方法运行了"); } @Override public void onStop() { super.onStop(); Log.d("TEST", (i++) + ". onStop方法运行了"); } @Override public void onDestroyView() { super.onDestroyView(); Log.d("TEST", (i++) + ". onDestroyView方法运行了"); } @Override public void onDestroy() { super.onDestroy(); Log.d("TEST", (i++) + ". onDestroy方法运行了"); } @Override public void onDetach() { super.onDetach(); Log.d("TEST", (i++) + ". onDetach方法运行了"); } }
Fragment2.java
package cn.lixyz.fragmenttest; import android.app.Fragment; import android.os.Bundle; import android.support.annotation.Nullable; import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.Button; import android.widget.TextView; import android.widget.Toast; /** * Created by LGB on 2015/8/26. */ public class Fragment2 extends Fragment { @Nullable @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View bookDescView = inflater.inflate(R.layout.fragment2, container, false); return bookDescView; } @Override public void onActivityCreated(Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState); Button button = (Button) getActivity().findViewById(R.id.button); button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { TextView textView = (TextView) getActivity().findViewById(R.id.fragment1); Toast.makeText(getActivity(),textView.getText(),Toast.LENGTH_SHORT).show(); } }); } }
activity_layout.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" tools:context=".MainActivity" android:orientation="horizontal" android:id="@+id/activity_main"> <fragment android:id="@+id/book_list" android:name="cn.lixyz.fragmenttest.Fragment1" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="4" /> <fragment android:id="@+id/book_desc" android:name="cn.lixyz.fragmenttest.Fragment2" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" /> </LinearLayout>
MainActivity.java
package cn.lixyz.fragmenttest; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.Display; import android.view.Menu; import android.view.MenuItem; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } }
AndroidManiFest.xml
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="cn.lixyz.fragmenttest" > <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" > <activity android:name=".MainActivity" android:label="@string/app_name" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>
运行结果