欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

探究碎片Fragment(1)

程序员文章站 2022-05-13 22:01:44
...

碎片的简单用法

这里我们准备先写一个最简单的碎片示例来练练手,在一个活动当中添加两个碎片,并 让这两个碎片平分活动空间

1、新建一个平板模拟机
2、新建一个左侧碎片布局 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>

3、后新建右侧碎片布局 right_fragment.xml,我们将这个布局的背景色设置成绿色,并放置了一个 TextView用于显示一 段文本

<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:text="This is right fragment"
        android:textSize="20sp" />
</LinearLayout>

4、新建一个 LeftFragment类,继承自 Fragment。注意,这里可能会有两个不同包 下的 Fragment供你选择,建议使用 android.app.Fragment,因为另一个包下的 Fragment主要是用于兼容低版本的 Android系统

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;
    }
}

5、新建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;
    }
}

5、接下来修改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.xx.myapplication.util.LeftFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />

    <fragment
        android:id="@+id/right_fragment"
        android:name="com.example.xx.myapplication.util.RightFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />
</LinearLayout>

运行程序

探究碎片Fragment(1)

动态添加碎片

1、新建 another_right_fragment.xml,这个布局文件的代码和 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="#ffff00"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="This is another right fragment"
        android:textSize="20sp" />
</LinearLayout> 

2、新建 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;
    }
}

3、修改activity_main.xml,现在将右侧碎片放在了一个 FrameLayout中,由于这里仅需要在布局里放入一个碎片,因此非常适合使用 FrameLayout,之后我们将在代码中替换 FrameLayout里的内容,从而实现动态添加碎片的功能

<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.xx.myapplication.fragment.LeftFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />

    <FrameLayout
        android:id="@+id/right_layout"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1">

        <fragment
            android:id="@+id/right_fragment"
            android:name="com.example.xx.myapplication.fragment.RightFragment"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </FrameLayout>
</LinearLayout>

4、修改 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);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.button:
                AnotherRightFragment fragment = new AnotherRightFragment();
                FragmentManager fragmentManager = getFragmentManager();
                FragmentTransaction transaction = fragmentManager.beginTransaction();
                transaction.replace(R.id.right_layout,fragment);
                transaction.commit();
                break;
            default:
                break;
        }
    }
}

动态添加碎片主要分为 5步

  1. 创建待添加的碎片实例
  2. 获取到 FragmentManager,在活动中可以直接调用 getFragmentManager()方法得到
  3. 开启一个事务,通过调用 beginTransaction()方法开启
  4. 向容器内加入碎片,一般使用 replace()方法实现,需要传入容器的 id和待添加的碎 片实例
  5. 提交事务,调用 commit()方法来完成

运行结果

探究碎片Fragment(1)

在碎片中模拟返回栈

通过点击按钮添加了一个碎片之后,这时按下 Back键程序就会直接退出。如果这里我 们想模仿类似于返回栈的效果,按下 Back键可以回到上一个碎片,该如何实现呢

其实很简单,FragmentTransaction中提供了一个 addToBackStack()方法,可以用于将一 个事务添加到返回栈中,修改 MainActivity中的代码

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    ......

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.button:
                AnotherRightFragment fragment = new AnotherRightFragment();
                FragmentManager fragmentManager = getFragmentManager();
                FragmentTransaction transaction = fragmentManager.beginTransaction();
                transaction.replace(R.id.right_layout, fragment);
                transaction.addToBackStack(null);
                transaction.commit();
                break;
            default:
                break;
        }
    }
}

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

碎片和活动之间进行通信

为了方便碎片和活动之间进行通信,FragmentManager提供了一个类似于 findViewById() 的方法,专门用于从布局文件中获取碎片的实例,代码如下所示

RightFragment rightFragment = (RightFragment) getFragmentManager() .findFragmentById(R.id.right_fragment); 

调用 FragmentManager的 findFragmentById()方法,可以在活动中得到相应碎片的实例, 然后就能轻松地调用碎片里的方法了

掌握了如何在活动中调用碎片里的方法,那在碎片中又该怎样调用活动里的方法呢?其 实这就更简单了,在每个碎片中都可以通过调用 getActivity()方法来得到和当前碎片相关联 的活动实例,代码如下所示

MainActivity activity = (MainActivity) getActivity(); 

有了活动实例之后,在碎片中调用活动里的方法就变得轻而易举了

另外当碎片中需要 使用 Context对象时,也可以使用 getActivity()方法,因为获取到的活动本身就是一个 Context 对象了

这时不知道你心中会不会产生一个疑问,既然碎片和活动之间的通信问题已经解决了, 那么碎片和碎片之间可不可以进行通信呢? 说实在的,这个问题并没有看上去的复杂,它的基本思路非常简单,首先在一个碎片中 可以得到与它相关联的活动,然后再通过这个活动去获取另外一个碎片的实例,这样也就实 现了不同碎片之间的通信功能,因此这里我们的答案是肯定的

相关标签: fragment