在app中经常会用到底部菜单的控件，每次都需要写好多代码，今天我们用到了前几篇博客里的控件来进一步封装底部菜单。先看效果图：

主要包括以下功能：
1 设置icon以及点击之后的icon
2 设置文字
3 设置文字颜色以及点击之后的文字颜色
4 设置未读数量、更多以及new

我们先看如何使用，然后再看如何实现的

1 在布局文件中引用MenuM

<com.landptf.view.MenuM
  android:id="@+id/mm_bottom"
  android:layout_width="match_parent"
  android:layout_height="56dp"
  android:layout_alignParentBottom="true"
  landptf:backColor="@color/content"
  landptf:textColor="@color/text"
  landptf:textColorPress="@color/colorPrimary"
  landptf:count="4"
  />

这里主要说一下count属性，表示菜单项的个数。

2 在Activity中初始化

final MenuM mmBottom = (MenuM) findViewById(R.id.mm_bottom);
mmBottom.setText(text);
mmBottom.setIconDrawable(iconDrawable);
mmBottom.setIconDrawablePress(iconDrawablePress);
//设置默认选中第一项
mmBottom.setPressState(0, MotionEvent.ACTION_DOWN);
mmBottom.setOnItemClickListener(new MenuM.OnItemClickListener() {
  @Override
  public void onItemClick(int position) {
    Toast.makeText(MenuMTestActivity.this, mmBottom.getText(position), Toast.LENGTH_SHORT).show();
  }
});

mmBottom.setUnReadCount(0, 100);
mmBottom.setUnReadCount(1, 15);
mmBottom.setVisibilityMore(2, View.VISIBLE);
mmBottom.setVisibilityNew(3, View.VISIBLE);

有以下几个全局变量

text = new String[]{"首页", "通讯录", "发现", "我"};
//为了演示方便我只找了两张icon，在实际开发中一般需要从网络上下载，然后在设置
Drawable drawable = getResources().getDrawable(R.drawable.icon_home_page);
Drawable drawablePress = getResources().getDrawable(R.drawable.icon_home_page_press);
iconDrawable = new Drawable[]{drawable, drawable, drawable, drawable};
iconDrawablePress = new Drawable[]{drawablePress, drawablePress, drawablePress, drawablePress};

以上就是全部代码是不是很方便呢！！！
接下来我们来看下如何实现的

1 在style里定义了几个属性这里就不贴出来了，大家可以查看源码，在本文的最后会给出全部源码的下载地址
2 MenuM.java

package com.landptf.view;

import android.content.Context;
import android.content.res.ColorStateList;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;

import com.landptf.R;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by landptf on 2017/01/15.
 * 菜单，可用于底部导航菜单，以及内容区的菜单列表
 */
public class MenuM extends LinearLayout {
  private static final String TAG = MenuM.class.getSimpleName();

  private Context mContext;
  private List<MenuItemM> menuList;
  private List<RelativeLayout> rlList;
  private OnItemClickListener mOnItemClickListener;
  private int count = 0;

  public MenuM(Context context) {
    this(context, null, 0);
  }

  public MenuM(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
  }

  public MenuM(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    mContext = context;
    init(attrs, defStyle);
  }

  private void init(AttributeSet attrs, int defStyle) {
    setOrientation(LinearLayout.HORIZONTAL);
    TypedArray a = mContext.obtainStyledAttributes(attrs, R.styleable.menuM, defStyle, 0);
    if (a != null) {
      //初始化菜单数量
      count = a.getInteger(R.styleable.menuM_count, 0);
      if (count > 0) {
        initControl();
      }
      //设置背景色
      ColorStateList colorList = a.getColorStateList(R.styleable.menuM_backColor);
      if (colorList != null) {
        int backColor = colorList.getColorForState(getDrawableState(), 0);
        if (backColor != 0) {
          setBackColor(backColor);
        }
      }
      //设置文字的颜色
      ColorStateList textColorList = a.getColorStateList(R.styleable.menuM_textColor);
      if (textColorList != null) {
        int textColor = textColorList.getColorForState(getDrawableState(), 0);
        if (textColor != 0) {
          setTextColor(textColor);
        }
      }
      //记录View被按下时文字的颜色
      ColorStateList textColorPressList = a.getColorStateList(R.styleable.menuM_textColorPress);
      if (textColorPressList != null) {
        int textColorPress = textColorPressList.getColorForState(getDrawableState(), 0);
        if (textColorPress != 0) {
          setTextColorPress(textColorPress);
        }
      }
      //设置文本字体大小
      float textSize = a.getFloat(R.styleable.menuM_textSize, 0);
      if (textSize != 0) {
        setTextSize(textSize);
      }
      a.recycle();
    }
  }

