Android自定义控件实现底部菜单(下)

在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自定义控件，有不了解的可以参考以前的博客或者查看源码。
全部代码已托管到开源中国的码云上，欢迎下载，地址：

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