Android实现底部状态栏切换的两种方式
作者：龙旋 发布时间：2022-03-11 02:46:47
标签：android,底部,状态栏,切换
Android开发过程中，特别是新开的项目，底部状态栏的切换使用的频率非常的高，主要的实现方式有：
(1)、TabLayout + Fragment
(2)、FragmentTabHost + Fragment
(3)、BottomNavigationView + Fragment
(4)、RidioGroup + Fragment
这里我先介绍前面两种实现方式，后面两种后期再贴出实现方式。
一、使用TabLayout + Fragment + ViewPager实现
1、实现步骤：
(1)、布局文件中定义TabLayout控件
(2)、定义切换的每个Fragment布局文件
(3)、定义切换的每个Fragment的Java类
(4)、定义TabLayoutMainActivity类
(5)、效果图演示
2、实现过程：
(1)、布局文件中定义TabLayout控件(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="com.showly.bottomnavigationbardemo.TabLayoutMainActivity">
<android.support.v4.view.ViewPager
android:id="@+id/viewpager_content_view"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:scrollbars="none" />
<android.support.design.widget.TabLayout
android:id="@+id/tab_layout_view"
android:layout_width="match_parent"
android:layout_height="50dp"
app:tabGravity="fill"
app:tabIndicatorHeight="0dp"
app:tabMode="fixed"
app:tabSelectedTextColor="#FB8081"
app:tabTextColor="#A0A0A0" />
</LinearLayout>
(2)、定义切换的每个Fragment布局文件(fragment_frist.xml)
这里有四个Tab类别(首页、娱乐、游戏、我的)，布局都类似，这里只贴出其中一个
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#fff"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="首页"
android:textColor="#000"/>
</RelativeLayout>
(3)、定义切换的每个Fragment的Java类(FristFragment.class)
这里的Java 类实现方式也相似，贴出其中一个
package com.showly.bottomnavigationbardemo.fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import com.showly.bottomnavigationbardemo.R;
public class FristFragment extends Fragment {
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_frist, null);
return view;
}
}
(4)、定义TabLayoutMainActivity类(TabLayoutMainActivity.class)
package com.showly.bottomnavigationbardemo;
import android.os.Bundle;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import com.showly.bottomnavigationbardemo.fragment.FourthlyFragment;
import com.showly.bottomnavigationbardemo.fragment.FristFragment;
import com.showly.bottomnavigationbardemo.fragment.SecondFragment;
import com.showly.bottomnavigationbardemo.fragment.ThirtlyFragment;
public class TabLayoutMainActivity extends AppCompatActivity {
//未选中的Tab图片
private int[] unSelectTabRes = new int[]{R.drawable.i8live_menu_home_normal
, R.drawable.i8live_menu_information_normal, R.drawable.i8live_menu_game_normal, R.drawable.i8live_menu_personl_normal};
//选中的Tab图片
private int[] selectTabRes = new int[]{R.drawable.i8live_menu_home_press, R.drawable.i8live_menu_information_press
, R.drawable.i8live_menu_game_press, R.drawable.i8live_menu_personl_press};
//Tab标题
private String[] title = new String[]{"首页", "娱乐", "游戏", "我的"};
private ViewPager viewPager;
private TabLayout tabLayout;
private TabLayout.Tab tabAtOne;
private TabLayout.Tab tabAttwo;
private TabLayout.Tab tabAtthree;
private TabLayout.Tab tabAtfour;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
getSupportActionBar().hide();//隐藏掉整个ActionBar
setContentView(R.layout.activity_main);
initView();
initData();
initListener();
}
private void initView() {
viewPager = (ViewPager) findViewById(R.id.viewpager_content_view);
tabLayout = (TabLayout) findViewById(R.id.tab_layout_view);
//使用适配器将ViewPager与Fragment绑定在一起
viewPager.setAdapter(new MyFragmentPagerAdapter(getSupportFragmentManager()));
//将TabLayout与ViewPager绑定
tabLayout.setupWithViewPager(viewPager);
/* //设置方式一：
//获取底部的单个Tab
tabAtOne = tabLayout.getTabAt(0);
tabAttwo = tabLayout.getTabAt(1);
tabAtthree = tabLayout.getTabAt(2);
tabAtfour = tabLayout.getTabAt(3);
//设置Tab图片
tabAtOne.setIcon(R.drawable.i8live_menu_home_press);
tabAttwo.setIcon(R.drawable.i8live_menu_information_normal);
tabAtthree.setIcon(R.drawable.i8live_menu_game_normal);
tabAtfour.setIcon(R.drawable.i8live_menu_personl_normal);*/
//设置方式二：
for (int i = 0; i < title.length; i++) {
if (i == 0) {
tabLayout.getTabAt(0).setIcon(selectTabRes[0]);
} else {
tabLayout.getTabAt(i).setIcon(unSelectTabRes[i]);
}
}
}
private void initData() {
}
private void initListener() {
//TabLayout切换时导航栏图片处理
tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tab) {//选中图片操作
for (int i = 0; i < title.length; i++) {
if (tab == tabLayout.getTabAt(i)) {
tabLayout.getTabAt(i).setIcon(selectTabRes[i]);
viewPager.setCurrentItem(i);
}
}
}
@Override
public void onTabUnselected(TabLayout.Tab tab) {//未选中图片操作
for (int i = 0; i < title.length; i++) {
if (tab == tabLayout.getTabAt(i)) {
tabLayout.getTabAt(i).setIcon(unSelectTabRes[i]);
}
}
}
@Override
public void onTabReselected(TabLayout.Tab tab) {
}
});
}
//自定义适配器
public class MyFragmentPagerAdapter extends FragmentPagerAdapter {
public MyFragmentPagerAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int position) {
if (position == 1) {
return new SecondFragment();//娱乐
} else if (position == 2) {
return new ThirtlyFragment();//游戏
} else if (position == 3) {
return new FourthlyFragment();//我的
}
return new FristFragment();//首页
}
@Override
public int getCount() {
return title.length;
}
@Override
public CharSequence getPageTitle(int position) {
return title[position];
}
}
}
(5)、效果图演示
二、使用FragmentTabHost+ Fragment + ViewPager实现
1、实现步骤：
(1)、布局文件中定义FragmentTabHost控件
(2)、定义底部菜单栏布局
(3)、定义切换的每个Fragment布局文件
(4)、定义切换的每个Fragment的Java类
(5)、切换按钮的图片
(6)、定义FragmentTabHostMainActivity类
(7)、效果图演示
2、实现过程：
(1)、布局文件中定义FragmentTabHost控件(fragment_tabhost_activity.xml)
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#fff"
android:orientation="vertical">
<android.support.v4.view.ViewPager
android:id="@+id/vp_pager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:scrollbars="none" />
<android.support.v4.app.FragmentTabHost
android:id="@android:id/tabhost"
android:layout_width="match_parent"
android:background="#3000"
android:layout_height="65dp">
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</android.support.v4.app.FragmentTabHost>
</LinearLayout>
(2)、定义底部菜单栏布局(tab_content.xml)
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="2dp"
android:orientation="vertical">
<ImageView
android:id="@+id/iv_imageview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:background="@drawable/i8live_menu_home_normal" />
<TextView
android:id="@+id/tv_item"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="5dp"
android:text="首页" />
</LinearLayout>
(3)、定义切换的每个Fragment布局文件(fragment_frist.xml)
这里有四个Tab类别(首页、娱乐、游戏、我的)，布局都类似，这里只贴出其中一个
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#fff"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="首页"
android:textColor="#000"/>
</RelativeLayout>
(4)、定义切换的每个Fragment的Java类(FristFragment.class)
这里的Java 类实现方式也相似，贴出其中一个
package com.showly.bottomnavigationbardemo.fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import com.showly.bottomnavigationbardemo.R;
public class FristFragment extends Fragment {
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_frist, null);
return view;
}
}
(5)、切换按钮的图片(tab_main.xml)
这里有四个是相似的，只贴出其中一个
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 切换选中之后的图片-->
<item android:drawable="@drawable/i8live_menu_home_press" android:state_selected="true"/>
<!-- 未选中的图片-->
<item android:drawable="@drawable/i8live_menu_home_normal"/>
</selector>
(6)、定义FragmentTabHostMainActivity类（FragmentTabHostMainActivity.class）
package com.showly.bottomnavigationbardemo;
import android.graphics.Color;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.app.FragmentTabHost;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TabHost;
import android.widget.TabWidget;
import android.widget.TextView;
import com.showly.bottomnavigationbardemo.fragment.FourthlyFragment;
import com.showly.bottomnavigationbardemo.fragment.FristFragment;
import com.showly.bottomnavigationbardemo.fragment.SecondFragment;
import com.showly.bottomnavigationbardemo.fragment.ThirtlyFragment;
import java.util.ArrayList;
import java.util.List;
public class FragmentTabHostMainActivity extends FragmentActivity implements ViewPager.OnPageChangeListener, TabHost.OnTabChangeListener {
private int[] selectTabRes = new int[]{R.drawable.tab_main, R.drawable.tab_infomation
, R.drawable.tab_game, R.drawable.tab_personal};
//Tab标题
private String[] title = new String[]{"首页", "娱乐", "游戏", "我的"};
private Class fragmentArry[] = {FristFragment.class, SecondFragment.class, ThirtlyFragment.class, FourthlyFragment.class};
private List<Fragment> fragmentList = new ArrayList();
private ViewPager viewPager;
private FragmentTabHost tabHost;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.fragment_tabhost_activity);
initView();
initData();
initListener();
}
/**
* 初始化Fragment并给ViewPager添加适配器
*/
private void initVaper() {
FristFragment fristFragment = new FristFragment();
SecondFragment secondFragment = new SecondFragment();
ThirtlyFragment thirtlyFragment = new ThirtlyFragment();
FourthlyFragment fourthlyFragment = new FourthlyFragment();
fragmentList.add(fristFragment);
fragmentList.add(secondFragment);
fragmentList.add(thirtlyFragment);
fragmentList.add(fourthlyFragment);
//ViewPager添加适配器
viewPager.setAdapter(new MyFragmentAdapter(getSupportFragmentManager(), fragmentList));
tabHost.getTabWidget().setDividerDrawable(null);
}
private void initView() {
viewPager = (ViewPager) findViewById(R.id.vp_pager);
tabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);//绑定tabhost
tabHost.setup(this, getSupportFragmentManager(), R.id.vp_pager);//TabHost绑定viewpager
//获取item的个数
int count = title.length;
for (int i = 0; i < count; i++) {
//设置每个TabHost布局
TabHost.TabSpec tabSpec = tabHost.newTabSpec(title[i])
.setIndicator(getTabItemView(i));
//item与fragment关联
tabHost.addTab(tabSpec, fragmentArry[i], null);
tabHost.setTag(i);
}
//初始化TabHost文字颜色
upDateTab(tabHost);
//给ViewPager设置适配器
initVaper();
}
/**
* 更新文字颜色。
*
* @param mTabHost
*/
private void upDateTab(FragmentTabHost mTabHost) {
for (int i = 0; i < mTabHost.getTabWidget().getChildCount(); i++) {
TextView tv = (TextView) mTabHost.getTabWidget().getChildAt(i).findViewById(R.id.tv_item);
if (mTabHost.getCurrentTab() == i) {//选中
tv.setTextColor(Color.parseColor("#FF5959"));
} else {//不选中
tv.setTextColor(Color.parseColor("#777777"));
}
}
}
/**
* 设置每个Item布局
*/
private View getTabItemView(int i) {
View view = LayoutInflater.from(this).inflate(R.layout.tab_content, null);
ImageView itemImg = (ImageView) view.findViewById(R.id.iv_imageview);
TextView itemText = (TextView) view.findViewById(R.id.tv_item);
itemImg.setBackgroundResource(selectTabRes[i]);
itemText.setText(title[i]);
return view;
}
private void initData() {
}
private void initListener() {
viewPager.addOnPageChangeListener(this);
tabHost.setOnTabChangedListener(this);
}
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
TabWidget widget = tabHost.getTabWidget();
int oldFocusability = widget.getDescendantFocusability();
widget.setDescendantFocusability(ViewGroup.FOCUS_BLOCK_DESCENDANTS);//设置View覆盖子类控件而直接获得焦点
tabHost.setCurrentTab(position);//根据位置Postion设置当前的Tab
widget.setDescendantFocusability(oldFocusability);//设置取消分割线
}
@Override
public void onPageScrollStateChanged(int state) {
}
@Override
public void onTabChanged(String tabId) {
int position = tabHost.getCurrentTab();
viewPager.setCurrentItem(position);//把选中的Tab的位置赋给适配器，让它控制页面切换
upDateTab(tabHost);//设置TabHost文字颜色
}
/**
* 适配器
* */
public class MyFragmentAdapter extends FragmentPagerAdapter {
List<Fragment> list;
public MyFragmentAdapter(FragmentManager fm, List<Fragment> list) {
super(fm);
this.list = list;
}
@Override
public Fragment getItem(int position) {
return list.get(position);
}
@Override
public int getCount() {
return list.size();
}
}
(7)、效果图演示
三、总结
以上所述是小编给大家介绍的Android实现底部状态栏切换的两种方式,网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
来源：https://segmentfault.com/a/1190000019508017
0
投稿猜你喜欢
再做一个项目的时候，要求标题栏的标题再中间，样式，字体大小都要自定义。左边一个返回按钮，一个关闭按钮，右边定义一个提交按钮，有时候显示有时候- 本文实例讲述了Android编程处理窗口控件大小，形状，像素等UI元素工具类。分享给大家供大家参考，具体如下：/*** 处理窗口控件大小，形
- 字符串遍历String str = "asdfghjkl";1.for(int i=0;i<str.length(
- C#提供了多种操作文件的方案，File类中封装的静态方法，接口封装得比较人性化，隐藏了具体实现的细节，主要包括读取、写入以及追加，这些函数如
- 前言在java生态圈谈到Rpc，很多人可能就会想到Dubbo、Motan、Grpc等框架。但是你知道吗？作为Java编程全家桶的Spring
- 点击此处：官网下载 根据自己的系统 ，下载相应的JDK版本。1. JDK1.8安装1.双击下载的安装包（.exe文件），进行安装。2.点击“
- 之前接了需求要让视频播放时可以像优酷视频那样在悬浮窗里播放，并且悬浮窗和主播放页面之间要实现无缝切换，项目中使用的是自封装的ijkplaye
- 在 APK 开发中，通过 Java 代码来打开系统的安装程序以安装 APK 并不是什么难事，一般的 Android 系统都有开放这一功能。但
- 在 Lock 接口中，获取锁的方法有 4 个：lock()、tryLock()、tryLock(long,TimeUnit)、lockInt
- 背景在Java中一个回调的操作是一个在一些操作完成之后被传递到另一个函数中并且被执行的函数。一个回调函数既可以被同步或者异步执行。在一个同步
- 使用限定符在平板上面大多数时候采用的双页的模式,程序会在左侧列表上显示一个包含子项列表,右侧的面版会显示详细的内容的因为平板具有足够大的屏幕
- maven报错:Failed to execute goal on project项目结构在hzz-entity项目上运行Maven ins
- private void Value_ByteArray(){double doublevalue = 258.0;Int32 intval
- 前言上一篇已经对线程池的创建进行了分析，了解线程池既有预设的模板，也提供多种参数支撑灵活的定制。本文将会围绕线程池的生命周期，分析线程池执行
- 在Servlet 3.0之前都是使用web.xml文件进行配置，需要增加Servlet、Filter或者Listener都需要在web.xm
- 如下所示：using System;using System.Collections.Generic;using System.Linq;u
- 之前没有接触过购物车的东东，也不知道购物车应该怎么做，所以在查询了很多资料，总结一下购物车的功能实现。查询的资料，找到三种方法：1.用coo
- 前言在创建表格时，如果表格内容出现跨页显示的时候，默认情况下该表格的表头不会在下一页显示，在阅读体验上不是很好。下面分享一个方法如何在表格跨
- 突然想起来flash有碰撞反弹飘动as控制的效果，所以想起来用c#也来做一个桌面飘动碰撞反弹无标题栏窗体。有点像中了恶意病毒广告效果。主要代
- /给三个整数从小到大排序并求和及其平均值//其中，三个待求整数及其排序的结果由引用参数传递；其和由输出参数传递；平均值由返回值返回。//在M
