如何构建一个类似于安卓QQ的页面框架（低耦合）

该架构的优势：

1）、每个页面有单独的xml布局文件，降低各个页面之间耦合性，便于各个页面的分开操作。

2)、共用一个activity便于数据传递。

3)、结构清晰。

4)、便于扩展。

结构图：

如何构建一个类似于安卓QQ的页面框架（低耦合）

1、文件清单：

MainActivity：Activity，对应布局文件：activity_main.xml---一个空的FrameLayout，主要作为容器，容纳主页面的内容和侧页面的内容

ContentFragment：主页面Fragment，对应布局文件：fragment_content.xml------包括一个容纳三个主页面内容的PagerView和三个主页面的首页、购物车和设置的RadioGroup

LeftFragment：侧页面Fragment，对应布局文件：fragment_leftmenu.xml-----侧页面的内容

BaseFragment：以上ContentFragment和LeftFragment的基类，继承自Fragment类

HomePager：home页面，对应布局文件：pager_homepager.xml-----首页的内容

CartPager：cart页面，对应布局文件：pager_cartpager.xml-----购物车的内容

SetPager：set页面，对应布局文件：pager_setpager.xml-----设置的内容

BasePager：以上HomePager、CartPager和SetPager的基类，对应布局文件pager_basepager----以上三个页面都有的侧页面打开按钮、标题、分享按钮以及容纳以上三个页面的FrameLayout

2、详细介绍

2.1、MainActivity.java

public class MainActivity extends SlidingFragmentActivity {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);// 设置主页面没有标题栏
		setContentView(R.layout.activity_main);
		setLeftMenu();//
	}

	/*
	 * 使用第三方框架SlidingMenu实现侧滑栏:使用方式：import SlipMenu，然后设置为library,引用即可
	 */
	private void setLeftMenu() {
		// TODO Auto-generated method stub
		setBehindContentView(R.layout.fragment_leftmenu_container);// 设置侧滑栏的布局文件，是一个容器
		SlidingMenu slidingMenu = getSlidingMenu();// 拿取侧滑栏对象

		slidingMenu.setMode(SlidingMenu.LEFT);// 设置侧滑栏的模式为左滑动。（当然可以设置为右滑动、左右一起滑动等）
		slidingMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_MARGIN);// 设置手指在屏幕最左边线时滑动才可以划出侧边栏（可以设置为不允许划出、全屏都可以操作等）
		// 设置渐入渐出效果的值
		slidingMenu.setFadeDegree(0.35f);
		int width = getWindowManager().getDefaultDisplay().getWidth();
		slidingMenu.setBehindOffset(width * 2 / 5);// 设置侧边栏划开之后，左边剩下的距离
		initFragment();
	}

	// 初始化Fragment
	private void initFragment() {
		// TODO Auto-generated method stub
		FragmentManager fm = getSupportFragmentManager();// 拿取FragmentManager
		/*
		 * 开启事务，加载需要的“容器加载”
		 */
		FragmentTransaction ft = fm.beginTransaction();
		ft.replace(R.id.fl_main, new ContentFragment());// 把fl_main的内容替换成ContentFragment里面的内容
		ft.replace(R.id.ll_leftmenu_container, new LeftFragment());
		ft.commit();
	}

	// 拿取侧边栏对象。该方法供home用
	public LeftFragment getLeftFragment() {
		FragmentManager supportFragmentManager = getSupportFragmentManager();
		LeftFragment leftFragment = (LeftFragment) supportFragmentManager
				.findFragmentById(R.id.ll_leftmenu_container);
		return leftFragment;
	}
}

2.2、BaseFragment.java

/*
 * 对Framgent进行简单的封装，在此Framgent中：
 * 1、拿取调用的Activity对象，便于继承的子类进行操作。2、声明两个方法initView()
 * 和initData()。分别放在onCreateView()和onActivityCreated(),子类可以直接调用，不用再次引用。
 */
public abstract class BaseFragment extends Fragment {
	public Activity mActivity;

	/*
	 * fragment创建:在fragment创建后，拿到MainActivity对象，抽象为基类，方便后期使用，
	 */
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		mActivity = getActivity();
	}

	/*
	 * fragmeng加载视图：加载视图也要抽象为基类。子类直接重载initView()即可初始化视图view
	 */

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		View view = initView();
		return view;
	}

	/*
	 * 对应activity创建成功:当MainActivity创建成功，初始化主页面数据（子类的数据初始化）
	 */
	@Override
	public void onActivityCreated(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onActivityCreated(savedInstanceState);
		initData();
	}

	public abstract View initView();

	public abstract void initData();

}

