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

该架构的优势：

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

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

3)、结构清晰。

4)、便于扩展。

结构图：

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 {@Overridepublic 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 stubsetBehindContentView(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();}// 初始化Fragmentprivate void initFragment() {// TODO Auto-generated method stubFragmentManager 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对象，抽象为基类，方便后期使用， */@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);mActivity = getActivity();}/* * fragmeng加载视图：加载视图也要抽象为基类。子类直接重载initView()即可初始化视图view */@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {View view = initView();return view;}/* * 对应activity创建成功:当MainActivity创建成功，初始化主页面数据（子类的数据初始化） */@Overridepublic void onActivityCreated(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.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) ，所以可以创建视图 */@Overridepublic View initView() {// TODO Auto-generated method stubView view = View.inflate(mActivity, R.layout.fragment_content, null);ViewUtils.inject(this, view);// 注入return view;}@Overridepublic void initData() {// set default btnrg_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 {@Overridepublic int getCount() {// TODO Auto-generated method stubreturn pagers.size();}@Overridepublic boolean isViewFromObject(View arg0, Object arg1) {// TODO Auto-generated method stubreturn arg0 == arg1;}@Overridepublic Object instantiateItem(ViewGroup container, int position) {BasePager basePager = pagers.get(position);View view = basePager.mView;container.addView(view);return view;}@Overridepublic void destroyItem(ViewGroup container, int position, Object object) {container.removeView((View) object);}}class MyOnCheckedChangeListener implements OnCheckedChangeListener {@Overridepublic 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;@Overridepublic 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() {@Overridepublic void onClick(View v) {// TODO Auto-generated method stubToastUtils.showMsg(mActivity, "侧页面按钮，点击文字有效！开始传值！");SetPager.setDatafromLeftFagment(btn_leftmenu_data.getText().toString());}});return view;}@Overridepublic 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;// MainActivitypublic 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() {@Overridepublic 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() {@Overridepublic void onClick(View v) {// TODO Auto-generated method stubToastUtils.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}@Overridepublic void initView() {// TODO Auto-generated method stubsuper.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，实现嵌套：既有原有的侧边栏按钮、标题、分享按钮，又可以实现每个页面的单独布局}@Overridepublic void initData() {super.initData();btn_home.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {// TODO Auto-generated method stubMainActivity 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

未完，详细分析稍后补充