devbox
你好赵伟
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Android 底部导航菜单栏的两种实现方式（ViewPage、Fragment）（仿微信界面）_android微信底部导航

作者：你好赵伟 | 2024-08-08 19:10:07

赞

踩

android微信底部导航

一、实现效果

    

二、思路分析 

三、实现方式1（ViewPager方式）

1.代码结构

2.代码文件

2.1 顶部 activity_top.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2.  
  3. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:background="#ffffff"
  7.     android:paddingTop="10dp"
  8.     android:paddingLeft="10dp"
  9.     android:layout_height="45dp">
  10.  
  11.     <TextView
  12.         android:id="@+id/title"
  13.         android:layout_width="wrap_content"
  14.         android:layout_height="wrap_content"
  15.         android:text="微信"
  16.         android:textColor="#1B940A"
  17.         android:textSize="16dp" />
  18.  
  19. </RelativeLayout>

2.2 底部 activity_bottom.xml

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="wrap_content"
  5.     android:background="#ffffff"
  6.     android:padding="5dp"
  7.     >
  8.  
  9.     <LinearLayout
  10.         android:id="@+id/ll_home"
  11.         android:layout_width="0dp"
  12.         android:layout_height="wrap_content"
  13.         android:layout_weight="1"
  14.         android:gravity="center"
  15.         android:orientation="vertical">
  16.  
  17.         <ImageView
  18.             android:id="@+id/img_home"
  19.             android:layout_width="24dp"
  20.             android:layout_height="24dp"
  21.             android:src="@mipmap/home" />
  22.  
  23.         <TextView
  24.             android:id="@+id/txt_home"
  25.             android:layout_width="wrap_content"
  26.             android:layout_height="wrap_content"
  27.             android:layout_marginTop="3dp"
  28.             android:text="@string/txt_nav_home"
  29.             android:textSize="12dp"
  30.             android:textColor="#888888"
  31.              />
  32.     </LinearLayout>
  33.  
  34.     <LinearLayout
  35.         android:id="@+id/ll_news"
  36.         android:layout_width="0dp"
  37.         android:layout_height="wrap_content"
  38.         android:layout_weight="1"
  39.         android:gravity="center"
  40.         android:orientation="vertical">
  41.  
  42.         <ImageView
  43.             android:id="@+id/img_news"
  44.             android:layout_width="24dp"
  45.             android:layout_height="24dp"
  46.             android:src="@mipmap/news_index" />
  47.  
  48.         <TextView
  49.             android:id="@+id/txt_news"
  50.             android:layout_width="wrap_content"
  51.             android:layout_height="wrap_content"
  52.             android:layout_marginTop="3dp"
  53.             android:text="@string/txt_nav_news"
  54.             android:textSize="12dp"
  55.             android:textColor="#888888"
  56.              />
  57.     </LinearLayout>
  58.  
  59.     <LinearLayout
  60.         android:id="@+id/ll_friend"
  61.         android:layout_width="0dp"
  62.         android:layout_height="wrap_content"
  63.         android:layout_weight="1"
  64.         android:gravity="center"
  65.         android:orientation="vertical">
  66.  
  67.         <ImageView
  68.             android:id="@+id/img_friend"
  69.             android:layout_width="24dp"
  70.             android:layout_height="24dp"
  71.             android:src="@mipmap/news_add" />
  72.  
  73.         <TextView
  74.             android:id="@+id/txt_friend"
  75.             android:layout_width="wrap_content"
  76.             android:layout_height="wrap_content"
  77.             android:layout_marginTop="3dp"
  78.             android:text="@string/txt_nav_friend"
  79.             android:textSize="12dp"
  80.             android:textColor="#888888"
  81.              />
  82.     </LinearLayout>
  83.  
  84.     <LinearLayout
  85.         android:id="@+id/ll_user"
  86.         android:layout_width="0dp"
  87.         android:layout_height="wrap_content"
  88.         android:layout_weight="1"
  89.         android:gravity="center"
  90.         android:orientation="vertical">
  91.  
  92.         <ImageView
  93.             android:id="@+id/img_user"
  94.             android:layout_width="24dp"
  95.             android:layout_height="24dp"
  96.             android:src="@mipmap/phone"  />
  97.  
  98.         <TextView
  99.             android:id="@+id/txt_user"
  100.             android:layout_width="wrap_content"
  101.             android:layout_height="wrap_content"
  102.             android:layout_marginTop="3dp"
  103.             android:text="@string/txt_nav_user"
  104.             android:textSize="12dp"
  105.             android:textColor="#888888"
  106.              />
  107.     </LinearLayout>
  108.  
  109. </LinearLayout>

