Android使用RadioGroup实现底部导航栏

RadioGroup实现底部导航栏效果,如图::

实现可最基本的导航栏功能,不能左右滑动,只能点击

1.内嵌的fragment的布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical" android:layout_width="match_parent"
 android:layout_height="match_parent">
 <TextView
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:gravity="center"
  android:textSize="50sp"
  android:textColor="@color/colorPrimary"
  android:text="home"/>
</LinearLayout>

2.fragment的activity代码:

public class FrHome extends Fragment {

 @Nullable
 @Override
 public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
  View view = LayoutInflater.from(getContext()).inflate(R.layout.fragment_home, container, false);
  return view;
 }

}

以此为例根据需要编写不同的fragment布局等等。

3.装载fragment的界面布局如下(其中使用了selector进行实现点击改变图标和文字颜色):

点击改变文字颜色:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:state_checked="true" android:color="#3F51B5"/>
 <item android:state_checked="false" android:color="#8f8f8f"/>
</selector>

点击改变图标:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:state_checked="true" android:drawable="@mipmap/ic_history_checked"/>
 <item android:state_checked="false" android:drawable="@mipmap/ic_history_unchecked"/>
</selector>

界面布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 tools:context="com.lotus.chartspagedemo.ActHome">

 <FrameLayout
  android:id="@+id/frame_layout"
  android:layout_width="match_parent"
  android:layout_above="@+id/card_view"
  android:layout_height="match_parent"/>

 <android.support.v7.widget.CardView
  android:id="@+id/card_view"
  app:cardElevation="25dp"
  android:layout_alignParentBottom="true"
  android:layout_width="match_parent"
  android:layout_height="wrap_content">
  <RadioGroup
   android:paddingTop="5dp"
   android:id="@+id/tab_bar"
   android:background="@color/app_white"
   android:layout_width="match_parent"
   android:layout_height="60dp"
   android:gravity="center"
   android:orientation="horizontal">
   <RadioButton
    android:id="@+id/tab_home"
    android:gravity="center"
    android:button="@null"
    android:drawableTop="@drawable/selector_tab_home"
    android:layout_width="0dp"
    android:layout_weight="1"
    android:layout_height="match_parent"
    android:textColor="@drawable/selector_tab_color"
    android:text="首页"/>
   <RadioButton
    android:id="@+id/tab_health"
    android:gravity="center"
    android:button="@null"
    android:drawableTop="@drawable/selector_tab_health"
    android:layout_width="0dp"
    android:layout_weight="1"
    android:layout_height="match_parent"
    android:textColor="@drawable/selector_tab_color"
    android:text="体检测评" />
   <RadioButton
    android:id="@+id/tab_personal"
    android:gravity="center"
    android:button="@null"
    android:drawableTop="@drawable/selector_tab_personal"
    android:layout_width="0dp"
    android:layout_weight="1"
    android:layout_height="match_parent"
    android:textColor="@drawable/selector_tab_color"
    android:text="个人中心"
    />
  </RadioGroup>
 </android.support.v7.widget.CardView>

</RelativeLayout>

4.装载fragment的界面的activity代码(加入双击返回键则退出应用):

public class ActHome extends FragmentActivity implements RadioGroup.OnCheckedChangeListener {

 @BindView(R.id.frame_layout)
 FrameLayout frameLayout;
 @BindView(R.id.tab_home)
 RadioButton tabHome;
 @BindView(R.id.tab_health)
 RadioButton tabHealth;
 @BindView(R.id.tab_personal)
 RadioButton tabPersonal;
 @BindView(R.id.tab_bar)
 RadioGroup tabBar;

 public final static String ACTION_EXIT_SYSTEM = "sys_exit";

