每一个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选中状态和未选中状态的标志即可