2.3 主视图 activity_main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     android:orientation="vertical"
  8.     tools:context=".MainActivity">
  9.  
  10.     <!--这里有个小技巧，把底部菜单栏的每一个小的LinearLayout的宽度都设置成0dp，然后用weight权重去分配它，中间内容区域也是把高度设置成0dp，然后用weight权重去分配它。（weight默认是把界面里空闲的位置作为划分位置，所以这里的宽度或者高度要注意设置成0dp）-->
  11.     <include layout="@layout/activity_top" />
  12.  
  13.     <androidx.viewpager.widget.ViewPager
  14.         android:id="@+id/vp_content"
  15.         android:layout_width="match_parent"
  16.         android:layout_height="0dp"
  17.         android:layout_weight="1"
  18.         android:background="#ffffff"
  19.         tools:ignore="MissingConstraints"></androidx.viewpager.widget.ViewPager>
  20.  
  21.     <include layout="@layout/activity_bottom" />
  22.  
  23. </LinearLayout>
这里有个小技巧，把底部菜单栏的每一个小的LinearLayout的宽度都设置成0dp，然后用weight权重去分配它，中间内容区域也是把高度设置成0dp，然后用weight权重去分配它。（weight默认是把界面里空闲的位置作为划分位置，所以这里的宽度或者高度要注意设置成0dp）

2.4 分页视图 page_home.xml（以首页为例，其他子页面代码类似）

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     tools:context=".ui.HomeActivity">
  6.  
  7.     <TextView
  8.         android:id="@+id/txt_home_title"
  9.         android:layout_width="wrap_content"
  10.         android:layout_height="wrap_content"
  11.         android:layout_centerInParent="true"
  12.         android:text="我是01"
  13.         android:textColor="#1B940A"
  14.         android:textSize="30dp" />
  15.  
  16. </RelativeLayout>

2.5 ContentAdapter.java：ViewPager需配合一个Adapter使用，所以需先自定义一个Adapter。

  1. package com.rc.bottombar;
  2.  
  3. import java.util.List;
  4.  
  5. import android.view.View;
  6. import android.view.ViewGroup;
  7.  
  8. import androidx.viewpager.widget.PagerAdapter;
  9.  
  10. public class ContentAdapter extends PagerAdapter {
  11.  
  12.     private List<View> views;
  13.  
  14.     public ContentAdapter(List<View> views) {
  15.         this.views = views;
  16.     }
  17.  
  18.     @Override
  19.     public int getCount() {
  20.         return views.size();
  21.     }
  22.  
  23.     @Override
  24.     public boolean isViewFromObject(View arg0, Object arg1) {
  25.         return arg0 == arg1;
  26.     }
  27.  
  28.     @Override
  29.     public Object instantiateItem(ViewGroup container, int position) {
  30.         View view = views.get(position);
  31.         container.addView(view);
  32.         return view;
  33.     }
  34.  
  35.     @Override
  36.     public void destroyItem(ViewGroup container, int position, Object object) {
  37.         container.removeView(views.get(position));
  38.     }
  39.  
  40. }

