Android使用Fragment嵌套Fragment的方式实现界面滑动

 本文在Jake Wharton的ViewPagerIndicator基础上实现自己需要的界面滑动,并且回避了Android已经弃用的API。
    Jake Wharton的项目的github地址: 
    https://github.com/JakeWharton/Android-ViewPagerIndicator

Jake Wharton提供了一个lib库更加方便地实现了官方support库中的ViewPager功能,自己在此项目的Demo基础上实现了其中一种滑动方式。


// 主Activity
public class HomeActivity extends FragmentActivity implements OnClickListener {
    private TextView footerLeft;
    private TextView footerMiddle;
    private TextView footerRight;

    private Context context;
    private FragmentManager fragmentManager;

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

        initArgs();

        getView2Init();

        initFragment(new Fragment1());

    }

    /**
     * 初始化变量
     */
    private void initArgs() {
        context = HomeActivity.this;
        fragmentManager = getSupportFragmentManager();

    }

    /**
     * 获得布局文件上的控件并初始化
     */
    private void getView2Init() {
        // 获得控件View
        footerLeft = (TextView) findViewById(R.id.tv_footer_left);
        footerMiddle = (TextView) findViewById(R.id.tv_footer_middle);
        footerRight = (TextView) findViewById(R.id.tv_footer_right);
        // 初始化控件View
        footerLeft.setOnClickListener(this);
        footerMiddle.setOnClickListener(this);
        footerRight.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        // 当footer中的三个文本控件被点击时,作出回应
        if (v == footerLeft) {
            Toast.makeText(context, "点击了底栏left左边按钮", Toast.LENGTH_SHORT).show();
            updateFragment(new Fragment1(), false);
        } else if (v == footerMiddle) {
            Toast.makeText(context, "点击了底栏middle中间按钮", Toast.LENGTH_SHORT).show();
            updateFragment(new Fragment2(), false);
        } else if (v == footerRight) {
            Toast.makeText(context, "点击了底栏Right右边按钮", Toast.LENGTH_SHORT).show();
            updateFragment(new Fragment3(), false);
        }
    }

    /**
     * 初始化Fragment
     * 
     * @param f
     */
    private void initFragment(Fragment f) {
        updateFragment(f, true);
    }

    /**
     * 更新Fragment
     * 
     * @param f
     * @param isInit
     */
    private void updateFragment(Fragment f, boolean isInit) {
        FragmentTransaction ft = fragmentManager.beginTransaction();
        ft.replace(R.id.content, f);
        ft.commit();
    }

}


// 用来实现切换的Adapter
public class MyPagerAdapter1 extends FragmentStatePagerAdapter {
    protected static final String[] SUB_FRAGMENT = new String[] { "Fragment1_1", "Fragment1_2",
            "Fragment1_3" }; // 对应于每个大Fragment的小Fragment

    private int mCount = SUB_FRAGMENT.length;

    public MyPagerAdapter1(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {
        if (0 == position) {
            return new Fragment1_1();
        } else if (1 == position) {
            return new Fragment1_2();
        } else if (2 == position) {
            return new Fragment1_3();
        } else {
            System.out.println("创建子Fragment1_" + position + "失败");
            return null;
        }
    }

    @Override
    public int getCount() {
        return mCount;
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return SUB_FRAGMENT[position % mCount];
    }

}



// 主Activity下有三个一级Fragment,这是其中之一
public class Fragment1 extends Fragment {
    private MyPagerAdapter1 mAdapter;
    private ViewPager mPager;
    private TitlePageIndicator mIndicator;
    private static int mCurrentSubFragmentSeq = 0;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setRetainInstance(true);
    }

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

        View v = inflater.inflate(R.layout.fragment1, container, false);
        System.out.println("F1:onCreateView");
        mAdapter = new MyPagerAdapter1(getFragmentManager());
        mPager = (ViewPager) v.findViewById(R.id.pager);
        mPager.setAdapter(mAdapter);

        mIndicator = (TitlePageIndicator) v.findViewById(R.id.titles);
        mIndicator.setViewPager(mPager, mCurrentSubFragmentSeq);
        System.out.println("2、mCurrent Sub Fragment Sequence: " + mCurrentSubFragmentSeq);
        mIndicator.setFooterIndicatorStyle(IndicatorStyle.Triangle);

        mIndicator.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageSelected(int position) {
                System.out.println("Changed to page " + position);
                mCurrentSubFragmentSeq = position;
            }

            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            }

            @Override
            public void onPageScrollStateChanged(int state) {
            }
        });
        return v;
    }

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);

    }

}

// 每个一级Framgment下面有三个二级Fragment,这是其中之一
public class Fragment1_1 extends Fragment {
    private static final String KEY_CONTENT = "Fragment1:Content";
    private Bundle bundle;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        if ((savedInstanceState != null) && savedInstanceState.containsKey(KEY_CONTENT)) {
            bundle = savedInstanceState.getBundle(KEY_CONTENT);
        }
    }

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

    @Override
    public void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        outState.putBundle(KEY_CONTENT, bundle);
    }

}

其他的代码类似,不过还有一个问题,当在同一个一级Fragment下的二级Fragment之一数据有变化时,
另外两个Fragment无法及时更新自己的数据。比如说,Fragment1下面的三个Fragment1_1、 Fragment1_2、 Fragment1_3需要同时读取同一个数据库中的数据,
并更新到自己的listView上,当我在 Fragment1_1中对数据库作了修改之后, Fragment1_2和 Fragment1_3并不能及时更新自己的数据
(也就是说不能及时去数据库中更新数据),而是要先切换到Fragment2或者 Fragment3再切换回 Fragment1,才能重新去更新数据。
    在同事的提醒下,使用设计模式中的“观察者模式”可以解决这个问题。因为网上讲设计模式的教程和例子很多
(比如这篇[设计模式:观察者模式](http://www.cnblogs.com/li-peng/archive/2013/02/04/2892116.html '设计模式:观察者模式')),
所以就不多赘述。对于这个例子来说,只要把数据库里面的数据作为被观察者,Fragment作为观察者就可以了。就是说,如果有人对数据库做了更新动作,
就给所有观察者发送消息,让其重新获取数据。

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值