初学Android-----------碎片的使用方式

碎片是什么

一个手机屏幕的大小差不多在3-6英寸之间，而一个平板的屏幕大小在7-10英寸之间。。屏幕大小差距过大会让同样的界面在视觉效果上有较大差异，所以我们学习碎片就是为了让界面在平板上更好的展示。
碎片是一种可以嵌入在活动当中的UI片段，它能让程序更加合理和充分地利用大屏幕的空间，因此在平板上应用的十分广泛。

碎片的简单用法

我们先写一个简单的碎片示例，在一个活动中添加两个碎片，并让这两个碎片平分活动空间。
新建一个FragmentTest项目。新建一个左侧碎片布局left_fragment.xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button
        android: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，

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:background="#0df"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android: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：

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

这里我们重写了Fragment的onCreateView方法，在这个方法中通过LayoutInflater的inflater方法将刚才定义的left_fragment布局动态加载进来，同样的方法新建一个RightFragment：

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

接下来是修改主活动（activity_main.xml）的代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <fragment
        android:id="@+id/left_fragment"
        android:name="com.example.fragmenttest.LeftFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"/>
    <fragment
        android: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 >标签在布局中添加碎片，这样简单的一个例子就写好了，我们运行一下试试：

动态添加碎片

碎片真正厉害的地方是，它可以在程序运行时动态的添加到活动中。
我们新建一个another_right_fragment.xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:background="ffff00"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android: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>

在这里我们将背景颜色换了一个，然后将显示的文字修改，然后新建AnotherRightFragment作为另一个右侧碎片：

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

这样我们就准备好了另外一个碎片，接下来看一下如何将它动态的添加到活动中。修改activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <fragment
        android:id="@+id/left_fragment"
        android:name="com.example.fragmenttest.LeftFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"/>
    <FrameLayout
        android:id="@+id/right_fragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"/>
</LinearLayout>

在这里我们将右侧碎片替换成了另外一种布局FrameLayout，在这个布局中，所有控件默认都会摆放在布局的左上角。接下来修改MainActivity中的代码：

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    @Override
    protected 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());
    }
    @Override
    public void onClick(View v){
        switch(v.getId()){
            case R.id.button:
                replaceFragment(new AnotherRightFragment());
                break;
            default:
                break;
        }
    }
    private void replaceFragment(Fragment fragment){
        FragmentManager fragmentManager = getSupportFragmentManager();
        FragmentTransaction transaction = fragmentManager.beginTransaction();
        transaction.commit();
    }
}

首先，我们给左侧按钮注册了一个点击事件，然后调用replaceFragment方法动态添加了RightFragment这个碎片。当点击左侧按钮时，又会调用replaceFragment方法将右侧碎片替换成AnotherRightFragment。

所以我们总结一下动态添加碎片的步骤：
1.创建待添加的碎片实例。
2.获取 FragmentManager ，在活动中可以直接通过调用getSupportFragmentManager()方法得到。
3.开启一个事务，通过调用beginTransaction()方法开启。
4.向容器内添加或替换碎片，一般使用 replace（）方法实现，需要传入容器的id和待添加的碎片实例。
5.提交事务，通过调用commit()方法实现。

接下来我们就完成了向活动中动态添加碎片的功能，运行程序试试看：

点击按钮：