  /**
   * 由于MenuItemM是有ButtonExtendM扩展而来，为了适应上下左右不同的样式
   * 需要在MenuItemM外层嵌套一层RelativeLayout，暂时没有找到更好的替代方案
   */
  private void initControl() {
    rlList = new ArrayList<>(count);
    menuList = new ArrayList<>(count);
    for (int i = 0; i < count; i++) {
      RelativeLayout rlPanel = new RelativeLayout(mContext);
      LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(0, ViewGroup.LayoutParams.MATCH_PARENT);
      lp.weight = 1;
      rlPanel.setLayoutParams(lp);
      final MenuItemM menuItem = new MenuItemM(mContext);
      RelativeLayout.LayoutParams lpR = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
      lpR.addRule(RelativeLayout.CENTER_IN_PARENT);
      menuItem.setLayoutParams(lpR);
      menuItem.setOnClickListener(new MenuItemM.OnClickListener() {
        @Override
        public void onClick(View v) {
          //此处需要根据view获取position
          MenuM.this.onClick(getPosition(menuItem));
        }
      });
      rlPanel.addView(menuItem);
      menuList.add(menuItem);
      rlList.add(rlPanel);
      addView(rlPanel);
    }
  }

  /**
   * 设置View的背景色
   *
   * @param backColor
   */
  public void setBackColor(int backColor) {
    if (backColor == 0) return;
    if (!checkCount()) {
      return;
    }
    for (RelativeLayout item : rlList) {
      item.setBackgroundColor(backColor);
    }
    for (MenuItemM item : menuList) {
      item.setBackColor(backColor);
    }
  }

  /**
   * 设置文字的颜色
   *
   * @param textColor
   */
  public void setTextColor(int textColor) {
    if (textColor == 0) return;
    if (!checkCount()) {
      return;
    }
    for (MenuItemM item : menuList) {
      item.setTextColor(textColor);
    }
  }

  /**
   * 设置View被按下时文字的颜色
   *
   * @param textColorPress
   */
  public void setTextColorPress(int textColorPress) {
    if (textColorPress == 0) return;
    if (!checkCount()) {
      return;
    }
    for (MenuItemM item : menuList) {
      item.setTextColorPress(textColorPress);
    }
  }

  /**
   * 设置icon的图片
   *
   * @param iconDrawable
   */
  public void setIconDrawable(Drawable[] iconDrawable) {
    if (count != iconDrawable.length) {
      Log.e(TAG, "the iconDrawable length do not equals count");
      return;
    }
    for (int i = 0; i < count; i++) {
      if (iconDrawable[i] != null) {
        menuList.get(i).setIconDrawable(iconDrawable[i]);
      }
    }
  }

  /**
   * 设置icon的图片
   *
   * @param iconDrawable
   */
  public void setIconDrawable(List<Drawable> iconDrawable) {
    if (count != iconDrawable.size()) {
      Log.e(TAG, "the iconDrawable length do not equals count");
      return;
    }
    for (int i = 0; i < count; i++) {
      if (iconDrawable.get(i) != null) {
        menuList.get(i).setIconDrawable(iconDrawable.get(i));
      }
    }
  }

  /**
   * 设置View被按下时的icon的图片
   *
   * @param iconDrawablePress
   */
  public void setIconDrawablePress(Drawable[] iconDrawablePress) {
    if (count != iconDrawablePress.length) {
      Log.e(TAG, "the iconDrawablePress length do not equals count");
      return;
    }
    for (int i = 0; i < count; i++) {
      if (iconDrawablePress[i] != null) {
        menuList.get(i).setIconDrawablePress(iconDrawablePress[i]);
      }
    }
  }

