Android项目框架综合实例

综合使用ViewPager、Fragment、RecycleView等，实现类似“网易新闻浏览器 ”的项目综合框架，要求实现：

• 底部导航，分别是“首页”，“视频”，“讲讲”，“我的”；底部导航不要求滑动翻页（使用Framelayout作为容器，但也可以使用Viewpager作为容器，图片可自行准备，也可以用分享的图片素材）。
• 内导航，在“首页”对应的Fragment中实现若干项组成的顶部导航；内导航要求实现滑动翻页（使用ViewPager作为容器，要求内导航碎片不少于十项）。

加分项：内导航的第一个碎片页使用Listview或者RecylceView实现的宝宝相册列表(或者聊天界面或者其它类似的页面)进行填充，单击列表项时能做出合适的响应，例如展开详情页。

MainActivity.java

package com.example.amicool2020s;import android.os.Bundle;
import android.view.View;
import android.widget.ImageButton;
import android.widget.LinearLayout;import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentPagerAdapter;
import androidx.viewpager.widget.ViewPager;import java.util.ArrayList;
import java.util.List;public class MainActivity extends AppCompatActivity {private ViewPager mViewPager;private List<Fragment> mFragments;private LinearLayout mTabWechat,mTabFriend,mTabContact,mTabSetting;private ImageButton mImgWechat,mImgFriend,mImgContact,mImgSetting;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//1.获取引用mViewPager =  (ViewPager)findViewById(R.id.viewPager);//2.准备碎片initFragment();//3.准备适配器FragmentPagerAdapter mAdapter = new FragmentPagerAdapter(getSupportFragmentManager()) {@Overridepublic Fragment getItem(int position) {return mFragments.get(position);}@Overridepublic int getCount() {return mFragments.size();}};//设置适配器mViewPager.setAdapter(mAdapter);//4.设置Viewpager的切换监听mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {@Override//页面滚动事件public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}@Override//页面选中事件public void onPageSelected(int position) {//mViewPager.setCurrentItem(position);resetImgs();selectTab(position);}@Override//页面滚动状态改变事件public void onPageScrollStateChanged(int state) {}});initViews();//底部导航控件initEvents();//底部导航控件事件}private void initFragment(){mFragments = new ArrayList<>();//mFragments.add(new WechatFragment());String[] channelList = getResources().getStringArray(R.array.news_category_title);mFragments.add((WechatFragment.newInstance(channelList)));mFragments.add(new FriendFragment());mFragments.add(new ContactFragment());mFragments.add(new SettingFragment());}private void initViews(){mTabWechat = (LinearLayout)findViewById(R.id.id_tab_wechat);mTabFriend = (LinearLayout)findViewById(R.id.id_tab_friend);mTabContact = (LinearLayout)findViewById(R.id.id_tab_contact);mTabSetting = (LinearLayout)findViewById(R.id.id_tab_setting);mImgWechat = (ImageButton)findViewById(R.id.id_tab_wechat_img);mImgFriend = (ImageButton)findViewById(R.id.id_tab_friend_img);mImgContact = (ImageButton)findViewById(R.id.id_tab_contact_img);mImgSetting = (ImageButton)findViewById(R.id.id_tab_setting_img);}private void initEvents(){View.OnClickListener onClickListener = new View.OnClickListener() {@Overridepublic void onClick(View v) {//重置所有的IMagebuttonresetImgs();// 根据点击的Tab切换不同的页面及设置对应为绿色switch (v.getId()){case R.id.id_tab_wechat:selectTab(0);break;case R.id.id_tab_friend:selectTab(1);break;case R.id.id_tab_contact:selectTab(2);break;case R.id.id_tab_setting:selectTab(3);break;}}};mTabWechat.setOnClickListener(onClickListener);mTabFriend.setOnClickListener(onClickListener);mTabContact.setOnClickListener(onClickListener);mTabSetting.setOnClickListener(onClickListener);}private void resetImgs(){mImgWechat.setImageResource(R.mipmap.tab_weixin_normal);mImgFriend.setImageResource(R.mipmap.tab_find_frd_normal);mImgContact.setImageResource(R.mipmap.tab_address_normal);mImgSetting.setImageResource(R.mipmap.tab_settings_normal);}private void selectTab(int i){switch (i){case 0:mImgWechat.setImageResource(R.mipmap.tab_weixin_pressed);break;case 1:mImgFriend.setImageResource(R.mipmap.tab_find_frd_pressed);break;case 2:mImgContact.setImageResource(R.mipmap.tab_address_pressed);break;case 3:mImgSetting.setImageResource(R.mipmap.tab_settings_pressed);break;}//设置当前点击的Tab所对应的页面mViewPager.setCurrentItem(i);}}

NewsChannelFragment.java

package com.example.amicool2020s;import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;/*** A simple {@link Fragment} subclass.*/
public class NewsChannelFragment extends Fragment {private String newsCategoryTitle;public static NewsChannelFragment newInstance(String newsCategoryTitle){Bundle bundle = new Bundle();bundle.putString("categoryTitle",newsCategoryTitle);NewsChannelFragment fragment = new NewsChannelFragment();fragment.setArguments(bundle);return fragment;}public NewsChannelFragment() {// Required empty public constructor}@Overridepublic void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);newsCategoryTitle = getArguments().getString("categoryTitle");}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// Inflate the layout for this fragmentView view = inflater.inflate(R.layout.fragment_news_channel, container, false);TextView textView = (TextView)view.findViewById(R.id.newsCategoryTitle);textView.setText(newsCategoryTitle);return view;}}

NewsPageFragmentAdapter.java

package com.example.amicool2020s;import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentPagerAdapter;public class NewsPageFragmentAdapter extends FragmentPagerAdapter {String[] channelList;public NewsPageFragmentAdapter(FragmentManager fm, String [] channelList) {super(fm);this.channelList = channelList;}@Overridepublic Fragment getItem(int position) {return NewsChannelFragment.newInstance(channelList[position]);}@Overridepublic int getCount() {return channelList.length;}
}

SettingFragment.java

package com.example.amicool2020s;import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;import androidx.fragment.app.Fragment;/*** A simple {@link Fragment} subclass.*/
public class SettingFragment extends Fragment {public SettingFragment() {// Required empty public constructor}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// Inflate the layout for this fragmentreturn inflater.inflate(R.layout.fragment_setting, container, false);}}

WechatFragment.java

package com.example.amicool2020s;import android.os.Bundle;
import android.util.DisplayMetrics;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.HorizontalScrollView;
import android.widget.RadioButton;
import android.widget.RadioGroup;import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
import androidx.viewpager.widget.ViewPager;/*** A simple {@link Fragment} subclass.*/
public class WechatFragment extends Fragment {private HorizontalScrollView hvChannel;private RadioGroup rgChannel;private ViewPager vpNewList;private String[] channelList={"关注","头条","要闻","抗疫","视频","长沙","关注","头条","要闻","抗疫","视频","长沙"};public static WechatFragment newInstance(String[]channelList){Bundle bundle = new Bundle();bundle.putStringArray("channelList",channelList);WechatFragment fragment = new WechatFragment();fragment.setArguments(bundle);return fragment;}public WechatFragment() {// Required empty public constructor}@Overridepublic void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);channelList = getArguments().getStringArray("channelList");}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// Inflate the layout for this fragmentView view = inflater.inflate(R.layout.fragment_wechat, container, false);hvChannel  =(HorizontalScrollView)view.findViewById(R.id.hvChannel);rgChannel = (RadioGroup)view.findViewById(R.id.rgChannel);vpNewList = (ViewPager)view.findViewById(R.id.vpNewList);rgChannel.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {@Overridepublic void onCheckedChanged(RadioGroup group, int checkedId) {vpNewList.setCurrentItem(checkedId);}});initTab(inflater);//初始化内导航标签initViewPager();return view;}private void initTab(LayoutInflater inflater){for(int i=0;i<channelList.length;i++){RadioButton rb = (RadioButton)inflater.inflate(R.layout.tab_rb,null);rb.setId(i);rb.setText(channelList[i]);RadioGroup.LayoutParams params = newRadioGroup.LayoutParams(RadioGroup.LayoutParams.WRAP_CONTENT,RadioGroup.LayoutParams.WRAP_CONTENT);rgChannel.addView(rb,params);}rgChannel.check(0);//模拟选择第一个选项，触发监听器，显示第一个碎片}private void initViewPager(){NewsPageFragmentAdapter adapter = new NewsPageFragmentAdapter(getActivity().getSupportFragmentManager(),channelList);vpNewList.setAdapter(adapter);vpNewList.setCurrentItem(0);vpNewList.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {@Overridepublic void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}@Overridepublic void onPageSelected(int position) {setTab(position);}@Overridepublic void onPageScrollStateChanged(int state) {}});}private void setTab(int position){//切换ViewPager中的碎片RadioButton rb = (RadioButton)rgChannel.getChildAt(position);rb.setChecked(true);//模拟RadioButton的选择//滚动hvChannel，使得rb居中显示int left = rb.getLeft();int width = rb.getMeasuredWidth();DisplayMetrics metrics= new DisplayMetrics();super.getActivity().getWindowManager().getDefaultDisplay().getMetrics(metrics);int screenWidth = metrics.widthPixels;int len = left+width/2-screenWidth/2;hvChannel.smoothScrollTo(len,0);}
}

ContactFragment.java

package com.example.amicool2020s;import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;import androidx.fragment.app.Fragment;/*** A simple {@link Fragment} subclass.*/
public class ContactFragment extends Fragment {public ContactFragment() {// Required empty public constructor}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// Inflate the layout for this fragmentreturn inflater.inflate(R.layout.fragment_contact, container, false);}}

FriendFragment.java

package com.example.amicool2020s;import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;import androidx.fragment.app.Fragment;/*** A simple {@link Fragment} subclass.*/
public class ContactFragment extends Fragment {public ContactFragment() {// Required empty public constructor}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {// Inflate the layout for this fragmentreturn inflater.inflate(R.layout.fragment_contact, container, false);}}

activity_main.xml

<?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:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"tools:context=".MainActivity"><androidx.viewpager.widget.ViewPagerandroid:id="@+id/viewPager"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"/><include layout="@layout/bottom"/>
</LinearLayout>

bottom.xml

<?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:layout_width="match_parent"android:layout_height="wrap_content"android:background="@android:color/darker_gray"><LinearLayoutandroid:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:id="@+id/id_tab_wechat"android:gravity="center"android:orientation="vertical"><ImageButtonandroid:id="@+id/id_tab_wechat_img"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="#00000000"android:clickable="false"android:src="@mipmap/tab_weixin_pressed"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="微信"android:textColor="#ffffff" /></LinearLayout><LinearLayoutandroid:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:id="@+id/id_tab_friend"android:gravity="center"android:orientation="vertical"><ImageButtonandroid:id="@+id/id_tab_friend_img"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="#00000000"android:clickable="false"android:src="@mipmap/tab_find_frd_normal" /><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="联系人"android:textColor="#ffffff" /></LinearLayout><LinearLayoutandroid:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:id="@+id/id_tab_contact"android:gravity="center"android:orientation="vertical"><ImageButtonandroid:id="@+id/id_tab_contact_img"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="#00000000"android:clickable="false"android:src="@mipmap/tab_address_normal" /><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="通讯录"android:textColor="#ffffff" /></LinearLayout><LinearLayoutandroid:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:id="@+id/id_tab_setting"android:gravity="center"android:orientation="vertical"><ImageButtonandroid:id="@+id/id_tab_setting_img"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="#00000000"android:clickable="false"android:src="@mipmap/tab_settings_normal" /><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="设置"android:textColor="#ffffff" /></LinearLayout></LinearLayout>

fragment_contact.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".ContactFragment"><!-- TODO: Update blank fragment layout --><TextViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:gravity="center"android:text="contact fragment" /></FrameLayout>

fragment_friend.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".FriendFragment"><!-- TODO: Update blank fragment layout --><TextViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:gravity="center"android:text="friend fragment" /></FrameLayout>

fragment_news_channel.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".NewsChannelFragment"><!-- TODO: Update blank fragment layout --><TextViewandroid:id="@+id/newsCategoryTitle"android:layout_width="match_parent"android:layout_height="match_parent"android:gravity="center"android:textSize="30sp"android:text="@string/hello_blank_fragment" /></FrameLayout>

fragment_setting.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".SettingFragment"><!-- TODO: Update blank fragment layout --><TextViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:gravity="center"android:text="setting fragment" /></FrameLayout>

fragment_wechat.xml

<?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:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"tools:context=".WechatFragment"><!-- TODO: Update blank fragment layout -->
<RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"><HorizontalScrollViewandroid:id="@+id/hvChannel"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_toLeftOf="@+id/ivShowChannel"android:scrollbars="none"><RadioGroupandroid:id="@+id/rgChannel"android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="horizontal"/></HorizontalScrollView><ImageViewandroid:id="@+id/ivShowChannel"android:layout_width="40dp"android:layout_height="40dp"android:layout_alignParentRight="true"android:src="@mipmap/channel_down_narrow"android:scaleType="fitXY"/>
</RelativeLayout><androidx.viewpager.widget.ViewPagerandroid:id="@+id/vpNewList"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"></androidx.viewpager.widget.ViewPager>
</LinearLayout>

tab_rb.xml

<?xml version="1.0" encoding="utf-8"?>
<RadioButton xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="wrap_content"android:layout_height="30dp"android:text=""android:background="@drawable/tab_selector"android:paddingLeft="15dp"android:paddingRight="15dp"android:paddingTop="10dp"android:paddingBottom="10dp"android:button="@null"
/>

Strings.xml

<resources><string name="app_name">Amicool2020S</string><!-- TODO: Remove or change this placeholder text --><string name="hello_blank_fragment">Hello blank fragment</string><string-array name="news_category_title"><item>关注</item><item>头条</item><item>视频</item><item>长沙</item><item>新时代</item><item>要闻</item><item>娱乐</item><item>知否</item><item>体育</item><item>公开课</item><item>财经</item><item>科技</item><item>汽车</item><item>时尚</item><item>热点</item><item>房产</item><item>NBA</item><item>直播</item><item>故事</item></string-array>
</resources>