正文

Fragment的创建与通信

IP云
IP云V管理员/3 阅读
12/02
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

由于这里涉及到接口回调的问题，所以先来看一看什么是接口回调：

这就好比老板和员工的微妙关系，老板需要员工去工作，员工挣钱了以后还要告诉老板自己挣了多少钱，然后由老板来处理这些钱。

首先创建一个接口： 

package com.fitsoft;

public interface CallBack {

	void collectMoney(String name, int money);

}

由于员工挣完钱了以后，钱由老板来处理，因此接口也是由老板来实现

创建老板类： 

package com.fitsoft;

/**

 * @author Joker

 * @since 2019/9/20 0020 18:49

 */

public class Boss implements CallBack {

    void makeMoney(){

        String name = "小三";

        System.out.println(name+"快去工作！");

        Staff staff = new Staff(name, this);

        staff.doWork();

    }

    public void collectMoney(String name, int money) {

        System.out.println(name+"帮我挣了"+money+"元");

    }

}

这里有两个方法，一个是叫员工去赚钱，在 makeMoney() 方法中创建一个员工，让员工去 doWork() ，另一个是员工赚完钱以后回调给老板，由老板来打印输出(花钱)。

看一看员工类： 

package com.fitsoft;

/**

 * @author Joker

 * @since 2019/9/20 0020 18:35

 */

class Staff {

    private String myName;

    private CallBack callBack;

    Staff(String name, CallBack callBack){

        this.myName = name;

        this.callBack = callBack;

    }

    void doWork(){

        System.out.println(myName + " make money ing...");

        callBack.collectMoney(myName, 500);

    }

}

在构造函数中初始化名字和接口，在 doWork() 方法中(由老板来调用的方法),输出我正在赚钱，赚完钱之后，执行老板的 collectMoney() 方法，告诉老板：这钱是我给你的，你可以收了,然后老板就执行了： 

public void collectMoney(String name, int money) {

    System.out.println(name+"帮我挣了"+money+"元");

}

总的流程大致是这样，接下来创建测试类： 

package com.fitsoft;

/**

 * @author Joker

 * @since 2019/9/20 0020 18:47

 */

public class Test {

    @org.junit.Test

    public void test(){

        new Boss().makeMoney();

    }

}

直接调用老板类中的赚钱方法(赚钱是不可能赚钱的，这辈子都不可能去赚钱的，只有让员工去赚钱这样子才能维持生活...)。

看一看输出： 

小三快去工作！

小三 make money ing...

小三帮我挣了500元

以上大致是接口回调的内容，接下来才是主题： Fragment

首先创建布局 activity_main.xml ： 

<?xml version="1.0" encoding="utf-8"?>

<android.support.constraint.ConstraintLayout

    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:layout_width="match_parent"

    android:layout_height="match_parent"

    tools:context="com.fitsoft.MainActivity">

    <Button

        android:id="@+id/fragment_add"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginLeft="8dp"

        android:layout_marginTop="24dp"

        android:layout_marginEnd="8dp"

        android:layout_marginRight="8dp"

        android:layout_marginBottom="8dp"

        android:text="add"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.498"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.0" />

    <Button

        android:id="@+id/fragment_remove"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginLeft="8dp"

        android:layout_marginTop="32dp"

        android:layout_marginEnd="8dp"

        android:layout_marginRight="8dp"

        android:text="remove"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.498"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/fragment_add" />

    <Button

        android:id="@+id/fragment_modify"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginLeft="8dp"

        android:layout_marginTop="32dp"

        android:layout_marginEnd="8dp"

        android:layout_marginRight="8dp"

        android:text="modify"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.498"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/fragment_remove" />

    <LinearLayout

        android:id="@+id/main_fragment"

        android:layout_width="match_parent"

        android:layout_height="200dp"

        android:layout_marginStart="8dp"

        android:layout_marginLeft="8dp"

        android:layout_marginTop="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginRight="8dp"

        android:layout_marginBottom="8dp"

        android:orientation="vertical"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="1.0"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.666" />

    <TextView

        android:id="@+id/tv_in_activity"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginLeft="8dp"

        android:layout_marginTop="8dp"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/main_fragment" />

</android.support.constraint.ConstraintLayout>

界面大致是这样子的：

