热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

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

在App中经常看到这样的tab底部导航栏 那么这种效果是如何实现,实现的方式有很多种,最常见的就是使用Fragment+RadioBu

在App中经常看到这样的tab底部导航栏

那么这种效果是如何实现,实现的方式有很多种,最常见的就是使用Fragment+RadioButton去实现。下面我们来写一个例子
首先我们先在activity_mian.xml定义布局,整个布局的外面是线性布局,上面是帧布局切换不同的Fragment,底下是RadioGroup嵌套的是RadioButton。代码如下所示:

<&#63;xml version="1.0" encoding="utf-8"&#63;>


  


  

    

    

    

    

    
  




注意:上面还有样式和drawable,下面我们一个一个的来完善。

首先来看样式,打开【res】—【values】—【styles】,代码如下所示:

 

里面还有一个@drawable/bottom_button_text_selector,这个是设置图片和文字的颜色,在drawable的目录下建bottom_button_text_selector,代码如下所示:

<&#63;xml version="1.0" encoding="utf-8"&#63;>


  
  



接着我们继续来完善drawable,有【首页】【分类】【发现】【购物车】【个人中心】,写法都是一样的,这里用【首页】来做例子,在drawable目录下建home_button_selector,代码如下所示:

<&#63;xml version="1.0" encoding="utf-8"&#63;>


  
  


接下来看MainActivity中的代码,代码如下:

package com.nyl.shoppingmall.app.activity;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentTransaction;
import android.widget.FrameLayout;
import android.widget.RadioGroup;

import com.nyl.shoppingmall.R;
import com.nyl.shoppingmall.base.BaseFragment;
import com.nyl.shoppingmall.community.fragment.CommunityFragment;
import com.nyl.shoppingmall.home.fragment.HomeFragment;
import com.nyl.shoppingmall.shoppingcart.fragment.ShoppingCartFragment;
import com.nyl.shoppingmall.type.fragment.TypeCartFragment;
import com.nyl.shoppingmall.user.fragment.UserCartFragment;

import java.util.ArrayList;

import butterknife.Bind;
import butterknife.ButterKnife;

public class MainActivity extends FragmentActivity{

  @Bind(R.id.frameLayout)
  FrameLayout frameLayout;
  @Bind(R.id.rg_main)
  RadioGroup rgMain;

  //装fragment的实例集合
  private ArrayList fragments;

  private int position = 0;

  //缓存Fragment或上次显示的Fragment
  private Fragment tempFragment;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    //ButterKnife和当前Activity绑定
    ButterKnife.bind(this);

    //初始化Fragment
    initFragment();
    //设置RadioGroup的监听
    initListener();
  }

  private void initListener() {
    rgMain.check(R.id.rb_home);
    rgMain.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
      @Override
      public void onCheckedChanged(RadioGroup radioGroup, int i) {
        switch (i){
          case R.id.rb_home: //首页
            position = 0;
            break;
          case R.id.rb_type: //分类
            position = 1;
            break;
          case R.id.rb_community: //发现
            position = 2;
            break;
          case R.id.rb_cart: //购物车
            position = 3;
            break;
          case R.id.rb_user: //个人中心
            position = 4;
            break;
          default:
            position = 0;
            break;
        }
        //根据位置得到相应的Fragment
        BaseFragment baseFragment = getFragment(position);
        /**
         * 第一个参数: 上次显示的Fragment
         * 第二个参数: 当前正要显示的Fragment
         */
        switchFragment(tempFragment,baseFragment);
      }
    });
  }

  /**
   * 添加的时候按照顺序
   */
  private void initFragment(){
    fragments = new ArrayList<>();
    fragments.add(new HomeFragment());
    fragments.add(new TypeCartFragment());
    fragments.add(new CommunityFragment());
    fragments.add(new ShoppingCartFragment());
    fragments.add(new UserCartFragment());
  }

  /**
   * 根据位置得到对应的 Fragment
   * @param position
   * @return
   */
  private BaseFragment getFragment(int position){
    if(fragments != null && fragments.size()>0){
      BaseFragment baseFragment = fragments.get(position);
      return baseFragment;
    }
    return null;
  }

  /**
   * 切换Fragment
   * @param fragment
   * @param nextFragment
   */
  private void switchFragment(Fragment fragment,BaseFragment nextFragment){
    if (tempFragment != nextFragment){
      tempFragment = nextFragment;
      if (nextFragment != null){
        FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
        //判断nextFragment是否添加成功
        if (!nextFragment.isAdded()){
          //隐藏当前的Fragment
          if (fragment != null){
            transaction.hide(fragment);
          }
          //添加Fragment
          transaction.add(R.id.frameLayout,nextFragment).commit();
        }else {
          //隐藏当前Fragment
          if (fragment != null){
            transaction.hide(fragment);
          }
          transaction.show(nextFragment).commit();
        }
      }
    }
  }
}

首先使用ButterKnife初始化布局控件,然后在onCreate方法中初始化Fragment和绑定RadioGroup的选中改变事件,为了方便初始化Fragment,写了一个initFragment方法,在方法内部创建HomeFragment,TypeCartFragment,CommunityFragment,ShoppingCartFragment,UserCartFragment四个Fragment实例,然后使用一个fragments集合存储这四个实例。接下来写一个switchFragment方法,用于切换显示指定的Fragmetn,当RadioGroup的选中改变时,首先根据选中的位置获取到对应的Fragment,然后将获取到的Fragment传入到switchFragment方法中进行显示。由于每次RadioGroup的选中改变获取到的Fragment都不一样,从而可以实现根据选中的RadioGroup展示不同的Fragment效果,也就是常见的Tab切换效果。