2.3、ContentFragment.java

public class ContentFragment extends BaseFragment {
	private static final String TAG = "ContentFragment";
	@ViewInject(R.id.vp_content_pager)
	ViewPager vp_content;
	@ViewInject(R.id.rg_content)
	RadioGroup rg_content;// 三个按钮
	@ViewInject(R.id.rb_home)
	RadioButton rb_home;
	@ViewInject(R.id.rb_cart)
	RadioButton rb_cart;
	@ViewInject(R.id.rb_set)
	RadioButton rb_set;
	private List<BasePager> pagers;// 三个主页面的临时存放位置，便于生成pagerview

	/*
	 * 查看基类，可以知道：该视图返回给View onCreateView(LayoutInflater inflater, ViewGroup
	 * container, Bundle savedInstanceState) ，所以可以创建视图
	 */

	@Override
	public View initView() {
		// TODO Auto-generated method stub
		View view = View.inflate(mActivity, R.layout.fragment_content, null);
		ViewUtils.inject(this, view);// 注入

		return view;
	}

	@Override
	public void initData() {
		// set default btn
		rg_content.check(R.id.rb_home);// 设置默认显示页面:home页面
		rg_content.setOnCheckedChangeListener(new MyOnCheckedChangeListener());// 监听三个按钮
		// 初始化三个主页面
		initPager();
	}

	/*
	 * 将三个主页面放到PagerView中，禁止滑动事件，与单选的 RadioGroup点击按钮绑定，即可以实现主页面（首页、购物车、设置）的构图。
	 */
	private void initPager() {
		pagers = new ArrayList<BasePager>();
		pagers.add(new HomePager(mActivity));// 详细解释参看HomePager,一下两个页面同理，不再解释
		pagers.add(new CartPager(mActivity));
		pagers.add(new SetPager(mActivity));
		vp_content.setAdapter(new MyPagerAdapter());

		pagers.get(0).initData();// 默认加载首页的数据

	}

	/*
	 * 为pagerview构造视图
	 */
	class MyPagerAdapter extends PagerAdapter {

		@Override
		public int getCount() {
			// TODO Auto-generated method stub
			return pagers.size();
		}

		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			// TODO Auto-generated method stub
			return arg0 == arg1;
		}

		@Override
		public Object instantiateItem(ViewGroup container, int position) {
			BasePager basePager = pagers.get(position);
			View view = basePager.mView;
			container.addView(view);
			return view;
		}

		@Override
		public void destroyItem(ViewGroup container, int position, Object object) {
			container.removeView((View) object);
		}

	}

	class MyOnCheckedChangeListener implements OnCheckedChangeListener {

		@Override
		public void onCheckedChanged(RadioGroup group, int checkedId) {

			switch (checkedId) {
			case R.id.rb_home:
				vp_content.setCurrentItem(0, false);
				pagers.get(0).initData();
				ToastUtils.showMsg(mActivity, "init home data...");

				break;
			case R.id.rb_cart:
				vp_content.setCurrentItem(1, false);
				pagers.get(1).initData();
				ToastUtils.showMsg(mActivity, "init cart data...");

				break;
			case R.id.rb_set:
				vp_content.setCurrentItem(2, false);
				pagers.get(2).initData();
				ToastUtils.showMsg(mActivity, "init set data...");

				break;

			default:
				break;
			}
		}

	}
}

2.4、LeftFragment.java

public class LeftFragment extends BaseFragment {
	private static final String TAG = "LeftFragment";
	private TextView tv_leftmenu_data;
	private Button btn_leftmenu_data;

	@Override
	public View initView() {
		View view = View.inflate(mActivity, R.layout.fragment_leftmenu, null);
		tv_leftmenu_data = (TextView) view.findViewById(R.id.tv_leftmenu_data);
		btn_leftmenu_data = (Button) view.findViewById(R.id.btn_leftmenu_data);
		btn_leftmenu_data.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				ToastUtils.showMsg(mActivity, "侧页面按钮，点击文字有效！开始传值！");
				SetPager.setDatafromLeftFagment(btn_leftmenu_data.getText()
						.toString());
			}
		});
		return view;
	}

	@Override
	public void initData() {
		// TODO Auto-generated method stub

	}

	public void setDataFromHome(String str) {
		Log.d(TAG, "传值过来了" + str);
		tv_leftmenu_data.setText(str);
	}
}