![](https://i.loli.net/2019/09/20/nQXCOeAZcz2LFtR.png)

然后创建Fragment中的布局 fragment_main.xml ： 

<?xml version="1.0" encoding="utf-8"?>

<android.support.constraint.ConstraintLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:background="#4CAF50"

    android:layout_width="match_parent"

    android:layout_height="match_parent">

    <TextView

        android:id="@+id/tv_in_fragment"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginLeft="8dp"

        android:layout_marginTop="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginRight="8dp"

        android:layout_marginBottom="8dp"

        android:text="这是Fragment界面"

        android:textColor="#fff"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.498"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:layout_constraintVertical_bias="0.415" />

    <Button

        android:id="@+id/btn_in_fragment"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:layout_marginLeft="8dp"

        android:layout_marginTop="8dp"

        android:layout_marginEnd="8dp"

        android:layout_marginRight="8dp"

        android:layout_marginBottom="8dp"

        android:text="modify"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintHorizontal_bias="0.498"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/tv_in_fragment"

        app:layout_constraintVertical_bias="0.064" />

</android.support.constraint.ConstraintLayout>

界面是这样的：

![](https://i.loli.net/2019/09/20/rdGbHUtC3p5QK92.png)

首先我们创建 Activity 的管理类 MainActivity ： 

package com.fitsoft;

import android.os.Bundle;

import android.support.v4.app.FragmentActivity;

import android.support.v4.app.FragmentManager;

import android.support.v4.app.FragmentTransaction;

import android.view.View;

import android.widget.Button;

import android.widget.TextView;

public class MainActivity extends FragmentActivity {

    Button add;

    Button remove;

    Button modify;

    TextView textView;

    MainFragment mainFragment;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        textView = findViewById(R.id.tv_in_activity);

        mainFragment = new MainFragment();

        mainFragment.setOnBtnClickListener(new MainFragment.OnBtnClickListener() {

            @Override

            public void onBtnClick() {

                textView.setText("===这里的值已经被修改了===");

            }

        });

        add = findViewById(R.id.fragment_add);

        add.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                FragmentManager fm = getSupportFragmentManager();

                //获得fragment的事务

                FragmentTransaction ft = fm.beginTransaction();

                ft.add(R.id.main_fragment, mainFragment);

                ft.commit();

            }

        });

        remove = findViewById(R.id.fragment_remove);

        remove.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                FragmentManager fm = getSupportFragmentManager();

                //获得fragment的事务

                FragmentTransaction ft = fm.beginTransaction();

                ft.remove(mainFragment);

                ft.commit();

            }

        });

        modify = findViewById(R.id.fragment_modify);

        modify.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                mainFragment.modify();

            }

        });

    }

}

然后创建 Fragment 的管理类 MainFragment ： 

package com.fitsoft;

import android.os.Bundle;

import android.support.annotation.NonNull;

import android.support.annotation.Nullable;

import android.support.v4.app.Fragment;  //兼容性好

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.Button;

import android.widget.TextView;

/**

 * @author Joker

 * @since 2019/9/19 0019 20:48

 */

public class MainFragment extends Fragment {

    Button button;

    View view;

    TextView textView;

    private OnBtnClickListener onBtnClickListener;

    public void setOnBtnClickListener(OnBtnClickListener onBtnClickListener){

        this.onBtnClickListener = onBtnClickListener;

    }

    @Nullable

    @Override

    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

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

        textView = view.findViewById(R.id.tv_in_fragment);

        button = view.findViewById(R.id.btn_in_fragment);

        button.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                if(onBtnClickListener != null)

                    onBtnClickListener.onBtnClick();

            }

        });

        return view;

    }

    public void modify(){

        textView.setText("===修改之后的值===");

    }

    public interface OnBtnClickListener {

        void onBtnClick();

    }

}

为了兼容性更好这里我用v4包下的 Fragment ，启动app之后出现如下界面：

