Android之购物车及其他功能的角标实现

一：效果图、

二：实现步骤

1.自定义一个角标工具类BottomBarView 。

**
 * Created by Administrator on 2016/12/27.
 * 角标工具类
 */
public class BottomBarView extends RelativeLayout {


    private Context context;
    private TextView bar_num;
    private int count = 0;


    public BottomBarView(Context context) {
        this(context, null);
    }


    public BottomBarView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }


    public BottomBarView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.context = context;
        RelativeLayout rl = (RelativeLayout) LayoutInflater.from(context).inflate(R.layout.bottom_bar_view, this, true);
        bar_num = (TextView) rl.findViewById(R.id.bar_num);
        bar_num.setVisibility(GONE);
    }


    public void add() {
        bar_num.setVisibility(VISIBLE);
        count++;
        if (count < 100) {
            bar_num.setText(count + "");
        } else {
            bar_num.setText("99+");
        }
    }


    public void add(int n) throws Exception {
        if(n<0){
            throw new Exception(BottomBarView.class.getSimpleName()+" add(int n).The param must be a positive num");
        }
        bar_num.setVisibility(VISIBLE);
        count += n;
        if (count < 100) {
            bar_num.setText(count + "");
        } else {
            bar_num.setText("99+");
        }
    }


    public void delete() {
        if (count == 0) {
            bar_num.setVisibility(GONE);
        } else {
            count--;
            if (count == 0) {
                bar_num.setVisibility(GONE);
            } else if (count > 0 && count < 100) {
                bar_num.setVisibility(VISIBLE);
                bar_num.setText(count + "");
            } else {
                bar_num.setVisibility(VISIBLE);
                bar_num.setText("99+");
            }
        }
    }


    public void deleteAll() {
        count = 0;
        bar_num.setVisibility(GONE);
    }
}

2.工具类的一个xml布局。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    >


    <ImageView
        android:id="@+id/imggwc"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toLeftOf="@+id/imggenduo"
        android:src="@drawable/chaoshi_shopping_nav_icon" />
    <TextView
        android:id="@+id/bar_num"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="-12dp"
        android:layout_toRightOf="@+id/imggwc"
        android:background="@drawable/red_dot_bg"
        android:text="1"
        android:gravity="center"
        android:textColor="#FFFFFF"
        android:textSize="10dp" />


</RelativeLayout>

3.Activity的实现、

public static BottomBarView fragment_bottom_bar;
fragment_bottom_bar = (BottomBarView) findViewById(R.id.fragment_bottom_bar);

//购物车数量角标数据
    public static final void gwcsl() {
        Map<String, String> map = new HashMap<String, String>();
        map.put(ConstantUtil.TOKEN, SpUtil.get(ConstantUtil.TOKEN, ""));
        NormalPostRequest npr = new NormalPostRequest(MyUrlUtils.getFullURL(BaseServerConfig.CSGWCSL),
                new Response.Listener<JSONObject>() {
                    @Override
                    public void onResponse(JSONObject response) {
                        try {
                            String code = response.getString("code");
                            if (BaseServerConfig.CODE_SUCCESS.equals(code)) {
                                //角标数
                                int jiaobiao = Integer.parseInt(response.getString("resultCode"));
                                try {
                                    fragment_bottom_bar.deleteAll();
                                    if (jiaobiao > 0) {
                                        fragment_bottom_bar.add(jiaobiao);
                                    } else {
                                        fragment_bottom_bar.deleteAll();
                                    }
                                } catch (Exception e) {
                                    e.printStackTrace();
                                }
                            } else {
                            }
                        } catch (JSONException e) {
                        }
                    }
                }, new Response.ErrorListener() {
            @Override
            public void onErrorResponse(VolleyError error) {
            }
        }, map);
        BZApplication.getRequestQueue().add(npr);


    }

4.activity的xml布局、

  <RelativeLayout
                android:id="@+id/csgwcdj"
                android:layout_width="45dp"
                android:layout_height="match_parent"
                android:layout_toLeftOf="@+id/relative">

                <com.zjtd.bzcommunity.view.BottomBarView
                    android:id="@+id/fragment_bottom_bar"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true" />
            </RelativeLayout>

 

其实这个小功能很简单，只是你们想得太复杂。。。。。。。