Android -- ViewPager、Fragment、状态保存、通信

工程架构                                                                                     

image

TabAFm到TabEFm都是Fragment，并且每个Fragment对应一个布局文件。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

TabAFm.java                                                                            

package com.yydcdut.viewpagerstudy;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class TabAFm extends Fragment {

    @Override
    public void onAttach(Activity activity) {
        super.onAttach(activity);
        System.out.println("AAAAAAAAAA____onAttach");
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        System.out.println("AAAAAAAAAA____onCreate");
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        System.out.println("AAAAAAAAAA____onCreateView");
        return inflater.inflate(R.layout.tab_a, container, false);
    }

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        System.out.println("AAAAAAAAAA____onActivityCreated");
    }

    @Override
    public void onStart() {
        super.onStart();
        System.out.println("AAAAAAAAAA____onStart");
    }

    @Override
    public void onResume() {
        super.onResume();
        System.out.println("AAAAAAAAAA____onResume");
    }

    @Override
    public void onPause() {
        super.onPause();
        System.out.println("AAAAAAAAAA____onPause");
    }

    @Override
    public void onStop() {
        super.onStop();
        System.out.println("AAAAAAAAAA____onStop");
    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();
        System.out.println("AAAAAAAAAA____onDestroyView");
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        System.out.println("AAAAAAAAAA____onDestroy");
    }

    @Override
    public void onDetach() {
        super.onDetach();
        System.out.println("AAAAAAAAAA____onDetach");
    }
    
}

如上述代码所示，TabAFm是一个Fragment，对应的布局文件是tab_a.xml，并实现了他的所有的生命周期回调函数并打印，便于调试。tab_a.xml布局中有个EditText，其他的Fragment大同小异，这里就不贴出代码了

MainActivity                                                                              

package com.yydcdut.viewpagerstudy;

import java.util.ArrayList;
import java.util.List;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;

public class MainActivity extends FragmentActivity {

    private ViewPager viewPager;
    public List<Fragment> fragments = new ArrayList<Fragment>();
    public String hello = "hello ";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        fragments.add(new TabAFm());
        fragments.add(new TabBFm());
        fragments.add(new TabCFm());
        fragments.add(new TabDFm());
        fragments.add(new TabEFm());

        viewPager = (ViewPager) findViewById(R.id.viewPager);

        FragmentViewPagerAdapter2 adapter = new FragmentViewPagerAdapter2(this.getSupportFragmentManager(), viewPager,fragments);

        adapter.setOnExtraPageChangeListener(new FragmentViewPagerAdapter2.OnExtraPageChangeListener(){
            @Override
            public void onExtraPageSelected(int i) {
                System.out.println("Extra...i: " + i);
            }
            @Override
            public void onExtraPageScrolled(int i, float v, int i2) {
                
                super.onExtraPageScrolled(i, v, i2);
            }
            @Override
            public void onExtraPageScrollStateChanged(int i) {
            
                super.onExtraPageScrollStateChanged(i);
            }                        
        });
    }
}

MainActivity上述代码所示

MainActivity是包含Fragment的Activity（也就是这里的5个Fragment）

他继承了FragmentActivity（因为我这里用的是android-support-v4.jar）

用一个List<Fragment>去维护5个Fragment，也就是5个page。

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="vertical"
    tools:context=".MainActivity" >

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

现在回到MainActivity中，下面这个FragmentViewPagerAdapter类是关键，是我自己编写的用于绑定和处理fragments和ViewPager之间的逻辑关系

FragmentViewPagerAdapter2 adapter = new FragmentViewPagerAdapter2(this.getSupportFragmentManager(), viewPager,fragments);

FragmentViewPagerAdapter2                                                 

package com.yydcdut.viewpagerstudy;

import java.util.List;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.View;
import android.view.ViewGroup;

public class FragmentViewPagerAdapter2 {
    private List<Fragment> fragments; // 每个Fragment对应一个Page
    private FragmentManager fragmentManager;
    private ViewPager viewPager; // viewPager对象
    private int currentPageIndex = 0; // 当前page索引（切换之前）
    private OnExtraPageChangeListener onExtraPageChangeListener; // ViewPager切换页面时的额外功能添加接口

