Android 第十七课碎片的简单用法及动态添加碎片

Fragment(碎片)是一种可以嵌入在活动当中的UI片段，它可以让程序更加合理和充分的利用大屏幕的空间。碎片和活动太像了，同样都包含布局，都有自己的声明周期，可以将碎片理解为一种迷你型的活动。

新建FragmentTest项目。假设项目已经建立完成。

新建一个左侧布局left_fragment.xml，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical" android:layout_width="match_parent"android:layout_height="match_parent"><Buttonandroid:id="@+id/button"android:layout_width="wrap_content"android:layout_height="wrap_content" android:layout_gravity="center_horizontal"android:text="Button"/>
</LinearLayout>

只是放置了一个按钮，并让它水平居中显示，然后：
新建右侧碎片布局right_fragment.xml，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="match_parent"android:background="#00ff00"android:layout_height="match_parent"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_horizontal"android:textSize="20sp"android:text="This is right fragment"/>
</LinearLayout>

我们只是将这个布局的背景设置成了绿色，并放置了一个TextView用于显示一段文本。

接着新建一个LeftFragment类，这个类继承自Fragment，这里有两个不同包下的Fragment供你选择，我们要选择support-v4库中的Fragment,因为它可以让碎片在所有Android 版本中保持功能的一致性。另外，我们不需要在build.gradle文件中添加support-v4库的依赖，因为build.gradle文件中已经添加了appcompat-v7库的依赖，而这个库，会将support-v4库也一并引入进来。

现在编写LeftFragment中的代码，如下所示：

package com.example.fragmenttest;import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;/*** Created by ZHJ on 2018/3/6.*/public class LeftFragment extends Fragment {public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState){View view = inflater.inflate(R.layout.left_fragment,container,false);return  view ;}
}

这里仅仅重写了Fragment的onCreata()方法，然后在这个方法中通过LayoutInflater的inflate()方法将刚才定义的left_fragment布局动态加载进来，整个方法就简单明了。

我们再新建一个RightFragment，代码如下：

package com.example.fragmenttest;import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;/*** Created by ZHJ on 2018/3/6.*/public class RightFragment extends Fragment {public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState){View view = inflater.inflate(R.layout.right_fragment,container,false);return  view ;}}

基本山代码都是相同的，接下里修改acitivity_main.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"><fragmentandroid:id="@+id/left_fragment"android:name ="com.example.fragmenttest.LeftFragment"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"/><fragmentandroid:id="@+id/right_fragment"android:name ="com.example.fragmenttest.RightFragment"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"/></LinearLayout>

我们使用了<fragment>标签在布局中添加碎片，其中指定的大多数属性都是比较熟悉的，只不过通过android:name属性来显式指明要添加地碎片类名，注意一定要将类的包名也加上。

我们可以运行一下程序：

两个碎片平分了整个活动地布局。

2、动态添加碎片

碎片地真正地强大之处在于，它可以在程序运行时动态地添加到活动当中，根据具体情况来添加碎片，你就可以将程序界面定制的更加多样化。

我们接着上一节的内容，新建another_right_fragment.xml，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical" android:layout_width="match_parent"android:background="#ffff00"android:layout_height="match_parent"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content" android:layout_gravity="center_horizontal"android:textSize="20sp"android:text="This is another right fragment"/></LinearLayout>

这个布局文件和right_fragment.xml中的代码基本相同，只是将背景色变成了黄色。

新建AnotherRightFragment作为另一个右侧碎片，代码如下：

package com.example.fragmenttest;import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;/*** Created by ZHJ on 2018/3/6.*/public class AnotherRightFragment extends Fragment {public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState){View view = inflater.inflate(R.layout.another_right_fragment,container,false);return  view ;}
}

代码同样简单。在onCreateView()方法中加载了刚刚创建的another_right_fragment布局。这样我们就准备好了另一个碎片，接下来，看一下如何动态将它添加到活动当中，修改activity_main.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"><fragmentandroid:id="@+id/left_fragment"android:name ="com.example.fragmenttest.LeftFragment"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"/><FrameLayoutandroid:id="@+id/right_layout"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"></FrameLayout></LinearLayout>

现在将右侧碎片替换成一个Fragment中，Fragment是Android中最简单的一种布局，所有控件默认都会摆放在布局的左上角。

由于这里仅仅需要在布局里放入一个碎片，不需要任何定位，非常适合使用FragmentLayout。

我们在代码中向Fragment中添加内容，从而实现动态添加碎片的功能。修改MainActivity中的代码，如下：

package com.example.fragmenttest;import android.app.Fragment;
import android.app.FragmentTransaction;
import android.support.v4.app.FragmentManager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;public class MainActivity extends AppCompatActivity implements View.OnClickListener {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main); Button button =(Button)findViewById(R.id.button);button.setOnClickListener(this);replaceFragment(new RightFragment());} @Overridepublic void onClick(View view) {switch (view.getId()){case R.id.button:replaceFragment(new AnotherRightFragment());break;default:break;}}private void replaceFragment(android.support.v4.app.Fragment fragment){FragmentManager fragmentManager = getSupportFragmentManager();android.support.v4.app.FragmentTransaction tranction = fragmentManager.beginTransaction();tranction.replace(R.id.right_layout,fragment);tranction.commit();}

}

首先我们给左侧碎片中的按钮注册了一个点击事件，然后调用replaceFragment()方法动态的添加Fragment这个碎片。当点击按钮时，又会调用replaceFragment()方法将右侧碎片替换成AnotherRightFragment.结合replaceFramment()方法中的代码可以看出，动态添加碎片主要分为5步。

1、创建待添加的碎片实例

2、创建FragmentManager，在活动中可以直接通过调用getSupportFragmentManager()方法得到。

3、开启一个事务，通过调用beginTransaction方法开启。

4、向容器内添加或替换碎片，一般使用replace()方法实现，需要传入容器的id和待添加的碎片实例。

5、提交事务，调用commit()方法来完成。

运行一下程序：点击按钮可以看到效果：