每一個app都會有底部導航欄,那麼就寫一個自定義控件,每次用的時候,直接拿過來用就行了,不需要每次都要去寫了
public class NavigationTabView extends LinearLayout {
private ImageView iv_tab_icon;
public TextView iv_tab_desc;
public TextView tv_circle_count;
public ImageView iv_red_point;
private boolean isSelected;
private Drawable navigation_icon_nomal;
private Drawable navigation_icon_selected;
private int navigation_name_nomal;
private int navigation_name_selected;
public NavigationTabView(Context context, AttributeSet attrs) {
super(context, attrs);
View.inflate(context, R.layout.layout_navigation_tab, this);
iv_tab_icon = (ImageView) findViewById(R.id.iv_main_tab_icon);
tv_circle_count = (TextView) findViewById(R.id.tv_circle_count);
iv_red_point = (ImageView) findViewById(R.id.iv_red_point);
iv_tab_desc = (TextView) findViewById(R.id.iv_main_tab_desc);
TypedArray typeArray = context.obtainStyledAttributes(attrs, R.styleable.NavigationTabView);
navigation_name_nomal = typeArray.getColor(R.styleable.NavigationTabView_navigation_name_nomal, Color.RED);
navigation_name_selected = typeArray.getColor(R.styleable.NavigationTabView_navigation_name_selected, Color.RED);
navigation_icon_nomal = typeArray.getDrawable(R.styleable.NavigationTabView_navigation_icon_nomal);
navigation_icon_selected = typeArray.getDrawable(R.styleable.NavigationTabView_navigation_icon_selected);
setSelected(false);
typeArray.recycle();
this.setGravity(Gravity.CENTER_HORIZONTAL);
}
/**
* 判斷目前計數view是否顯示
*
* @return
*/
public boolean isShowCount() {
return tv_circle_count.getVisibility() == VISIBLE;
}
/**
* 設定目前view是否顯示
*
* @param isShowCount 是否顯示
* @param num 顯示的數量
*/
public void setShowCount(boolean isShowCount, int num) {
if (isShowCount) {
tv_circle_count.setVisibility(View.VISIBLE);
String numStr = String.valueOf(num);
if (num > 99) {
numStr = "99+";
}
tv_circle_count.setText(numStr);
} else {
tv_circle_count.setVisibility(View.INVISIBLE);
}
}
/**
* 設定是否顯示小紅點
*
* @param isShow 是否顯示
*/
public void setShowCountPoint(boolean isShow) {
iv_red_point.setVisibility(isShow ? View.VISIBLE : View.INVISIBLE);
}
/**
* 判斷目前tab的狀态
*
* @return boolean 是否選中
*/
public boolean isSelected() {
return isSelected;
}
/**
* 設定tab的狀态
*
* @param isSelected 是否選中
*/
public void setSelected(boolean isSelected) {
if (isSelected) {
iv_tab_icon.setImageDrawable(navigation_icon_selected);
iv_tab_desc.setTextColor(navigation_name_selected);
} else {
iv_tab_icon.setImageDrawable(navigation_icon_nomal);
iv_tab_desc.setTextColor(navigation_name_nomal);
}
this.isSelected = isSelected;
}
}
把這個自定義控件放到布局中就行了,在布局中自定義button選中狀态和未選中狀态的标志即可