    /**
     * 构造函数
     * 
     * @param fragmentManager
     * @param viewPager
     * @param fragments
     */
    public FragmentViewPagerAdapter2(FragmentManager fragmentManager,
            ViewPager viewPager, List<Fragment> fragments) {
        this.fragments = fragments;
        this.fragmentManager = fragmentManager;
        this.viewPager = viewPager;
        // PagerAdapter
        MyPagerAdapter myPagerAdapter = new MyPagerAdapter();
        this.viewPager.setAdapter(myPagerAdapter);
        // PageChangeListener
        MyPageChangeListener myPageChangeListener = new MyPageChangeListener();
        this.viewPager.setOnPageChangeListener(myPageChangeListener);
    }

    /**
     * 当前page索引（切换之前）
     * 
     * @return
     */
    public int getCurrentPageIndex() {
        return currentPageIndex;
    }

    /**
     * PagerAdapter 要使用PagerAdapter，首先要继承PagerAdapter类，然后至少覆盖以下方法
     * instantiateItem(ViewGroup,
     * int)【这个方法，return一个对象，这个对象表明了PagerAdapter适配器选择哪个对象放在当前的ViewPager中】
     * destroyItem(ViewGroup, int, Object)【这个方法，是从ViewGroup中移出当前View】
     * getCount()【这个方法，是获取当前窗体界面数】 isViewFromObject(View, Object)
     * 【这个方法，在帮助文档中原文是could be implemented as return view ==
     * object,也就是用于判断是否由对象生成界面】
     * 
     * @author sansung
     * 
     */
    class MyPagerAdapter extends PagerAdapter {

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            Fragment fragment = fragments.get(position);// 取得位置，获取出来Fragment
            if (!fragment.isAdded()) { // 如果fragment还没有added
                FragmentTransaction ft = fragmentManager.beginTransaction();
                ft.add(fragment, fragment.getClass().getSimpleName());
                ft.commit();
                /**
                 * 在用FragmentTransaction.commit()方法提交FragmentTransaction对象后
                 * 会在进程的主线程中，用异步的方式来执行。 如果想要立即执行这个等待中的操作，就要调用这个方法（只能在主线程中调用）。
                 * 要注意的是，所有的回调和相关的行为都会在这个调用中被执行完成，因此要仔细确认这个方法的调用位置。
                 */
                fragmentManager.executePendingTransactions();
            }

            if (fragment.getView().getParent() == null) {
                container.addView(fragment.getView()); // 为viewpager增加布局
            }

            return fragment.getView();
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView(fragments.get(position).getView()); // 移出viewpager两边之外的page布局
        }

        @Override
        public int getCount() {
            return fragments.size();
        }

        @Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            return arg0 == arg1;
        }

    }

    /**
     * OnPageChangeListener
     * 
     * @author sansung
     * 
     */
    class MyPageChangeListener implements OnPageChangeListener {
        /**
         * 此方法是在状态改变的时候调用，其中arg0这个参数有三种状态（0，1，2）。 arg0
         * ==1的时辰默示正在滑动，arg0==2的时辰默示滑动完毕了，arg0==0的时辰默示什么都没做。
         */
        @Override
        public void onPageScrollStateChanged(int arg0) {
            if (null != onExtraPageChangeListener) { // 如果设置了额外功能接口
                onExtraPageChangeListener.onExtraPageScrollStateChanged(arg0);
            }
        }

        /**
         * 当页面在滑动的时候会调用此方法，在滑动被停止之前，此方法回一直得到调用。 其中三个参数的含义分别为： arg0
         * :当前页面，及你点击滑动的页面 arg1:当前页面偏移的百分比 arg2:当前页面偏移的像素位置
         */
        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2) {
            if (null != onExtraPageChangeListener) { // 如果设置了额外功能接口
                onExtraPageChangeListener.onExtraPageScrolled(arg0, arg1, arg2);
            }
        }

        /**
         * 此方法是页面跳转完后得到调用，arg0是你当前选中的页面的Position（位置编号）。
         */
        @Override
        public void onPageSelected(int arg0) {
            fragments.get(currentPageIndex).onPause(); // 调用切换前Fargment的onPause()
            // fragments.get(currentPageIndex).onStop(); //
            // 调用切换前Fargment的onStop()
            if (fragments.get(arg0).isAdded()) {
                // fragments.get(i).onStart(); // 调用切换后Fargment的onStart()
                fragments.get(arg0).onResume(); // 调用切换后Fargment的onResume()
            }
            
            currentPageIndex = arg0;
            
            if (null != onExtraPageChangeListener) { // 如果设置了额外功能接口
                onExtraPageChangeListener.onExtraPageSelected(arg0);
            }
        }
    }

    /**
     * page切换额外功能接口
     */
    static class OnExtraPageChangeListener {
        public void onExtraPageScrolled(int i, float v, int i2) {
        }

        public void onExtraPageSelected(int i) {
        }

        public void onExtraPageScrollStateChanged(int i) {
        }
    }

    /**
     * 得到页面切换额外功能监听器
     * 
     * @return onExtraPageChangeListener
     */
    public OnExtraPageChangeListener getOnExtraPageChangeListener() {
        return onExtraPageChangeListener;
    }

    /**
     * 设置页面切换额外功能监听器
     * 
     * @param onExtraPageChangeListener
     */
    public void setOnExtraPageChangeListener(
            OnExtraPageChangeListener onExtraPageChangeListener) {
        this.onExtraPageChangeListener = onExtraPageChangeListener;
    }

}

