Fragment碎片的使用

最新推荐文章于 2021-10-26 14:17:58 发布

曹半斤

最新推荐文章于 2021-10-26 14:17:58 发布

阅读量378

点赞数

分类专栏： Android笔记文章标签： ui 应用

本文链接：https://blog.csdn.net/cgq1030699125/article/details/51176433

版权

Android笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏

碎片是什么？
碎片（Fragment）是一种可以嵌入在活动当中的UI 片段，它能让程序更加合理和充分
地利用大屏幕的空间，因而在平板上应用的非常广泛。虽然碎片对你来说应该是个全新的概
念，但我相信你学习起来应该毫不费力，因为它和活动实在是太像了，同样都能包含布局，
同样都有自己的生命周期。你甚至可以将碎片理解成一个迷你型的活动，虽然这个迷你型的活动有可能和普通的活动是一样大的。

碎片的简单用法

我们新建一个布局文件叫left_fragment.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<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:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#00ff00"
android:orientation="vertical" >
<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。注意，这里可能会有两个不同包下的Fragment 供你选择，建议使用android.app.Fragment，因为我们的程序是面向Android 4.0
以上系统的，另一个包下的Fragment 主要是用于兼容低版本的Android 系统。LeftFragment的代码如下所示：

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
的inflate()方法将刚才定义的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: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

public class FramentOne extends Fragment {
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
            // TODO Auto-generated method stub
            View view=inflater.inflate(R.layout.framentone, container, false);
            return view;
        }
}


public class FramentTwo extends Fragment{
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        View view=inflater.inflate(R.layout.framenttwo, container, false);
        return view;
    }
}

public class FramentThree extends Fragment{
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        View view=inflater.inflate(R.layout.framentthree, container, false);
        return view;
    }
}

public class FramentFour extends Fragment{
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        View view=inflater.inflate(R.layout.framentfour, container, false);
        return view;
    }
}

下面是main_activity.xml

<?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"
    android:background="#FFFFFF" >

    <FrameLayout
        android:id="@+id/framelayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >


        <fragment
            android:id="@+id/mainone"
            android:name="com.caogenqing.android2016.FramentOne"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </FrameLayout>



    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/btn1"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:text="Btn1"
            android:textColor="#000000"
            android:textSize="16sp" >
        </TextView>

        <TextView
            android:id="@+id/btn2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="Btn2"
            android:textColor="#000000"
            android:textSize="16sp" >
        </TextView>

        <TextView
            android:id="@+id/btn3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="Btn3"
            android:textColor="#000000"
            android:textSize="16sp" >
        </TextView>

        <TextView
            android:id="@+id/btn4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="Btn4"
            android:textColor="#000000"
            android:textSize="16sp" >
        </TextView>
    </LinearLayout>

</RelativeLayout>

下面是MainActivity.java

import android.annotation.SuppressLint;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.TextView;
//调用的都是v4的包。是为了兼容低版本建议用android.app下的包
public class FarmentActivity extends FragmentActivity implements
        OnClickListener {
    private TextView btnone, btntwo, btnthree, btnfour;

    @Override
    protected void onCreate(Bundle arg0) {
        // TODO Auto-generated method stub
        super.onCreate(arg0);
        setContentView(R.layout.framentmain);
        btnone = (TextView) findViewById(R.id.btn1);
        btntwo = (TextView) findViewById(R.id.btn2);
        btnthree = (TextView) findViewById(R.id.btn3);
        btnfour = (TextView) findViewById(R.id.btn4);
        btnone.setOnClickListener(this);
        btntwo.setOnClickListener(this);
        btnthree.setOnClickListener(this);
        btnfour.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        // TODO Auto-generated method stub
        switch (v.getId()) {
        case R.id.btn1:
            // 首先创建fragement对象
            FramentOne framentOne = new FramentOne();
            // 获取到FragmentManager，在活动中可以直接调用getFragmentManager()方法得到。

            FragmentManager manager = getSupportFragmentManager();
            Log.e("manager", "" + manager);
            // 开启一个事务，通过调用beginTransaction()方法开启。
            FragmentTransaction transaction = manager.beginTransaction();
            // 向容器内加入碎片，一般使用replace()方法实现，需要传入容器的id 和待添加的碎
            // 片实例。
            transaction.replace(R.id.mainone, framentOne);
            // 提交
            transaction.commit();
            break;
        case R.id.btn2:
            FramentTwo framentTwo = new FramentTwo();
            FragmentManager manager2 = getSupportFragmentManager();
            FragmentTransaction transaction2 = manager2.beginTransaction();
            transaction2.replace(R.id.mainone, framentTwo);
            transaction2.commit();
            break;
        case R.id.btn3:
            FramentThree framentThree = new FramentThree();
            FragmentManager fragmentManager = getSupportFragmentManager();
            FragmentTransaction transaction3 = fragmentManager
                    .beginTransaction();
            transaction3.replace(R.id.mainone, framentThree);
            transaction3.commit();
            break;
        case R.id.btn4:
            FramentFour framentFour=new FramentFour();
            FragmentManager fragmentManager2=getSupportFragmentManager();
            FragmentTransaction fragmentTransaction=fragmentManager2.beginTransaction();
            fragmentTransaction.replace(R.id.mainone, framentFour);
            fragmentTransaction.commit();
            break;
        default:
            break;
        }
    }
}

在碎片中模拟返回栈

尝试一下就会发现，通过点击按钮添加了一个碎片之后，这时按下Back 键程序就会直接退出。如果这里我们想模仿类似于返回栈的效果，按下Back 键可以回到上一个碎片，该如何实现呢？
其实很简单，FragmentTransaction 中提供了一个addToBackStack()方法，可以用于将一个事务添加到返回栈中

switch (v.getId()) {
        case R.id.btn1:
            // 首先创建fragement对象
            FramentOne framentOne = new FramentOne();
            // 获取到FragmentManager，在活动中可以直接调用getFragmentManager()方法得到。
            FragmentManager manager = getSupportFragmentManager();
            Log.e("manager", "" + manager);
            // 开启一个事务，通过调用beginTransaction()方法开启。
            FragmentTransaction transaction = manager.beginTransaction();
            // 向容器内加入碎片，一般使用replace()方法实现，需要传入容器的id 和待添加的碎
            // 片实例。
            transaction.replace(R.id.mainone, framentOne);
            transaction.addToBackStack(null);
            // 提交
            transaction.commit();
            break;

这里我们在事务提交之前调用了FragmentTransaction 的addToBackStack()方法，它可以接收一个名字用于描述返回栈的状态，一般传入null 即可。现在重新运行程序，并点击按钮将AnotherRightFragment 添加到活动中，然后按下Back 键，你会发现程序并没有退出，而是回到了RightFragment 界面，再次按下Back 键程序才会退出。

曹半斤

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Fragment碎片的使用

碎片是什么？碎片（Fragment）是一种可以嵌入在活动当中的UI 片段，它能让程序更加合理和充分地利用大屏幕的空间，因而在平板上应用的非常广泛。虽然碎片对你来说应该是个全新的概念，但我相信你学习起来应该毫不费力，因为它和活动实在是太像了，同样都能包含布局，同样都有自己的生命周期。你甚至可以将碎片理解成一个迷你型的活动，虽然这个迷你型的活动有可能和普通的活动是一样大的。碎片的简单用法
复制链接

扫一扫