android个人中心页面效果源码

# MultipleItemPage RecyclerView多布局，“我的”、“个人中心” 页面经典写法 #### 效果：   <br> > 多布局的使用场景还是蛮多的，比如“首页”、“我的”等页面，早期的时候大家一般都是拼起来的，后来开始自定义ListView（支付宝现在的首页还是ListView），再到后来的RecyclerView。 > > 其实多布局都是一个套路，根据类型去引入layout，本文以RecyclerView为例，以BaseRecyclerViewAdapterHelper为辅演示多布局的写法。 <br> ### 1.添加依赖 > compile 'com.github.yechaoa:YUtils:2.0.6' compile 'com.github.CymChad:BaseRecyclerViewAdapterHelper:2.9.34' YUtils是一个快速开发工具集合，感兴趣的可以戳 [YUtils](https://github.com/yechaoa/YUtils) <br> ### 2.主页面 #### 主页面采用的是 ViewPager + BottomNavigationView > 稍微过一下吧。。不想看的直接跳到第3步 <br> #### 布局： ``` <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/container" android:layout_width="match_parent" android:orientation="vertical" android:layout_height="match_parent" tools:context="com.yechaoa.multipleitempage.MainActivity"> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_weight="1" android:layout_width="match_parent" android:layout_height="0dp" /> <android.support.design.widget.BottomNavigationView android:id="@+id/navigation" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="8dp" android:background="?android:attr/windowBackground" app:menu="@menu/navigation" /> </LinearLayout> ``` <br> #### 添加Listener让二者关联起来 ``` mViewPager.addOnPageChangeListener(mOnPageChangeListener); mNavigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener); ``` ``` private ViewPager.OnPageChangeListener mOnPageChangeListener = new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { mNavigation.getMenu().getItem(position).setChecked(true); } @Override public void onPageScrollStateChanged(int state) { } }; private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener = new BottomNavigationView.OnNavigationItemSelectedListener() { @Override public boolean onNavigationItemSelected(@NonNull MenuItem item) { switch (item.getItemId()) { case R.id.navigation_home: mViewPager.setCurrentItem(0); return true; case R.id.navigation_category: mViewPager.setCurrentItem(1); return true; case R.id.navigation_cart: mViewPager.setCurrentItem(2); return true; case R.id.navigation_my: mViewPager.setCurrentItem(3); return true; } return false; } }; ``` > ViewPager选中的时候让BottomNavigationView的item也选中，BottomNavigationView的item选中的时候让ViewPager切换page <br> ### 3.Fragment（“我的”页面） #### 布局，SwipeRefreshLayout（下拉刷新）嵌套RecyclerView： ``` <android.support.v4.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/swipeRefreshLayout" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v7.widget.RecyclerView android:id="@+id/recyclerView" android:layout_width="match_parent" android:layout_height="match_parent" /> </android.support.v4.widget.SwipeRefreshLayout> ``` <br> #### 初始化Data ``` private void initItemData() { itemDataList = new ArrayList<>(); multipleItem = new MultipleItem(MultipleItem.TYPE_COUNT, 5); multipleItem.mString1 = "收藏"; multipleItem.mString2 = "关注"; itemDataList.add(multipleItem); multipleItem = new MultipleItem(MultipleItem.TYPE_ORDER_HEADER, 5); multipleItem.mString2 = "type2"; itemDataList.add(multipleItem); for (int i = 0; i < 5; i++) { multipleItem = new MultipleItem(MultipleItem.TYPE_ORDER, 1); multipleItem.mString1 = "待付款"; if (i % 2 == 0) { multipleItem.isShow = true; multipleItem.count = 6; } else { multipleItem.isShow = false; multipleItem.count = 0; } itemDataList.add(multipleItem); } multipleItem = new MultipleItem(MultipleItem.TYPE_BALANCE, 5); multipleItem.mString1 = "￥9999.00"; itemDataList.add(multipleItem); multipleItem = new MultipleItem(MultipleItem.TYPE_TOOLS_HEADER, 5); multipleItem.mString1 = "type5"; itemDataList.add(multipleItem); for (int i = 0; i < 5; i++) { multipleItem = new MultipleItem(MultipleItem.TYPE_TOOLS, 1); multipleItem.mString1 = "使用帮助"; if (i % 2 == 0) { multipleItem.isShow = true; multipleItem.count = 100; } else { multipleItem.isShow = false; multipleItem.count = 0; } itemDataList.add(multipleItem); } } ``` <br> #### 获取id ``` mSwipeRefreshLayout = getActivity().findViewById(R.id.swipeRefreshLayout); mRecyclerView = getActivity().findViewById(R.id.recyclerView); ``` <br> #### 初始化SwipeRefreshLayout ``` private void initSwipeRefreshLayout() { mSwipeRefreshLayout.setColorSchemeResources( android.R.color.holo_blue_bright, android.R.color.holo_green_light, android.R.color.holo_orange_light); mSwipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() { @Override public void onRefresh() { new Handler().postDelayed(new Runnable() { @Override public void run() { multipleItemQuickAdapter.notifyDataSetChanged(); mSwipeRefreshLayout.setRefreshing(false); YUtils.showToast("刷新完成"); } }, 2000); } }); } ``` <br> #### 初始化RecyclerView ``` private void initRecyclerView() { GridLayoutManager gridLayoutManager = new GridLayoutManager(getActivity(), 5); mRecyclerView.setLayoutManager(gridLayoutManager); multipleItemQuickAdapter = new MultipleItemQuickAdapter(itemDataList); View headerView = getHeaderView(new View.OnClickListener() { @Override public void onClick(View view) { switch (view.getId()) { case R.id.my_header_image: YUtils.showToast("你点击了头像"); break; case R.id.my_header_settings: YUtils.showToast("你点击了设置"); break; } } }); multipleItemQuickAdapter.addHeaderView(headerView); mRecyclerView.setAdapter(multipleItemQuickAdapter);