天天看點

導航欄自定義控件

每一個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選中狀态和未選中狀态的标志即可