android 4下方菜单,Android自定义控件实现底部菜单(下)

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

主要包括以下功能：

1 设置icon以及点击之后的icon

2 设置文字

3 设置文字颜色以及点击之后的文字颜色

4 设置未读数量、更多以及new

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

1 在布局文件中引用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 menuList;

private List 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 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 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 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.jb51.net/article/103913.htm或者查看源码。

全部代码已托管到开源中国的码云上，欢迎下载，地址：https://git.oschina.net/landptf/landptf.git

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