  /**
   * 设置View被按下时的icon的图片
   *
   * @param iconDrawablePress
   */
  public void setIconDrawablePress(List<Drawable> iconDrawablePress) {
    if (count != iconDrawablePress.size()) {
      Log.e(TAG, "the iconDrawablePress length do not equals count");
      return;
    }
    for (int i = 0; i < count; i++) {
      if (iconDrawablePress.get(i) != null) {
        menuList.get(i).setIconDrawablePress(iconDrawablePress.get(i));
      }
    }
  }

  /**
   * 设置显示的文本内容
   *
   * @param text
   */
  public void setText(CharSequence[] text) {
    for (int i = 0; i < count; i++) {
      menuList.get(i).setText(text[i]);
    }
  }

  /**
   * 设置显示的文本内容
   *
   * @param text
   */
  public void setText(List<CharSequence> text) {
    if (count != text.size()) {
      Log.e(TAG, "the text length do not equals count");
      return;
    }
    for (int i = 0; i < count; i++) {
      menuList.get(i).setText(text.get(i));
    }
  }

  /**
   * 获取显示的文本
   *
   * @return
   */
  public String getText(int index) {
    if (!checkIndex(index)) {
      return "";
    }
    return menuList.get(index).getText();
  }

  /**
   * 设置文本字体大小
   *
   * @param size
   */
  public void setTextSize(float size) {
    if (!checkCount()) {
      return;
    }
    for (MenuItemM item : menuList) {
      item.setTextSize(size);
    }
  }

  /**
   * 设置更多提示是否显示
   * 如果显示则先重置new和未读数量图标
   *
   * @param visibleMore
   */
  public void setVisibilityMore(int index, int visibleMore) {
    if (!checkIndex(index)) {
      return;
    }
    menuList.get(index).setVisibilityMore(visibleMore);
  }

  /**
   * 设置New提示是否显示
   * 如果显示则先重置更多和未读数量图标
   *
   * @param visibleNew
   */
  public void setVisibilityNew(int index, int visibleNew) {
    if (!checkIndex(index)) {
      return;
    }
    menuList.get(index).setVisibilityNew(visibleNew);
  }

  /**
   * 设置未读数量
   * 如果小于等于0，表示隐藏
   * 如果大于99，则将其隐藏，同时显示更多的提示
   * 如果在0-99区间，则隐藏更多和new图标
   *
   * @param unReadCount
   */
  public void setUnReadCount(int index, int unReadCount) {
    if (!checkIndex(index)) {
      return;
    }
    menuList.get(index).setUnReadCount(unReadCount);
  }

  /**
   * 设置为被选中状态
   *
   * @param index
   * @param state in MotionEvent.ACTION_DOWN or MotionEvent.ACTION_UP
   */
  public void setPressState(int index, int state) {
    if (!checkIndex(index)) {
      return;
    }
    menuList.get(index).setPressState(state);
  }

  /**
   * 设置菜单点击事件
   *
   * @param listener
   */
  public void setOnItemClickListener(@Nullable OnItemClickListener listener) {
    mOnItemClickListener = listener;
  }

  private void onClick(int position) {
    for (int i = 0; i < count; i++) {
      if (i == position) {
        setPressState(i, MotionEvent.ACTION_DOWN);
      } else {
        setPressState(i, MotionEvent.ACTION_UP);
      }
    }
    mOnItemClickListener.onItemClick(position);
  }

  /**
   * 获取点击菜单项的位置
   * @param item
   * @return
   */
  private int getPosition(MenuItemM item) {
    for (int i = 0; i < count; i++) {
      if (item == menuList.get(i)) {
        return i;
      }
    }
    return -1;
  }

  /**
   * 检查是否设置了Count参数
   *
   * @return
   */
  private boolean checkCount() {
    if (count == 0) {
      Log.e(TAG, "You must set the count first");
      return false;
    }
    return true;
  }

  /**
   * 校验输入参数是否合法
   *
   * @param index
   * @return
   */
  private boolean checkIndex(int index) {
    if (!checkCount()) {
      return false;
    }
    if (index < 0 || index >= count) {
      Log.e(TAG, "the index is wrong");
      return false;
    }
    return true;
  }

