您的位置:首页 > 移动开发 > Android开发

android-如何通过接口回调来解决Fragment之间的交互

2015-07-30 09:28 585 查看
摘要: 由于在android的丝线机制综fragment和acitivty会被分别实例化为两个不相干的对象,他们之间的联系由activity的一个成员对象FragmntManager来维护,Fragment实例化后到activity中的fragmentManager去注册一下,这个动作封装在Fragment对象的OnAttach中,所以你可以在fragment中声明一些回调接口,当fragment调用onAttach时,将这些回调接口实例化,这样fragment就能调用各个acivity的成员函数了,当然activity必须implements这些接口,否则会报ClassCastExcept...

由于在android的丝线机制综fragment和acitivty会被分别实例化为两个不相干的对象,他们之间的联系由activity的一个成员对象FragmntManager来维护,Fragment实例化后到activity中的fragmentManager去注册一下,这个动作封装在Fragment对象的OnAttach中,所以你可以在fragment中声明一些回调接口,当fragment调用onAttach时,将这些回调接口实例化,这样fragment就能调用各个acivity的成员函数了,当然activity必须implements这些接口,否则会报ClassCastExceptionfragment和activity的回调机制又是OOP的又一次完美演绎!

下面通过一个例子来说明

实现的目的:将一个activity用两个fragment分割填充,左侧的fragment中有3个Button,右侧作为内容显示,当点击左侧的按钮,显示对应的文字信息。

首先是activity_main.xml的布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
tools:context=".MainActivity">
<FrameLayout
android:id="@+id/ui_container"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1">
</FrameLayout>
<FrameLayout
android:id="@+id/details_container"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@android:color/holo_blue_light">
</FrameLayout>
</LinearLayout>


效果图如下所示:



左侧的fragment布局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">
<Button
android:id="@+id/firstButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/first_button"/>
<Button
android:id="@+id/secondButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/second_button"/>
<Button
android:id="@+id/thenButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/then_button"/>
</LinearLayout>


效果图如下所示:



右侧的fragment布局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:layout_height="match_parent">
<TextView
android:id="@+id/content"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>


上面的布局文件都很简单,没有什么好说的,下面 ,我将对java文件的代码进行相应的解释:

先将LeftFragment.java

package learn.dreamcoder.com.learn;

import android.app.Activity;
import android.app.Fragment;
import android.graphics.Color;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;

/**
* Description:
* User: Dream_Coder(chenchen_839@126.com)
* Date: 2015-07-29
* Time: 15:15
*/
public class LeftFragment extends Fragment{
public interface MyListener{
public void showMessage(int index);
}
private MyListener mListener;
private Button mButton1;
private Button mButton2;
private Button mButton3;
public Button lastButton;

@Override
public void onAttach(Activity activity) {/*判断宿主activity是否实现了接口MyListener*/
super.onAttach(activity);
try {
mListener = (MyListener) activity;
}catch (ClassCastException e) {
throw new ClassCastException(getActivity().getClass().getName()
+" must implements interface MyListener");
}
}

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

@Override
public void onResume() {
super.onResume();
mButton1 = (Button) getActivity().findViewById(R.id.firstButton);
mButton2 = (Button) getActivity().findViewById(R.id.secondButton);
mButton3 = (Button) getActivity().findViewById(R.id.thenButton);
mButton1.setOnClickListener(new MyButtonClickListener());
mButton2.setOnClickListener(new MyButtonClickListener());
mButton3.setOnClickListener(new MyButtonClickListener());
}
class MyButtonClickListener implements View.OnClickListener{

@Override
public void onClick(View v) {
Button button = (Button) v;
if(lastButton != null) {
lastButton.setBackgroundColor(0);
}
button.setBackgroundColor(Color.parseColor("#00FF00"));
lastButton= button;
if(button == mButton1) {
mListener.showMessage(1);
}
if(button == mButton2) {
mListener.showMessage(2);
}
if(button == mButton3) {
mListener.showMessage(3);
}
}
}
}


该文件中的MyListener是这个交互过程的关键,将这个接口暴露出去,交于宿主activity来实现,而宿主activity实现该接口,根据传入的参数,做出对于的操作,并发出适当的命令交付给第二个Fragment,从而可以改变第二个fragment中的组件状态。

整个过程可以理解为:Fragement1 ----》 activity -----》 Fragment2

Fragment之间一般是不会直接进行交互的,而是需要通过宿主activity作为桥梁来进行通话。

宿主activity负责Fragement之间的业务通话,而Fragment仅仅负责维护自己的组件状态就可以了,需要业务操作的部分暴露出去,交给宿主来做,这个暴露过程就是通过接口的方式。

例如在上述代码中,类MyButtonClickListener中需要执行mListener.showMessage()函数来在Fragment2中展示信息,但是在该Fragment中并没有任何语句来对该接口进行实现,而是直接使用,因为我们的目的就是不直接与Fragment2进行交互,但是我们可以把这个接口交付给宿主activity,让它来实现,让它来操作这一切,于是乎,对于LeftFragment来讲就不用担心这个问题,直接使用就好了,因为宿主已经解决了这一切。

下面讲解MainActivity.java代码:

package learn.dreamcoder.com.learn;

import android.app.Activity;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity implements LeftFragment.MyListener{
private TextView showMessageView;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
FragmentManager manager = getFragmentManager();
FragmentTransaction transaction = manager.beginTransaction();
transaction.add(R.id.ui_container,new LeftFragment());
transaction.add(R.id.details_container,new RightFragment());
transaction.commit();
}

@Override
public void showMessage(int index) {
if(1 == index) {
showMessageView.setText(R.string.first_page);
}else if(2 == index) {
showMessageView.setText(R.string.second_page);
}else {
showMessageView.setText(R.string.then_page);
}
}

@Override
protected void onResume() {
super.onResume();
showMessageView = (TextView) findViewById(R.id.content);
}
}


在宿主activity中首先要做的事情就是要实现刚才的接口,这个接口的目的就是要根据刚才暴露出来是时候传入的参数来向RightFragment发出命令,改变它的内容。所以要得到RightFragment中显示的TextView 的引用,然后设置文字即可了。这就很好理解了

下面是RightFragment.java

package learn.dreamcoder.com.learn;

import android.app.Fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
* Description:
* User: Dream_Coder(chenchen_839@126.com)
* Date: 2015-07-29
* Time: 15:16
*/
public class RightFragment extends Fragment{
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
}

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
return inflater.inflate(R.layout.right_fragment,container,false);
}
}


这个很简单,没有什么好说的,相信你们都能看明白。就不讲解了。

总结一下,对于两个Fragment之间的交互过程,如果想向Fragment发出什么请求,直接把这个请求封装成一个接口,暴露出去,交由宿主来实现就好了。

本人只是为了学习和理解,感觉这个代码还是很有意义的,但是没有太多的讲解,我根据自己的理解写了一些注解。

在这里对原作者表示感谢

该文的原地址:http://www.360doc.com/content/14/0519/10/17121610_378958268.shtml
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Fragement之间交互