首页 > 系统 > Android > 正文

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

2019-12-12 03:55:46
字体:
来源:转载
供稿:网友

在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自定义控件,有不了解的可以参考以前的博客//www.VeVB.COm/article/103913.htm或者查看源码。
全部代码已托管到开源中国的码云上,欢迎下载,地址:https://git.oschina.net/landptf/landptf.git

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表