2.5、BasePager.java

/*
 * 对三个主页面功能的抽取，形成一个BasePager页面：拿取MainActivity。初始化视图：标题栏的布局实现以及全局的事件的设定等
 */
public abstract class BasePager {

	public TextView tv_title;// 标题
	public ImageView iv_menu;// 打开侧边栏的按钮
	public ImageView iv_share;// 分享按钮
	public FrameLayout fl_content;// 主页面内容

	public View mView;// view视图：这个视图会在子类中频繁使用
	public Activity mActivity;// MainActivity

	public BasePager(Activity mActivity) {
		this.mActivity = mActivity;
		initView();

	}

	public void initView() {
		this.mView = View.inflate(mActivity, R.layout.pager_basepager, null);
		tv_title = (TextView) mView.findViewById(R.id.tv_basepager_title);
		iv_menu = (ImageView) mView.findViewById(R.id.iv_basepager_menu);
		iv_share = (ImageView) mView.findViewById(R.id.iv_basepager_share);
		fl_content = (FrameLayout) mView
				.findViewById(R.id.fl_basepager_content);
	}

	public void initData() {
		iv_menu.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				// MainActivity mainActivity = (MainActivity) mActivity;
				// SlidingMenu slidingMenu = mainActivity.getSlidingMenu();
				// slidingMenu.toggle();// 打开或者关闭侧边栏
				SlidingMenuUtils.toggle(mActivity);// 抽离成工具类
			}
		});
		iv_share.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				ToastUtils.showMsg(mActivity, "share me hahha");// 此处调用分享的接口
			}
		});
	}
}

2.6 HomePager.java

public class HomePager extends BasePager {
	private Button btn_home;
	private static TextView tv_home_temp;

	public HomePager(Activity mActivity) {
		super(mActivity);
		// TODO Auto-generated constructor stub

	}

	@Override
	public void initView() {
		// TODO Auto-generated method stub
		super.initView();
		tv_title.setText("home");
		View view = View.inflate(mActivity, R.layout.pager_homepager, null);// 拿取home对应的布局文件
		tv_home_temp = (TextView) view.findViewById(R.id.tv_home_temp);
		btn_home = (Button) view.findViewById(R.id.btn_home);
		fl_content.addView(view);// 将拿到的home的布局文件放到fl_content，实现嵌套：既有原有的侧边栏按钮、标题、分享按钮，又可以实现每个页面的单独布局

	}

	@Override
	public void initData() {
		super.initData();
		btn_home.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				MainActivity mainActivity = (MainActivity) mActivity;
				LeftFragment leftFragment = mainActivity.getLeftFragment();
				leftFragment.setDataFromHome(btn_home.getText().toString());
				// 传值结束，打开侧边栏
				// SlidingMenu slidingMenu = mainActivity.getSlidingMenu();
				// slidingMenu.toggle();// 打开或者关闭侧边栏
				SlidingMenuUtils.toggle(mActivity);
			}
		});
	}

	/*
	 * 接收从cart传过来的临时参数，修改TextView里面的值
	 */
	public static void setDatafromCart(String str) {
		tv_home_temp.setText(str);
	}
}

演示项目下载: http://download.csdn.net/detail/wgyscsf/9456082 未完，详细分析稍后补充

如何构建一个类似于安卓QQ的页面框架（低耦合）

继续阅读

推荐你个软件 TDengine

安卓获取系统当前时间

安卓进程线程那些事

Python爬虫开源项目代码（爬取微信、淘宝、豆瓣、知乎、新浪微博、QQ、去哪网等等）

ViewPager onPageChangeListener参数详解

RxPermissions源码解析

关于Adapter的notifyDataSetChanged()方法数据不更新问题解析

控件设置—setBackgroundXXX的作用

从产品经理的角度如何提升项目的交付质量？

Activity有四种模式：standard(标准启动模式)、singleTop、singleTask、singleInstance

Android创建PopupMenu

Unix 、 BSD 、 SunOS 及 Solaris

阅读开源引擎源代码的方式学习游戏引擎好吗？

windows XP下安装openssl(转)

国内常用开源镜像网站汇总

推荐2个开源聊天服务器1，关于移动互联网2，actor.im3，goim4，telegram5，总结