Android应用——Fragment（碎片）【1】

NavigationView中的fragment

为了让界面可以在平板上更好地展示，Android在3.0版本引入了Fragment(碎片)功能，它非常类似于Activity，可以像Activity一样包含布局。Fragment通常是嵌套在Activity中使用的，现在想象这种场景：有两个Fragment，Fragment 1包含了一个ListView，每行显示一本书的标题。Fragment 2包含了TextView和ImageView，来显示书的详细内容和图片。

而如果现在程序运行在横屏模式的平板上，两个Fragment就可以嵌入在同一个Activity中了，如下图所示：

由此可以看出，使用Fragment可以让我们更加充分地利用平板的屏幕空间。

或者在NavigationView中可以将Fragment填充于content_main.xml布局中，用于菜单栏到内容栏的对应。

现附相关代码如下：

（1）在content_main.xml中添加FramLayout布局文件（每个fragment可以完全填充整个content_main.xml布局），每个新添加的Fragment碎片都将被填充到此布局中。

content_main.xml（被Fragment填充）：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:id="@+id/content_main"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    app:layout_behavior="@string/appbar_scrolling_view_behavior"    tools:context="com.example.along.ashcar_version1.MainActivity"    tools:showIn="@layout/app_bar_main">    <FrameLayout        android:id="@+id/fragment"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:name="com.example.along.ashcar_version1.Util.fragments.fragment_appointment"        /></LinearLayout>

（2）Fragment的布局文件，appointment.xml是Fragment_1对应的布局文件(home布局中只是一张照片)。

<?xml version="1.0" encoding="utf-8"?><RelativeLayout    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent">      <ImageView         android:id="@+id/rg_img_backgroud"         android:layout_width="match_parent"         android:layout_height="match_parent"         android:layout_marginLeft="-50dp"         android:layout_marginRight="-300dp"         android:scaleType="centerCrop"         android:src="@drawable/de_bg" /> </RelativeLayout>

（3）Fragment的布局文件，about.xml是Fragment_2对应打的布局文件。

<?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:background="@drawable/image_about"    >            <TextView           style="@style/single_layout"           android:layout_height="wrap_content"           android:layout_marginLeft="20dp"           android:layout_marginRight="20dp"           android:layout_marginTop="30dp"           android:layout_weight="0.28"           android:maxLines="20"           android:text="第二个Fragment"           android:textColor="#000000" /></LinearLayout>

（4）分别创建fragment_1和fragment_2类（继承Fragment），在onCreateView方法中使用Layoutinflater类来加载每个fragment对应的xml布局文件，并且实例化成View组件。Layoutinflater：在实际开发中LayoutInflater这个类作用类似于findViewById()。不同点是LayoutInflater是用来找res/layout/下的xml布局文件，并且实例化；而findViewById()是找xml布局文件下的具体widget控件(如Button、TextView等)。 具体作用： 1、对于一个没有被载入或者想要动态载入的界面，都需要使用LayoutInflater.inflate()来载入；

View view=inflater.inflate(R.layout.appointment,container,false);

public class fragment_1 extends Fragment {    @Nullablepublic View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {    View view=inflater.inflate(R.layout.appointment,container,false);    return view;    }

public class fragment_2 extends Fragment {    @Nullable    @Override    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {        View view=inflater.inflate(R.layout.about,container,false);        return  view;    }

（5）在MainActivity主活动中调用fragment_1和fragment_2。先实例化fragment并使用FragmentManager（详见http://blog.csdn.net/jaysong2012/article/details/46696241），用replace()方法将content_main.xml中内容替换（R.id.fragment）。

public boolean onNavigationItemSelected(MenuItem item) {    // Handle navigation view item clicks here.    int id = item.getItemId();    if (id == R.id.nav_appointment) {        appointment fragment = new appointment();        FragmentManager fragmentTransaction=getSupportFragmentManager();        FragmentTransaction transaction=fragmentTransaction.beginTransaction();        transaction.replace(R.id.fragment,fragment);        transaction.addToBackStack(null);        transaction.commit();    } else if (id == R.id.nav_about) {       about fragment = new about();        FragmentManager fragmentTransaction=getSupportFragmentManager();        FragmentTransaction transaction=fragmentTransaction.beginTransaction();        transaction.replace(R.id.fragment,fragment);        transaction.addToBackStack(null);        transaction.commit();    }    DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);    drawer.closeDrawer(GravityCompat.START);    return true;}