2.6 MainActivity.java

  1. package com.rc.bottombar;
  2.  
  3. import androidx.viewpager.widget.ViewPager;
  4.  
  5. import android.app.Activity;
  6. import android.graphics.Color;
  7. import android.os.Bundle;
  8. import android.view.View;
  9. import android.widget.ImageView;
  10. import android.widget.LinearLayout;
  11. import android.widget.TextView;
  12.  
  13. import com.rc.bottombar.ui.HomeActivity;
  14.  
  15. import java.util.ArrayList;
  16. import java.util.List;
  17.  
  18. public class MainActivity extends Activity implements View.OnClickListener, ViewPager.OnPageChangeListener {
  19.  
  20.     private TextView txt_title;
  21.  
  22.     // 底部菜单4个Linearlayout
  23.     private LinearLayout ll_home;
  24.     private LinearLayout ll_address;
  25.     private LinearLayout ll_friend;
  26.     private LinearLayout ll_setting;
  27.  
  28.     // 底部菜单4个ImageView
  29.     private ImageView img_home;
  30.     private ImageView img_news;
  31.     private ImageView img_friend;
  32.     private ImageView img_user;
  33.  
  34.     // 底部菜单4个菜单标题
  35.     private TextView txt_home;
  36.     private TextView txt_news;
  37.     private TextView txt_friend;
  38.     private TextView txt_user;
  39.  
  40.     // 中间内容区域
  41.     private ViewPager viewPager;
  42.  
  43.     // ViewPager适配器ContentAdapter
  44.     private ContentAdapter adapter;
  45.     private List<View> views;
  46.  
  47.     @Override
  48.     protected void onCreate(Bundle savedInstanceState) {
  49.         super.onCreate(savedInstanceState);
  50.         setContentView(R.layout.activity_main);
  51.         initView();// 初始化控件
  52.         initEvent();// 设置按钮监听
  53.  
  54.         txt_title.setText(R.string.txt_nav_home);
  55.         txt_home.setTextColor(0xff1B940A);
  56.     }
  57.  
  58.     private void initEvent() {
  59.         ll_home.setOnClickListener(this);
  60.         ll_address.setOnClickListener(this);
  61.         ll_friend.setOnClickListener(this);
  62.         ll_setting.setOnClickListener(this);
  63.         viewPager.setOnPageChangeListener(this);
  64.     }
  65.  
  66.     private void initView() {
  67.         txt_title = findViewById(R.id.title);
  68.  
  69.         // 底部菜单4个Linearlayout
  70.         ll_home = findViewById(R.id.ll_home);
  71.         ll_address = findViewById(R.id.ll_news);
  72.         ll_friend = findViewById(R.id.ll_friend);
  73.         ll_setting = findViewById(R.id.ll_user);
  74.  
  75.         // 底部菜单4个ImageView
  76.         img_home = findViewById(R.id.img_home);
  77.         img_news = findViewById(R.id.img_news);
  78.         img_friend = findViewById(R.id.img_friend);
  79.         img_user = findViewById(R.id.img_user);
  80.  
  81.         // 底部菜单4个菜单标题
  82.         txt_home = findViewById(R.id.txt_home);
  83.         txt_news = findViewById(R.id.txt_news);
  84.         txt_friend = findViewById(R.id.txt_friend);
  85.         txt_user = findViewById(R.id.txt_user);
  86.  
  87.         // 中间内容区域ViewPager
  88.         viewPager = findViewById(R.id.vp_content);
  89.  
  90.         // 适配器
  91.         View page_home = View.inflate(MainActivity.this, R.layout.page_home, null);
  92.         View page_news = View.inflate(MainActivity.this, R.layout.page_news, null);
  93.         View page_friend = View.inflate(MainActivity.this, R.layout.page_friend, null);
  94.         View page_user = View.inflate(MainActivity.this, R.layout.page_user, null);
  95.  
  96.         views = new ArrayList<View>();
  97.         views.add(page_home);
  98.         views.add(page_news);
  99.         views.add(page_friend);
  100.         views.add(page_user);
  101.         adapter = new ContentAdapter(views);
  102.         viewPager.setAdapter(adapter);
  103.     }
  104.  
  105.  
  106.     @Override
  107.     public void onClick(View v) {
  108.         switch (v.getId()) {
  109.             case R.id.ll_home:
  110.                 restartBotton();
  111.                 txt_title.setText(R.string.txt_nav_home);
  112.                 txt_home.setTextColor(0xff1B940A);
  113.                 viewPager.setCurrentItem(0);
  114.                 break;
  115.             case R.id.ll_news:
  116.                 restartBotton();
  117.                 txt_title.setText(R.string.txt_nav_news);
  118.                 txt_news.setTextColor(0xff1B940A);
  119.                 viewPager.setCurrentItem(1);
  120.                 break;
  121.             case R.id.ll_friend:
  122.                 restartBotton();
  123.                 txt_title.setText(R.string.txt_nav_friend);
  124.                 txt_friend.setTextColor(0xff1B940A);
  125.                 viewPager.setCurrentItem(2);
  126.                 break;
  127.             case R.id.ll_user:
  128.                 restartBotton();
  129.                 txt_title.setText(R.string.txt_nav_user);
  130.                 txt_user.setTextColor(0xff1B940A);
  131.                 viewPager.setCurrentItem(3);
  132.                 break;
  133.  
  134.             default:
  135.                 break;
  136.         }
  137.     }
  138.  
  139.     @Override
  140.     public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
  141.  
  142.     }
  143.  
  144.     @Override
  145.     public void onPageSelected(int position) {
  146.         restartBotton();
  147.         switch (position) {
  148.             case 0:
  149.                 txt_title.setText(R.string.txt_nav_home);
  150.                 txt_home.setTextColor(0xff1B940A);
  151.                 break;
  152.             case 1:
  153.                 txt_title.setText(R.string.txt_nav_news);
  154.                 txt_news.setTextColor(0xff1B940A);
  155.                 break;
  156.             case 2:
  157.                 txt_title.setText(R.string.txt_nav_friend);
  158.                 txt_friend.setTextColor(0xff1B940A);
  159.                 break;
  160.             case 3:
  161.                 txt_title.setText(R.string.txt_nav_user);
  162.                 txt_user.setTextColor(0xff1B940A);
  163.                 break;
  164.  
  165.             default:
  166.                 break;
  167.         }
  168.     }
  169.  
  170.     @Override
  171.     public void onPageScrollStateChanged(int state) {
  172.  
  173.     }
  174.  
  175.     //重置链接样式
  176.     private void restartBotton() {
  177.         txt_home.setTextColor(Color.parseColor("#888888"));
  178.         txt_news.setTextColor(Color.parseColor("#888888"));
  179.         txt_friend.setTextColor(Color.parseColor("#888888"));
  180.         txt_user.setTextColor(Color.parseColor("#888888"));
  181.     }
  182. }