  public interface OnItemClickListener {
    void onItemClick(int position);
  }
}

代码比较简单，相信大家看一遍都可以理解，这里面使用了MenuItemM自定义控件，有不了解的可以参考以前的博客https://www./article/103913.htm或者查看源码。
全部代码已托管到开源中国的码云上，欢迎下载，地址：https://git.oschina.net/landptf/landptf.git

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

# Android  # 底部菜单  # Android使用CoordinatorLayout实现底部弹出菜单  # Android底部菜单栏实现的实例代码  # android SectorMenuView底部导航扇形菜单的实现代码  # android实现上滑屏幕隐藏底部菜单栏的示例  # Android仿微信底部菜单栏效果  # Android仿网易严选底部弹出菜单效果  # Android使用Activity实现从底部弹出菜单或窗口的方法  # Android自定义控件实现底部菜单(上)  # Android如何实现底部菜单固定到底部  # 按下  # 几个  # 先看  # 如何实现  # 背景色  # 菜单项  # 来了  # 是有  # 下载地址  # 就不  # 我只  # 而来  # 一遍  # 博客  # 上下左右  # 找了  # 自定义  # 会给  # 不了解  # 再看 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 如何在阿里云虚拟主机上快速搭建个人网站？  如何在 React 中条件性地遍历数组并渲染元素  Laravel如何升级到最新的版本_Laravel版本升级流程与兼容性处理  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  MySQL查询结果复制到新表的方法(更新、插入)  Laravel如何使用.env文件管理环境变量？（最佳实践）  Android仿QQ列表左滑删除操作  免费网站制作appp,免费制作app哪个平台好？  宙斯浏览器怎么屏蔽图片浏览 节省手机流量使用设置方法  智能起名网站制作软件有哪些,制作logo的软件？  零服务器AI建站解决方案：快速部署与云端平台低成本实践  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  如何用西部建站助手快速创建专业网站？  教学论文网站制作软件有哪些,写论文用什么软件 ？  Laravel如何获取当前用户信息_Laravel Auth门面获取用户ID  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  Laravel如何实现事件和监听器？（Event & Listener实战）  Android中AutoCompleteTextView自动提示  Laravel如何处理跨站请求伪造（CSRF）保护_Laravel表单安全机制与令牌校验  b2c电商网站制作流程,b2c水平综合的电商平台？  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？  Python3.6正式版新特性预览  如何破解联通资金短缺导致的基站建设难题？  Laravel如何发送邮件和通知_Laravel邮件与通知系统发送步骤  Laravel如何使用Blade模板引擎？（完整语法和示例）  怎么用AI帮你设计一套个性化的手机App图标？  ,网页ppt怎么弄成自己的ppt？  高端云建站费用究竟需要多少预算？  如何在VPS电脑上快速搭建网站？  如何在云指建站中生成FTP站点？  Laravel如何从数据库删除数据_Laravel destroy和delete方法区别  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  Laravel如何使用Seeder填充数据_Laravel模型工厂Factory批量生成测试数据【方法】  Laravel N+1查询问题如何解决_Eloquent预加载(Eager Loading)优化数据库查询  Laravel如何实现多语言支持_Laravel本地化与国际化(i18n)配置教程  Linux系统命令中screen命令详解  如何撰写建站申请书？关键要点有哪些？  详解Nginx + Tomcat 反向代理 负载均衡 集群 部署指南  Laravel如何实现数据导出到CSV文件_Laravel原生流式输出大数据量CSV【方案】  iOS验证手机号的正则表达式  html5源代码发行怎么设置权限_访问权限控制方法与实践【指南】  如何确认建站备案号应放置的具体位置？  Laravel如何自定义错误页面（404, 500）？（代码示例）  如何在 Pandas 中基于一列条件计算另一列的分组均值  如何在万网主机上快速搭建网站？  如何在搬瓦工VPS快速搭建网站？  如何基于云服务器快速搭建个人网站？  网站页面设计需要考虑到这些问题  利用vue写todolist单页应用  如何实现javascript表单验证_正则表达式有哪些实用技巧