本文在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作为观察者就可以了。就是说,如果有人对数据库做了更新动作, 就给所有观察者发送消息,让其重新获取数据。