这里解决Fragment切换重新加载布局的办法，用的是把几个Fragment全部Add，然后根据要显示的哪个Fragment就把哪个Fragment的View给添加到“ViewGroup container”上去。

// 以下打开程序后，加载PageA和PageB

10-12 09:42:46.671: INFO/System.out(27248): AAAAAAAAAA____onAttach
10-12 09:42:46.671: INFO/System.out(27248): AAAAAAAAAA____onCreate
10-12 09:42:46.671: INFO/System.out(27248): AAAAAAAAAA____onCreateView
10-12 09:42:46.761: INFO/System.out(27248): AAAAAAAAAA____onActivityCreated
10-12 09:42:46.765: INFO/System.out(27248): AAAAAAAAAA____onStart
10-12 09:42:46.765: INFO/System.out(27248): AAAAAAAAAA____onResume
10-12 09:42:46.847: INFO/System.out(27248): BBBBBBBBBBB____onAttach
10-12 09:42:46.847: INFO/System.out(27248): BBBBBBBBBBB____onCreate
10-12 09:42:46.851: INFO/System.out(27248): BBBBBBBBBBB____onCreateView
10-12 09:42:46.867: INFO/System.out(27248): BBBBBBBBBBB____onActivityCreated
10-12 09:42:46.867: INFO/System.out(27248): BBBBBBBBBBB____onStart
10-12 09:42:46.867: INFO/System.out(27248): BBBBBBBBBBB____onResume

// 以下切换到PageB

10-12 09:42:57.285: INFO/System.out(27248): AAAAAAAAAA____onPause　　　　// 切换到PageB前会调用PageA的onPause()方法
10-12 09:42:57.285: INFO/System.out(27248): BBBBBBBBBBB____onResume　　// 切换到PageB后会调用PageB的onResume()方法
10-12 09:42:57.285: INFO/System.out(27248): Extra...i: 1　　　　　　　　　　　　// 切换页面时会调用切换额外功能接口（用户可以自己写需要的逻辑）
10-12 09:42:57.582: INFO/System.out(27248): CCCCCCCCCC____onAttach　　　　// 切换到PageB后会加载PageC
10-12 09:42:57.586: INFO/System.out(27248): CCCCCCCCCC____onCreate
10-12 09:42:57.586: INFO/System.out(27248): CCCCCCCCCC____onCreateView
10-12 09:42:57.675: INFO/System.out(27248): CCCCCCCCCC____onActivityCreated
10-12 09:42:57.675: INFO/System.out(27248): CCCCCCCCCC____onStart
10-12 09:42:57.675: INFO/System.out(27248): CCCCCCCCCC____onResume

// 以下切换到PageC

10-12 09:43:18.261: INFO/System.out(27248): BBBBBBBBBBB____onPause 　　　　// 切换到PageC前会调用PageB的onPause()方法
10-12 09:43:18.261: INFO/System.out(27248): CCCCCCCCCC____onResume　　　　// 切换到PageC后会调用PageC的onResume()方法
10-12 09:43:18.261: INFO/System.out(27248): Extra...i: 2　　　　　　　　　　　　　　// 切换页面时会调用切换额外功能接口（用户可以自己写需要的逻辑）
10-12 09:43:18.726: INFO/System.out(27248): DDDDDDDDD____onAttach　　　　　　// 切换到PageC后会加载PageD
10-12 09:43:18.726: INFO/System.out(27248): DDDDDDDDD____onCreate
10-12 09:43:18.726: INFO/System.out(27248): DDDDDDDDD____onCreateView
10-12 09:43:18.738: INFO/System.out(27248): DDDDDDDDD____onActivityCreated
10-12 09:43:18.738: INFO/System.out(27248): DDDDDDDDD____onStart
10-12 09:43:18.742: INFO/System.out(27248): DDDDDDDDD____onResume