Activity中用到的HomeFragment,TypeCartFragment,CommunityFragment,ShoppingCartFragment,UserCartFragment这四个Fragment的代码比较简单,以HomeFragment为例,代码如下:

package com.nyl.shoppingmall.home.fragment;

import android.util.Log;
import android.view.Gravity;
import android.view.View;
import android.widget.TextView;

import com.nyl.shoppingmall.base.BaseFragment;

/**
 * 首页Fragment
 */
public class HomeFragment extends BaseFragment {

  private final static String TAG = HomeFragment.class.getSimpleName();

  private TextView textView;

  @Override
  public View initView() {
    textView = new TextView(mContext);
    textView.setGravity(Gravity.CENTER);
    textView.setTextSize(25);
    Log.e(TAG,"主页面的Fragment的UI被初始化了");
    return textView;
  }

  @Override
  public void initData() {
    super.initData();
    textView.setText("首页");
    Log.e(TAG,"主页面的Fragment的数据被初始化了");
  }
}

HomeFragment继承自BaseFragment,然后重写父类的initView方法和initData方法,BaseFragment的代码如下:

package com.nyl.shoppingmall.base;

import android.content.Context;
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;

/**
 * 基类Fragment
 * 首页:HomeFragment
 * 分类:TypeFragment
 * 发现:CommunityFragment
 * 购物车:ShoppingCartFragment
 * 用户中心:UserFragment
 * 等等都要继承该类
 */

public abstract class BaseFragment extends Fragment{

  protected Context mContext;

  /**
   * 当该类被系统创建的时候回调
   * @param savedInstanceState
   */
  @Override
  public void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    mCOntext= getActivity();
  }

  @Nullable
  @Override
  public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    return initView();
  }

  //抽象类,由孩子实现,实现不同的效果
  public abstract View initView();

  @Override
  public void onActivityCreated(@Nullable Bundle savedInstanceState) {
    super.onActivityCreated(savedInstanceState);
    initData();
  }

  /**
   * 当子类需要联网请求数据的时候,可以重写该方法,该方法中联网请求
   */
  public void initData() {
  }
}

其余几个Fragment的代码也类似,这里就不再细说了,使用Fragment+RadioButton实现底部导航栏的思路和代码实现就是这样的。

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


推荐阅读
  • Android 九宫格布局详解及实现:人人网应用示例
    本文深入探讨了人人网Android应用中独特的九宫格布局设计,解析其背后的GridView实现原理,并提供详细的代码示例。这种布局方式不仅美观大方,而且在现代Android应用中较为少见,值得开发者借鉴。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • 深入理解 Oracle 存储函数:计算员工年收入
    本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程,并提供完整的代码示例。 ... [详细]
  • 本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • CSS 布局:液态三栏混合宽度布局
    本文介绍了如何使用 CSS 实现液态的三栏布局,其中各栏具有不同的宽度设置。通过调整容器和内容区域的属性,可以实现灵活且响应式的网页设计。 ... [详细]
  • Linux 系统启动故障排除指南:MBR 和 GRUB 问题
    本文详细介绍了 Linux 系统启动过程中常见的 MBR 扇区和 GRUB 引导程序故障及其解决方案,涵盖从备份、模拟故障到恢复的具体步骤。 ... [详细]
  • 本文介绍了如何使用jQuery根据元素的类型(如复选框)和标签名(如段落)来获取DOM对象。这有助于更高效地操作网页中的特定元素。 ... [详细]
  • 本文将详细介绍如何使用剪映应用中的镜像功能,帮助用户轻松实现视频的镜像效果。通过简单的步骤,您可以快速掌握这一实用技巧。 ... [详细]
  • 本文总结了在使用Ionic 5进行Android平台APK打包时遇到的问题,特别是针对QRScanner插件的改造。通过详细分析和提供具体的解决方法,帮助开发者顺利打包并优化应用性能。 ... [详细]
  • 理解存储器的层次结构有助于程序员优化程序性能,通过合理安排数据在不同层级的存储位置,提升CPU的数据访问速度。本文详细探讨了静态随机访问存储器(SRAM)和动态随机访问存储器(DRAM)的工作原理及其应用场景,并介绍了存储器模块中的数据存取过程及局部性原理。 ... [详细]
  • MySQL中枚举类型的所有可能值获取方法
    本文介绍了一种在MySQL数据库中查询枚举(ENUM)类型字段所有可能取值的方法,帮助开发者更好地理解和利用这一数据类型。 ... [详细]
  • 本文详细探讨了在Android 8.0设备上使用ChinaCock的TCCBarcodeScanner进行扫码时出现的应用闪退问题,并提供了解决方案。通过调整配置文件,可以有效避免这一问题。 ... [详细]
  • 本章将深入探讨移动 UI 设计的核心原则,帮助开发者构建简洁、高效且用户友好的界面。通过学习设计规则和用户体验优化技巧,您将能够创建出既美观又实用的移动应用。 ... [详细]
author-avatar
天堂寨旅游2013_668
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有