开源中国Android客户端-使用Tab切换Fragment

最新推荐文章于 2022-12-02 15:23:59 发布

weixin_34250709

最新推荐文章于 2022-12-02 15:23:59 发布

阅读量85

点赞数

文章标签：移动开发

原文链接：https://my.oschina.net/xsjayz/blog/142593

版权

为什么80%的码农都做不了架构师？>>>

一、简述

在开源中国客户端中，使用了大量的列表去加载新闻、咨询、博客等等内容，而根据合理的分类，又可以使得这些列表显示的样式保持一致。

说明：

1)、可以左右滑动切换，更方便。

2)、左右切换的时候，不去刷新，采用的是每个页面单独下拉刷新。

例如，我的收藏夹：

在我的收藏夹，总共有5个Tab，也可以说需要切换5个视图，这些视图完全一样，只是数据大小不一。

1、第一种处理办法：使用5个不同的Fragment

添加5个不同的Fragment，由于它们几乎一样，所以只要写好一个，就可以复制4个了。每个Fragment分别加载自己的内容。

缺点：需要写大量重复的代码，即使我这个新手，凭直觉也认为十分不妥！

2、第二种处理办法：使用一个公共的Fragment

使用一个Fragment，显示不同的内容，这应该是合理而又可行的。

这是我的思路：

2.1、收藏Activity：UserFavoriteActivity

一个普通的Activity，继承了Osc客户端的Base：

public class UserFavoriteActivity extends OscBaseActivity {

	private MyViewPager mViewPager = null;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);

		super.onCreate(savedInstanceState);
		setContentView(R.layout.viewpager_layout);

		getSupportActionBar().setDisplayHomeAsUpEnabled(true);
		getSupportActionBar().setTitle(R.string.user_favorite_title);

		mViewPager = (MyViewPager) findViewById(R.id.viewpager);
		UserFriendPagerAdapter ufAdapter = new UserFriendPagerAdapter(
				getSupportFragmentManager());
		mViewPager.setOffscreenPageLimit(5);
		mViewPager.setAdapter(ufAdapter);
		mViewPager.setOnPageChangeListener(onPageChangeListener);

		ActionBar actionBar = getSupportActionBar();
		actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
		actionBar.addTab(actionBar.newTab()
				.setText(getString(R.string.user_favorite_software))
				.setTabListener(tabListener));
		actionBar.addTab(actionBar.newTab()
				.setText(getString(R.string.user_favorite_post))
				.setTabListener(tabListener));
		actionBar.addTab(actionBar.newTab()
				.setText(getString(R.string.user_favorite_code))
				.setTabListener(tabListener));
		actionBar.addTab(actionBar.newTab()
				.setText(getString(R.string.user_favorite_blog))
				.setTabListener(tabListener));
		actionBar.addTab(actionBar.newTab()
				.setText(getString(R.string.user_favorite_news))
				.setTabListener(tabListener));
	}
// ......

以上部分代码，设置Actionbar的模式为Tab，并初始化了5个Tab，设置标题，并使用ViewPager切换。

2.2、给FavoriteFragment设置不同的Type，用于加载不同的数据：

FavoriteFragment的部分代码：

在创建FavoriteFragment实例的时候，把异步处理请求数据的Type传递进去，然后返回该实例对象。

在getArgumentsType()方法中，获取传递的Type，默认为第一项。

public class FavoriteFragment extends SherlockListFragment {

	/**
	 * 返回FavoriteFragment实例
	 * 
	 * @param type
	 *            加载数据的类型
	 * @return FavoriteFragment实例
	 */
	public static FavoriteFragment newInstance(int type) {
		FavoriteFragment ff = new FavoriteFragment();
		Bundle bundle = new Bundle();
		bundle.putInt("type", type);
		ff.setArguments(bundle);
		return ff;
	}

	public int getArgumentsType() {
		return getArguments().getInt("type", FavoriteList.TYPE_SOFTWARE);
	}

// ......

}

2.3、异步处理：加载数据

/**
 * 加载数据AsyncTask
 */
private class GetFansTask extends AsyncTask<String, Void, FavoriteList> {

	@Override
	protected FavoriteList doInBackground(String... params) {
		// 当前pageIndex
		int pageIndex = lvSumData / 20;
		// 获取type
		int type = getArgumentsType();
		try {
			// 调用OsChina客户端源代码去请求数据
			return appContext.getFavoriteList(type, pageIndex, true);

		} catch (AppException e) {
			e.printStackTrace();
		}
		return null;
	}

	@Override
	protected void onPostExecute(FavoriteList result) {
		super.onPostExecute(result);

		List<Favorite> friendList = result.getFavoritelist();

		// 处理加载回来的数据
		// ......	
			
	}
}

经过这几步的处理，终于实现了想要的效果，即前面的截图。

3、第三种处理办法：更好的处理办法

前面2种，只是抛砖引玉，希望大家给出更好的处理办法，达到共同学习的目的。

二、说明

1、设计

Android官方设计规范中，不要在ListView的右侧添加一个小箭头(IOS设计风格害人不浅~~)。