热门标签 | 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实现底部导航栏的思路和代码实现就是这样的。

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


推荐阅读
  • 本文介绍了使用kotlin实现动画效果的方法,包括上下移动、放大缩小、旋转等功能。通过代码示例演示了如何使用ObjectAnimator和AnimatorSet来实现动画效果,并提供了实现抖动效果的代码。同时还介绍了如何使用translationY和translationX来实现上下和左右移动的效果。最后还提供了一个anim_small.xml文件的代码示例,可以用来实现放大缩小的效果。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文讲述了如何通过代码在Android中更改Recycler视图项的背景颜色。通过在onBindViewHolder方法中设置条件判断,可以实现根据条件改变背景颜色的效果。同时,还介绍了如何修改底部边框颜色以及提供了RecyclerView Fragment layout.xml和项目布局文件的示例代码。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • 本文讨论了如何优化解决hdu 1003 java题目的动态规划方法,通过分析加法规则和最大和的性质,提出了一种优化的思路。具体方法是,当从1加到n为负时,即sum(1,n)sum(n,s),可以继续加法计算。同时,还考虑了两种特殊情况:都是负数的情况和有0的情况。最后,通过使用Scanner类来获取输入数据。 ... [详细]
  • 本文讲述了作者通过点火测试男友的性格和承受能力,以考验婚姻问题。作者故意不安慰男友并再次点火,观察他的反应。这个行为是善意的玩人,旨在了解男友的性格和避免婚姻问题。 ... [详细]
  • 后台获取视图对应的字符串
    1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ... [详细]
  • Google Play推出全新的应用内评价API,帮助开发者获取更多优质用户反馈。用户每天在Google Play上发表数百万条评论,这有助于开发者了解用户喜好和改进需求。开发者可以选择在适当的时间请求用户撰写评论,以获得全面而有用的反馈。全新应用内评价功能让用户无需返回应用详情页面即可发表评论,提升用户体验。 ... [详细]
  • 《数据结构》学习笔记3——串匹配算法性能评估
    本文主要讨论串匹配算法的性能评估,包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库,可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n),通过随机取出长度为m的子串作为模式P,在文本T中进行匹配,统计平均复杂度。对于成功和失败的匹配分别进行测试,分析其平均复杂度。详情请参考相关学习资源。 ... [详细]
  • 拥抱Android Design Support Library新变化(导航视图、悬浮ActionBar)
    转载请注明明桑AndroidAndroid5.0Loollipop作为Android最重要的版本之一,为我们带来了全新的界面风格和设计语言。看起来很受欢迎࿰ ... [详细]
  • 本文介绍了通过ABAP开发往外网发邮件的需求,并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定,可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度:184字。 ... [详细]
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社区 版权所有