![](https://i.loli.net/2019/09/20/9cKnvXSW8AaI6Ez.png)

这些就是运行之后我们 Activity 上面的布局，当我们点击 ADD 按钮之后，触发事件： 

add.setOnClickListener(new View.OnClickListener() {

    @Override

    public void onClick(View v) {

        FragmentManager fm = getSupportFragmentManager();

        //获得fragment的事务

        FragmentTransaction ft = fm.beginTransaction();

        ft.add(R.id.main_fragment, mainFragment);

        ft.commit();

    }

});

在这里将我们的 Fragment 添加在 LinearLayout 布局中，就是这个：

![](https://i.loli.net/2019/09/20/jXcCDM58GAzrk6P.png)

点击之后看到 Fragment 已经生成了：

![](https://i.loli.net/2019/09/20/YwVIi69kMSBlxNy.png)

然后我们点击 Activity 中的 MODIFY 按钮，在 Activity 中修改 Fragment 中的文本值： 

modify = findViewById(R.id.fragment_modify);

modify.setOnClickListener(new View.OnClickListener() {

    @Override

    public void onClick(View v) {

        mainFragment.modify();

    }

});

在 MainFragment 中是这么写的： 

public void modify(){

    textView.setText("===修改之后的值===");

}

将 Fragment 中的 TextView 的值进行了修改，修改之后：

![](https://i.loli.net/2019/09/20/YdcfohJIMGVWrtS.png)

上面我们在 Activity 中修改 Fragment ，那么如何在 Fragment 中调用 Activity 中的方法呢，当然方法有很多，这里我们使用回调函数的方式进行通信：

在 MainFragment 中定义接口： 

public interface OnBtnClickListener {

    void onBtnClick();

}

然后在 MainFragment 中定义方法，将接口提供给调用者： 

public void setOnBtnClickListener(OnBtnClickListener onBtnClickListener){

    this.onBtnClickListener = onBtnClickListener;

}

这里 MainActivity 中使用匿名内部类的方式实现了接口的方法： 

mainFragment = new MainFragment();

mainFragment.setOnBtnClickListener(new MainFragment.OnBtnClickListener() {

    @Override

    public void onBtnClick() {

        textView.setText("===这里的值已经被修改了===");

    }

});

为什么要set呢？这是为了让两个类中的接口保持一致，原来的 MainFragment 中的 onBtnClickListener 是 null ，而在 MainActiviy 中却已经写好了方法，就等着你去调用

然后 Fragment 按钮的点击事件中就调用了接口中的 onBtnClick() 方法，这跟普通的调用方法还有点不一样，它更像是调用实体类中的方法，只不过没有实例化： 

button = view.findViewById(R.id.btn_in_fragment);

button.setOnClickListener(new View.OnClickListener() {

    @Override

    public void onClick(View v) {

        if(onBtnClickListener != null)

            onBtnClickListener.onBtnClick();

    }

});

这里还需要注意,据我分析(如果没有错的话): 

onBtnClickListener.onBtnClick();

这行代码算不上调用，更像是执行，因为此时的 onBtnClickListener 已经不为 null 了，它只是执行了里面的 onBtnClick() 方法， 

@Override

public void onBtnClick() {

    textView.setText("===这里的值已经被修改了===");

}

而真正要被执行的方法应该是已经早早的在set方法中被传递了过来。

然后看看回调之后的效果：

![](https://i.loli.net/2019/09/20/KaEwcsZSq8bPzJi.png)

最后还有一个移除 Fragment 的按钮： 

remove = findViewById(R.id.fragment_remove);

remove.setOnClickListener(new View.OnClickListener() {

    @Override

    public void onClick(View v) {

        FragmentManager fm = getSupportFragmentManager();

        //获得fragment的事务

        FragmentTransaction ft = fm.beginTransaction();

        ft.remove(mainFragment);

        ft.commit();

    }

});

整个过程大致是这样：

![](https://i.loli.net/2019/09/20/IJE8MPheSsUWoBl.gif)

然后会有小伙伴发问了，这里和开头举的例子的回调方法不一样啊。。。

好，那我改成一致的...

MainActivity : 

package com.fitsoft;

import android.os.Bundle;

import android.support.v4.app.FragmentActivity;

import android.support.v4.app.FragmentManager;

import android.support.v4.app.FragmentTransaction;

import android.view.View;

import android.widget.Button;

import android.widget.TextView;

public class MainActivity extends FragmentActivity implements OnBtnClickListener{

    Button add;

    Button remove;

    Button modify;

    TextView textView;

    MainFragment mainFragment;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        textView = findViewById(R.id.tv_in_activity);

        mainFragment = new MainFragment();

        mainFragment.setOnBtnClickListener(this);

        add = findViewById(R.id.fragment_add);

        add.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                FragmentManager fm = getSupportFragmentManager();

                //获得fragment的事务

                FragmentTransaction ft = fm.beginTransaction();

                ft.add(R.id.main_fragment, mainFragment);

                ft.commit();

            }

        });

        remove = findViewById(R.id.fragment_remove);

        remove.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                FragmentManager fm = getSupportFragmentManager();

                //获得fragment的事务

                FragmentTransaction ft = fm.beginTransaction();

                ft.remove(mainFragment);

                ft.commit();

            }

        });

        modify = findViewById(R.id.fragment_modify);

        modify.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                mainFragment.modify();

            }

        });

    }

    @Override

    public void onBtnClick() {

        textView.setText("===这里的值已经被修改了===");

    }

}

其实理解应该不难，毕竟点击事件的触发不也是这样的嘛... 

modify.setOnClickListener(new View.OnClickListener() {

    @Override

    public void onClick(View v) {

        mainFragment.modify();

    }

});

也可以使类实现 View.OnClickListener 接口....

相关阅读

目录[+]