 private FragmentManager manager;
 private FragmentTransaction transaction;
 private FrHome frHome;
 private FrHealth frHealth;
 private FrPersonal frPersonal;
 private long mExitTime;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_home);
  ButterKnife.bind(this);
  RadioButton tabHome = (RadioButton) tabBar.getChildAt(0);
  tabHome.setChecked(true);
  tabBar.setOnCheckedChangeListener(this);
  initFragment();
 }

 private void initFragment() {
  manager = getSupportFragmentManager();
  transaction = manager.beginTransaction();
  frHome = new FrHome();
  transaction.add(R.id.frame_layout,frHome);
  transaction.commit();
 }

 @Override
 public void onCheckedChanged(RadioGroup radioGroup, @IdRes int checkedId) {
  switch (checkedId) {
   case R.id.tab_home:
    FragmentTransaction ft1 = manager.beginTransaction();
    hideAll(ft1);
    if (frHome!=null){
     ft1.show(frHome);
    }else {
     frHome=new FrHome();
     ft1.add(R.id.frame_layout,frHome);
    }
    ft1.commit();
    break;
   case R.id.tab_health:
    FragmentTransaction ft2 = manager.beginTransaction();
    hideAll(ft2);
    if (frHealth!=null){
     ft2.show(frHealth);
    }else {
     frHealth = new FrHealth();
     ft2.add(R.id.frame_layout,frHealth);
    }
    ft2.commit();
    break;
   case R.id.tab_personal:
    FragmentTransaction ft5 = manager.beginTransaction();
    hideAll(ft5);
    if (frPersonal!=null){
     ft5.show(frPersonal);
    }else {
     frPersonal = new FrPersonal();
     ft5.add(R.id.frame_layout, frPersonal);
    }
    ft5.commit();
    break;
  }
 }

 private void hideAll(FragmentTransaction ft){
  if (ft==null){
   return;
  }
  if (frHome!=null){
   ft.hide(frHome);
  }
  if (frHealth!=null){
   ft.hide(frHealth);
  }
  if (frPersonal!=null){
   ft.hide(frPersonal);
  }
 }

 @Override
 public void onBackPressed() {
  if ((System.currentTimeMillis() - mExitTime) > 2000) {
   Toast.makeText(ActHome.this,"再按一次退出程序",Toast.LENGTH_SHORT).show();
   mExitTime = System.currentTimeMillis();
  } else {
   new Handler().postDelayed(new Runnable() {
    @Override
    public void run() {
     onExit(ActHome.this);
    }
   }, 500);
  }
 }

 public static void onExit(final Context context) {
  try {
   Intent intent = new Intent();
   intent.setAction(context.getApplicationContext().getPackageName() + ACTION_EXIT_SYSTEM);
   context.sendBroadcast(intent);
   // MobclickAgent.onKillProcess(context);
   new Handler().postDelayed(new Runnable() {
    @Override
    public void run() {
     System.exit(0);
    }
   }, 200);
  } catch (Exception e) {
   e.printStackTrace();
  }
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android实现底部导航栏功能(选项卡)

    现在很多android的应用都采用底部导航栏的功能,这样可以使得用户在使用过程中随意切换不同的页面,现在我采用TabHost组件来自定义一个底部的导航栏的功能. 我们先看下该demo实例的框架图: 其中各个类的作用以及资源文件就不详细解释了,还有资源图片(在该Demo中借用了其它应用程序的资源图片)也不提供了,大家可以自行更换自己需要的资源图片.直接上各个布局文件或各个类的代码: 1. res/layout目录下的 maintabs.xml 源码: <?xml version="1.0&q

  • Android中TabLayout+ViewPager 简单实现app底部Tab导航栏

    前言 在谷歌发布Android Design Support Library之前,app底部tab布局的实现方法就有很多种,其中有RadioGroup+FrameLayout.TabHost+Fragment.FragmentPagerAdapter+ViewPager等方法,虽然这些方法虽然能达到同样的效果,但我个人总觉得有些繁琐.然而,Google在2015的IO大会上,给开发者们带来了全新的Android Design Support Library,里面包含了许多新控件,这些新控件有许多

  • Android项目实战之仿网易顶部导航栏效果

    随着时间的推移现在的软件要求显示的内容越来越多,所以要在小的屏幕上能够更好的显示更多的内容,首先我们会想到底部菜单栏,但是有时候想网易新闻要显示的内容太多,而且又想在主页面全部显示出来,所以有加了顶部导航栏,但是Android这样的移动设备内存是受限的,那么多界面缓存到内存中,很容易导致内存溢出,这个是比较致命的,所以不得不考虑.虽然我在之前也做过网易的顶部导航栏但是方式并不好,就像使用viewpager做一些复杂的界面由于图片占用内存过多,很容易导致内存溢出,学习了今天的内容大家做一下对比相信

  • Android design包自定义tablayout的底部导航栏的实现方法

    以前做项目大多用的radiobutton,今天用tablayout来做一个tab切换页面的的效果. 实现的效果就是类似QQ.微信的页面间(也就是Fragment间)的切换.如图: 布局只要一个tablayout <android.support.design.widget.TabLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:id=&

  • Android程序开发之Fragment实现底部导航栏实例代码

    流行的应用的导航一般分为两种,一种是底部导航,一种是侧边栏. 说明 IDE:AS,Android studio; 模拟器:genymotion; 实现的效果,见下图. 具体实现 为了讲明白这个实现过程,我们贴出来的代码多一写,这样更方便理解 [最后还会放出完整的代码实现] .看上图的界面做的比较粗糙,但实现过程的骨架都具有了,想要更完美的设计,之后自行完善吧 ^0^. 布局 通过观察上述效果图,发现任意一个选项页面都有三部分组成: 顶部去除ActionBar后的标题栏: 中间一个Fragment

  • Android实现沉浸式导航栏实例代码

    废话不多说了,直接给大家贴代码了,具体代码如下所示: private SystemBarTintManager tintManager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // getWindow().addFlags(WindowManager.Layo

  • Android自定义View实现字母导航栏的代码

    思路分析: 1.自定义View实现字母导航栏 2.ListView实现联系人列表 3.字母导航栏滑动事件处理 4.字母导航栏与中间字母的联动 5.字母导航栏与ListView的联动 效果图: 首先,我们先甩出主布局文件,方便后面代码的说明 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/re

  • Android实现沉浸式通知栏通知栏背景颜色跟随app导航栏背景颜色而改变

    最近好多app都已经满足了沉浸式通知栏, 所谓沉浸式通知栏:就是把用来导航的各种界面操作空间隐藏在以程序内容为主的情景中,通过相对"隐形"的界面来达到把用户可视范围最大化地用到内容本身上. 而最新安卓4.4系统的通知栏沉浸模式就是在软件打开的时候通知栏和软件顶部颜色融为一体,这样不仅可以使软件和系统本身更加融为一体. 就是手机的通知栏的颜色不再是白色.黑色简单的两种了,本人用的小米4手机,米4手机中的自带软件都支持沉浸式通知栏, 举个例子:大家可以看一下自己的qq,它的标题的背景颜色是

  • Android仿网易客户端顶部导航栏效果

    最近刚写了一个网易客户端首页导航条的动画效果,现在分享出来给大家学习学习.我说一下这个效果的核心原理.下面是效果图: 首先是布局,这个布局是我从网易客户端反编译后弄来的.大家看后应该明白,布局文件如下: <FrameLayout android:id="@id/column_navi" android:layout_width="fill_parent" android:layout_height="wrap_content" androi

  • android中Fragment+RadioButton实现底部导航栏

    在App中经常看到这样的tab底部导航栏 那么这种效果是如何实现,实现的方式有很多种,最常见的就是使用Fragment+RadioButton去实现.下面我们来写一个例子 首先我们先在activity_mian.xml定义布局,整个布局的外面是线性布局,上面是帧布局切换不同的Fragment,底下是RadioGroup嵌套的是RadioButton.代码如下所示: <?xml version="1.0" encoding="utf-8"?> <Li

随机推荐