注意事项：

1.需实现视图点击事件和ViewPager切换事件，implements View.OnClickListener, ViewPager.OnPageChangeListener。

2.initEvent()方法中给控件绑定事件后，下面的Listener才捕捉得到。

3.上面代码只切换选中菜单文字的效果，选中图片也是可以切换的，暂忽略。

四、实现方式2（Fragment方式）

1.布局文件基本没变化，只是把主界面的ViewPager改成了FramLayout，其他文件保持一致，就不贴出来了。

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:tools="http://schemas.android.com/tools"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     android:orientation="vertical"
  7.     tools:context=".MainActivity">
  8.     <!--这里有个小技巧，把底部菜单栏的每一个小的LinearLayout的宽度都设置成0dp，然后用weight权重去分配它，
  9.          中间内容区域也是把高度设置成0dp，然后用weight权重去分配它。
  10.          （weight默认是把界面里空闲的位置作为划分位置，所以这里的宽度或者高度要注意设置成0dp）-->
  11.     <include layout="@layout/activity_top" />
  12.     <FrameLayout
  13.         android:id="@+id/fl_content"
  14.         android:layout_width="match_parent"
  15.         android:background="#ffffff"
  16.         android:layout_height="0dp"
  17.         android:layout_weight="1" >
  18.     </FrameLayout>
  19.     <include layout="@layout/activity_bottom" />
  20. </LinearLayout>

2.新增4个Fragment类，结构如下图：

