編輯:關於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自定義控件,有不了解的可以參考以前的博客http://www.jb51.net/article/103913.htm或者查看源碼。
全部代碼已托管到開源中國的碼雲上,歡迎下載,地址:https://git.oschina.net/landptf/landptf.git
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持本站。
使用React Native,可以使用NetInfo API獲取手機當前的各個網絡狀態。 componentWillMount() { NetInfo
題外話: 說來有些慚愧,對於這三者的初步認識居然是在背面試題的時候。那個時候自己接觸Android的時間還不長,學習的書籍也就是比較適合入門的《瘋狂Android講義》,
那如同這個題目,這裡面涉及的東西其實還是比較多的,RecycleView SwipeRefreshLayout,下拉刷新(這個就是SwipeRefreshLayout的)
JNI是一種可以在Java中調用C/C++代碼的技術,也就是說可以在Android上使用C/C++來開發。但是並不能用純C/C+&