// 以下切换到PageB
10-12 09:43:20.742: INFO/System.out(27248): CCCCCCCCCC____onPause　　　　　　// 切换到PageB前会调用PageC的onPause()方法
10-12 09:43:20.742: INFO/System.out(27248): BBBBBBBBBBB____onResume　　　　// 切换到PageB后会调用PageB的onResume()方法
10-12 09:43:20.746: INFO/System.out(27248): Extra...i: 1　　　　　　　　　　　　　　// 切换页面时会调用切换额外功能接口（用户可以自己写需要的逻辑）

Fragment之间的通信                                                                   

现在的情况是TabAFm中有个EditText，TabBFm中有个Button，MainActivity中有个变量“hello”

要做的是，切换到A，输入“I'm PageA”，切换到B，点击Button后，Toast显示“hello I'm PageA”

MainActivity中没什么好说的，就一个hello变量：

public String hello = "hello ";

TabBFm.java:

@Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        System.out.println("BBBBBBBBBB____onActivityCreated");
        this.getView().findViewById(R.id.clickme).setOnClickListener(new View.OnClickListener() {
                          @Override
                          public void onClick(View view) {
                              // 获得绑定的FragmentActivity
                              MainActivity activity = ((MainActivity)getActivity());
                             // 获得TabAFm的控件
                            EditText editText = (EditText) activity.fragments.get(0).getView().findViewById(R.id.edit);
             
                            Toast.makeText(activity, activity.hello + editText.getText(), Toast.LENGTH_SHORT).show();
                         }
                     });
    }

PagerAdapter                                                                           

PageAdapter是一个抽象类，直接继承于Object，导入包android.support.v4.view.PagerAdapter即可使用。

关于PageAapter的描述，原文是这样的：Base class providing the adapter to populate pages inside of a ViewPager.  You will most likely want to use a more specific implementation of this, such as FragmentPagerAdapter or FragmentStatePagerAdapter。

其实PagerAdapter就是ViewPager提供的一个适配器，方便我们对各个View进行控制。那ViewPager又是什么呢？它是实现左右两个屏幕平滑地切换的一个类，具体的自己百度google…关于ViewPager的用法好多。

要使用PagerAdapter，首先要继承PagerAdapter类，然后至少覆盖以下方法

/**这个方法，return一个对象，这个对象表明了PagerAdapter适配器选择哪个对象
*放在当前的ViewPager中
**/
instantiateItem(ViewGroup, int)
/**这个方法，是从ViewGroup中移出当前View**/ 
destroyItem(ViewGroup, int, Object)
/**这个方法，是获取当前窗体界面数**/ 
getCount()
/**这个方法，在帮助文档中原文是could be implemented as return view == object,
*也就是用于判断是否由对象生成界面
**/
isViewFromObject(View, Object)

ViewPager onPageChangeListener                                        

OnPageChangeListener这个接口需要实现三个方法：（onPageScrollStateChanged，onPageScrolled ，onPageSelected）

onPageScrollStateChanged(int arg0)

此方法是在状态改变的时候调用，其中arg0这个参数有三种状态（0，1，2）。

arg0 ==1的时辰默示正在滑动，arg0==2的时辰默示滑动完毕了，arg0==0的时辰默示什么都没做。

onPageScrolled(int arg0,float arg1,int arg2)

当页面在滑动的时候会调用此方法，在滑动被停止之前，此方法回一直得到调用。其中三个参数的含义分别为：

arg0 :当前页面，及你点击滑动的页面

arg1:当前页面偏移的百分比

arg2:当前页面偏移的像素位置  

onPageSelected(int arg0)

此方法是页面跳转完后得到调用，arg0是你当前选中的页面的Position（位置编号）。

我是天王盖地虎的分割线                                                                 

1

源代码：http://pan.baidu.com/s/1dD1Qx01

viewpager学习.zip

 

 

 

 

参考：http://www.cnblogs.com/tiantianbyconan/p/3364728.html

posted @ 2014-08-08 12:10  我爱物联网  阅读(2432)  评论(1)  编辑  收藏  举报
AmazingCounters.com