以HomeFragment.java 为例，其他类似。

  1. package com.rc.bottombar.ui;
  2.  
  3. import android.app.Fragment;
  4. import android.os.Bundle;
  5. import android.view.LayoutInflater;
  6. import android.view.View;
  7. import android.view.ViewGroup;
  8. import android.widget.TextView;
  9.  
  10. import androidx.annotation.Nullable;
  11.  
  12. import com.rc.bottombar.R;
  13.  
  14. import java.text.SimpleDateFormat;
  15. import java.util.Date;
  16.  
  17. public class HomeFragment extends Fragment {
  18.     View view;
  19.     TextView title;
  20.  
  21.     @Override
  22.     public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
  23.         view = inflater.inflate(R.layout.page_home, container, false);
  24.         title = view.findViewById(R.id.txt_home_title);
  25.         title.setText("我是" + getResources().getString(R.string.txt_nav_home));
  26.         return view;
  27.     }
  28.  
  29.     public void Load() {
  30.         //title.setText("当前时间：\n" + new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date()));
  31.  
  32.     }
  33.  
  34. }

 3.MainActivity.java

  1. package com.rc.bottombar;
  2.  
  3. import android.app.Activity;
  4. import android.app.Fragment;
  5. import android.app.FragmentManager;
  6. import android.app.FragmentTransaction;
  7. import android.graphics.Color;
  8. import android.os.Bundle;
  9. import android.view.View;
  10. import android.widget.ImageView;
  11. import android.widget.LinearLayout;
  12. import android.widget.TextView;
  13.  
  14. import com.rc.bottombar.ui.FriendFragment;
  15. import com.rc.bottombar.ui.HomeFragment;
  16. import com.rc.bottombar.ui.NewsFragment;
  17. import com.rc.bottombar.ui.UserFragment;
  18.  
  19. public class MainActivity extends Activity implements View.OnClickListener {
  20.  
  21.     private TextView txt_title;
  22.  
  23.     // 底部菜单4个Linearlayout
  24.     private LinearLayout ll_home;
  25.     private LinearLayout ll_address;
  26.     private LinearLayout ll_friend;
  27.     private LinearLayout ll_setting;
  28.  
  29.     // 底部菜单4个ImageView
  30.     private ImageView img_home;
  31.     private ImageView img_news;
  32.     private ImageView img_friend;
  33.     private ImageView img_user;
  34.  
  35.     // 底部菜单4个菜单标题
  36.     private TextView txt_home;
  37.     private TextView txt_news;
  38.     private TextView txt_friend;
  39.     private TextView txt_user;
  40.  
  41.     // 4个Fragment
  42.     private HomeFragment homeFragment;
  43.     private Fragment newsFragment;
  44.     private Fragment friendFragment;
  45.     private Fragment userFragment;
  46.  
  47.     @Override
  48.     protected void onCreate(Bundle savedInstanceState) {
  49.         super.onCreate(savedInstanceState);
  50.         setContentView(R.layout.activity_main);
  51.         initView();// 初始化控件
  52.         initEvent();// 设置按钮监听
  53.  
  54.         // 初始化并设置当前Fragment
  55.         initFragment(0);
  56.  
  57.     }
  58.  
  59.     private void initEvent() {
  60.         ll_home.setOnClickListener(this);
  61.         ll_address.setOnClickListener(this);
  62.         ll_friend.setOnClickListener(this);
  63.         ll_setting.setOnClickListener(this);
  64.     }
  65.  
  66.     private void initView() {
  67.         txt_title = findViewById(R.id.title);
  68.  
  69.         // 底部菜单4个Linearlayout
  70.         ll_home = findViewById(R.id.ll_home);
  71.         ll_address = findViewById(R.id.ll_news);
  72.         ll_friend = findViewById(R.id.ll_friend);
  73.         ll_setting = findViewById(R.id.ll_user);
  74.  
  75.         // 底部菜单4个ImageView
  76.         img_home = findViewById(R.id.img_home);
  77.         img_news = findViewById(R.id.img_news);
  78.         img_friend = findViewById(R.id.img_friend);
  79.         img_user = findViewById(R.id.img_user);
  80.  
  81.         // 底部菜单4个菜单标题
  82.         txt_home = findViewById(R.id.txt_home);
  83.         txt_news = findViewById(R.id.txt_news);
  84.         txt_friend = findViewById(R.id.txt_friend);
  85.         txt_user = findViewById(R.id.txt_user);
  86.     }
  87.  
  88.  
  89.     @Override
  90.     public void onClick(View v) {
  91.         switch (v.getId()) {
  92.             case R.id.ll_home:
  93.                 restartBotton();
  94.                 txt_title.setText(R.string.txt_nav_home);
  95.                 txt_home.setTextColor(0xff1B940A);
  96.                 initFragment(0);
  97.                 break;
  98.             case R.id.ll_news:
  99.                 restartBotton();
  100.                 txt_title.setText(R.string.txt_nav_news);
  101.                 txt_news.setTextColor(0xff1B940A);
  102.                 initFragment(1);
  103.                 break;
  104.             case R.id.ll_friend:
  105.                 restartBotton();
  106.                 txt_title.setText(R.string.txt_nav_friend);
  107.                 txt_friend.setTextColor(0xff1B940A);
  108.                 initFragment(2);
  109.                 break;
  110.             case R.id.ll_user:
  111.                 restartBotton();
  112.                 txt_title.setText(R.string.txt_nav_user);
  113.                 txt_user.setTextColor(0xff1B940A);
  114.                 initFragment(3);
  115.                 break;
  116.  
  117.             default:
  118.                 break;
  119.         }
  120.     }
  121.  
  122.     private void initFragment(int index) {
  123.         FragmentManager fragmentManager = getFragmentManager();
  124.         FragmentTransaction transaction = fragmentManager.beginTransaction();
  125.         hideFragment(transaction);
  126.         switch (index) {
  127.             case 0:
  128.                 if (homeFragment == null) {
  129.                     homeFragment = new HomeFragment();
  130.                     transaction.add(R.id.fl_content, homeFragment);
  131.                 } else {
  132.  
  133.                     homeFragment.Load();//加载数据
  134.                     transaction.show(homeFragment);
  135.                 }
  136.                 break;
  137.             case 1:
  138.                 if (newsFragment == null) {
  139.                     newsFragment = new NewsFragment();
  140.                     transaction.add(R.id.fl_content, newsFragment);
  141.                 } else {
  142.                     transaction.show(newsFragment);
  143.                 }
  144.  
  145.                 break;
  146.             case 2:
  147.                 if (friendFragment == null) {
  148.                     friendFragment = new FriendFragment();
  149.                     transaction.add(R.id.fl_content, friendFragment);
  150.                 } else {
  151.                     transaction.show(friendFragment);
  152.                 }
  153.  
  154.                 break;
  155.             case 3:
  156.                 if (userFragment == null) {
  157.                     userFragment = new UserFragment();
  158.                     transaction.add(R.id.fl_content, userFragment);
  159.                 } else {
  160.                     transaction.show(userFragment);
  161.                 }
  162.  
  163.                 break;
  164.             default:
  165.                 break;
  166.         }
  167.         transaction.commit();
  168.  
  169.     }
  170.  
  171.     //隐藏Fragment
  172.     private void hideFragment(android.app.FragmentTransaction transaction) {
  173.         if (homeFragment != null) {
  174.             transaction.hide(homeFragment);
  175.         }
  176.         if (newsFragment != null) {
  177.             transaction.hide(newsFragment);
  178.         }
  179.         if (friendFragment != null) {
  180.             transaction.hide(friendFragment);
  181.         }
  182.         if (userFragment != null) {
  183.             transaction.hide(userFragment);
  184.         }
  185.     }
  186.  
  187.     //重置链接样式
  188.     private void restartBotton() {
  189.         txt_home.setTextColor(Color.parseColor("#888888"));
  190.         txt_news.setTextColor(Color.parseColor("#888888"));
  191.         txt_friend.setTextColor(Color.parseColor("#888888"));
  192.         txt_user.setTextColor(Color.parseColor("#888888"));
  193.     }
  194. }

五、小结

方式1：基于ViewPager实现的内容：
优点：
1、界面可以滑动，美观，流畅。
缺点：
1、当界面里有一些需要用手势来实现的内容会起冲突，比如我们ListView里的侧滑删除。
2、由于采用的是ViewPager，所以页面内容实现代码会严重依赖于MainActivity，代码太过冗余，不便于后期维护。 

方式2：基于Fragment实现的内容：
优点：
1、Fragment文件单独存在，各自页面的内容各自去实现完成，有自己的生命周期，便于后期维护。
2、对于需要手势操作的一些内容不会起冲突。
缺点：
1、界面不可滑动，比较死板。

 

参考内容：

https://www.cnblogs.com/lichenwei/p/4444750.html

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/949515
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。