安卓数字消息提醒、角标-测试BadgeView效果

效果

代码

1.BadgeViewTwo.java

package com.fe.statuslayout;

import android.app.Activity;
import android.graphics.Color;
import android.graphics.Typeface;
import android.os.Bundle;
import android.os.Handler;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageButton;
import android.widget.ListView;
import android.widget.TextView;

import com.jauker.widget.BadgeView;

/**
 * Created by Administrator on 2017/3/29 0029.
 * 测试BadgeView效果
 * 方式1：jar包使用，  badgeview.jar
 * 方式2：复制代码使用 BadgeView.java
 */

public class BadgeViewTwo extends Activity implements View.OnClickListener {
    private Button button9;
    private Button button10;
    private BadgeView badgeViewTwo;
    private ListView listview;
    private Button button11;
    private MyBaseAdapter listAdapter;
    private Button button12;
    private Button button13;
    private Button button14;
    private BadgeView badgeView;
    private Button button15;
    private ImageButton imagebutton16;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.badgeviewtwo);
        initView();
        badgeViewTwo = new BadgeView(this);
        badgeViewTwo.setBadgeCount(1);
        badgeViewTwo.setTargetView(button10);

        badgeView = new BadgeView(this);
        badgeView.setBadgeCount(22);
        badgeView.setBadgeGravity(Gravity.RIGHT | Gravity.TOP);
        badgeView.setTargetView(button9);
    }

    private void initView() {
        button9 = (Button) findViewById(R.id.button9);

        button9.setOnClickListener(this);
        button10 = (Button) findViewById(R.id.button10);
        button10.setOnClickListener(this);
        listview = (ListView) findViewById(R.id.listview);
        //listview.setOnClickListener(this);
        button11 = (Button) findViewById(R.id.button11);
        button11.setOnClickListener(this);
        button12 = (Button) findViewById(R.id.button12);
        button12.setOnClickListener(this);
        button13 = (Button) findViewById(R.id.button13);
        button13.setOnClickListener(this);
        button14 = (Button) findViewById(R.id.button14);
        button14.setOnClickListener(this);
        button15 = (Button) findViewById(R.id.button15);
        button15.setOnClickListener(this);
        imagebutton16 = (ImageButton) findViewById(R.id.imagebutton16);
        imagebutton16.setOnClickListener(this);
    }

    boolean flag;

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            //button需要设置android:background="@null",防止徽章角标被遮挡
            case R.id.button9:
                //模拟点赞和取消点赞
                if (flag) {
                    new Handler().postDelayed(new Runnable() {
                        @Override
                        public void run() {
                            //减少点赞
                            badgeView.decrementBadgeCount(1);

                        }
                    }, 1000);
                } else {
                    new Handler().postDelayed(new Runnable() {
                        @Override
                        public void run() {
                            //增加点赞
                            badgeView.incrementBadgeCount(1);

                        }
                    }, 1000);
                }
                flag = !flag;

                break;
            case R.id.button10:
                //思路：判断上一次状态，如果是隐藏，则显示
                badgeViewTwo.setVisibility(badgeViewTwo.getVisibility() == View.GONE ? View.VISIBLE : View.GONE);
                break;
            case R.id.button11:
                //展示listview列表
                listAdapter = new MyBaseAdapter();
                listview.setAdapter(listAdapter);
                break;
            case R.id.button12:
                final BadgeView badgeView2 = new BadgeView(this);
                //badgeView2.setText("文字");
                badgeView2.setText("文字");
                //设置字体
                badgeView2.setTypeface(Typeface.create(Typeface.SANS_SERIF, Typeface.ITALIC));
                //设置阴影
                badgeView2.setShadowLayer(5, -1, -1, Color.GREEN);
                badgeView2.setTargetView(button12);
                //2秒后更换字体
                new Handler().postDelayed(new Runnable() {
                    @Override
                    public void run() {

                        badgeView2.setText("new", TextView.BufferType.EDITABLE);

                    }
                }, 2000);
                break;

            case R.id.button13:
                BadgeView badgeView3 = new BadgeView(this);

                //badgeView3.setText("0");
                //设置0无效果，不会展示。。。
                //通过" "+"0"代替
                badgeView3.setText(" " + "0");
                //badgeView3.setBackground(12,Color.BLUE);
                //设置具体的颜色
                badgeView3.setBackground(12, Color.parseColor("#9b2eef"));
                badgeView3.setTargetView(button13);
                break;
            case R.id.button14:
                //修改背景图片
                final BadgeView badgeView4 = new BadgeView(this);
                badgeView4.setTargetView(button14);
                badgeView4.setText("1");

                badgeView4.setBackgroundResource(R.drawable.badge_orange);
                new Handler().postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        badgeView4.setBackgroundResource(R.drawable.badge_blue);
                    }
                }, 2000);

                break;
            case R.id.button15:
                //显示没有文字的徽章
                BadgeView badgeView5 = new BadgeView(this);
                badgeView5.setTargetView(button15);
                badgeView5.setText("  ");
                break;
            case R.id.imagebutton16:
                //适配@style/AppTheme：用ImageButton代替Button
                BadgeView badgeView6 = new BadgeView(this);
                badgeView6.setText("99+");
                badgeView6.setTargetView(imagebutton16);
                break;
        }
    }

    class MyBaseAdapter extends BaseAdapter {

        @Override
        public int getCount() {
            return 15;
        }

        @Override
        public Object getItem(int position) {
            return null;
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder viewHolder;
            if (null == convertView) {
                convertView = View.inflate(parent.getContext(), R.layout.list_row_badge, null);
                viewHolder = new ViewHolder();
                viewHolder.text = (TextView) convertView.findViewById(android.R.id.text1);
                //                viewHolder.text.setText(position);
                //报错
                viewHolder.badge = new BadgeView(parent.getContext());
                viewHolder.badge.setTargetView(viewHolder.text);
                viewHolder.badge.setBadgeGravity(Gravity.CENTER_VERTICAL | Gravity.RIGHT);
                viewHolder.badge.setBadgeMargin(8);
                convertView.setTag(viewHolder);
            } else {
                viewHolder = (ViewHolder) convertView.getTag();
            }
            viewHolder.text.setText("111");
            viewHolder.badge.setBadgeCount(position);

            return convertView;
        }
    }

    static class ViewHolder {
        TextView text;
        //需要在这里定义
        BadgeView badge;
    }
}

2.BadgeView.java

/*
 * BadgeView.java
 * BadgeView
 * 
 * Copyright (c) 2012 Stefan Jauker.
 * https://github.com/kodex83/BadgeView
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 * http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

package com.example.badgeviewtwo;

import android.content.Context;
import android.graphics.Color;
import android.graphics.Typeface;
import android.graphics.drawable.ShapeDrawable;
import android.graphics.drawable.shapes.RoundRectShape;
import android.util.AttributeSet;
import android.util.Log;
import android.util.TypedValue;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;
import android.widget.FrameLayout.LayoutParams;
import android.widget.TabWidget;
import android.widget.TextView;


public class BadgeView extends TextView {

    private boolean mHideOnNull = true;

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

    public BadgeView(Context context, AttributeSet attrs) {
        this(context, attrs, android.R.attr.textViewStyle);
    }

    public BadgeView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);

        init();
    }

    private void init() {
        if (!(getLayoutParams() instanceof LayoutParams)) {
            LayoutParams layoutParams =
                    new LayoutParams(
                            ViewGroup.LayoutParams.WRAP_CONTENT,
                            ViewGroup.LayoutParams.WRAP_CONTENT,
                            Gravity.RIGHT | Gravity.TOP);
            setLayoutParams(layoutParams);
        }

        // set default font
        setTextColor(Color.WHITE);
        setTypeface(Typeface.DEFAULT_BOLD);
        setTextSize(TypedValue.COMPLEX_UNIT_SP, 11);
        setPadding(dip2Px(5), dip2Px(1), dip2Px(5), dip2Px(1));

        // set default background
        setBackground(9, Color.parseColor("#d3321b"));

        setGravity(Gravity.CENTER);

        // default values
        setHideOnNull(true);
        setBadgeCount(0);
    }

    public void setBackground(int dipRadius, int badgeColor) {
        int radius = dip2Px(dipRadius);
        float[] radiusArray = new float[] { radius, radius, radius, radius, radius, radius, radius, radius };

        RoundRectShape roundRect = new RoundRectShape(radiusArray, null, null);
        ShapeDrawable bgDrawable = new ShapeDrawable(roundRect);
        bgDrawable.getPaint().setColor(badgeColor);
        setBackground(bgDrawable);
    }

    /**
     * @return Returns true if view is hidden on badge value 0 or null;
     */
    public boolean isHideOnNull() {
        return mHideOnNull;
    }

    /**
     * @param hideOnNull the hideOnNull to set
     */
    public void setHideOnNull(boolean hideOnNull) {
        mHideOnNull = hideOnNull;
        setText(getText());
    }

    /*
     * (non-Javadoc)
     * 
     * @see android.widget.TextView#setText(java.lang.CharSequence, android.widget.TextView.BufferType)
     */
    @Override
    public void setText(CharSequence text, BufferType type) {
        if (isHideOnNull() && (text == null || text.toString().equalsIgnoreCase("0"))) {
            setVisibility(View.GONE);
        } else {
            setVisibility(View.VISIBLE);
        }
        super.setText(text, type);
    }

    public void setBadgeCount(int count) {
        setText(String.valueOf(count));
    }

    public Integer getBadgeCount() {
        if (getText() == null) {
            return null;
        }

        String text = getText().toString();
        try {
            return Integer.parseInt(text);
        } catch (NumberFormatException e) {
            return null;
        }
    }

    public void setBadgeGravity(int gravity) {
        LayoutParams params = (LayoutParams) getLayoutParams();
        params.gravity = gravity;
        setLayoutParams(params);
    }

    public int getBadgeGravity() {
        LayoutParams params = (LayoutParams) getLayoutParams();
        return params.gravity;
    }

    public void setBadgeMargin(int dipMargin) {
        setBadgeMargin(dipMargin, dipMargin, dipMargin, dipMargin);
    }

    public void setBadgeMargin(int leftDipMargin, int topDipMargin, int rightDipMargin, int bottomDipMargin) {
        LayoutParams params = (LayoutParams) getLayoutParams();
        params.leftMargin = dip2Px(leftDipMargin);
        params.topMargin = dip2Px(topDipMargin);
        params.rightMargin = dip2Px(rightDipMargin);
        params.bottomMargin = dip2Px(bottomDipMargin);
        setLayoutParams(params);
    }

    public int[] getBadgeMargin() {
        LayoutParams params = (LayoutParams) getLayoutParams();
        return new int[] { params.leftMargin, params.topMargin, params.rightMargin, params.bottomMargin };
    }

    public void incrementBadgeCount(int increment) {
        Integer count = getBadgeCount();
        if (count == null) {
            setBadgeCount(increment);
        } else {
            setBadgeCount(increment + count);
        }
    }

    public void decrementBadgeCount(int decrement) {
        incrementBadgeCount(-decrement);
    }

    /*
     * Attach the BadgeView to the TabWidget
     * 
     * @param target the TabWidget to attach the BadgeView
     * 
     * @param tabIndex index of the tab
     */
    public void setTargetView(TabWidget target, int tabIndex) {
        View tabView = target.getChildTabViewAt(tabIndex);
        setTargetView(tabView);
    }

    /*
     * Attach the BadgeView to the target view
     * 
     * @param target the view to attach the BadgeView
     */
    public void setTargetView(View target) {
        if (getParent() != null) {
            ((ViewGroup) getParent()).removeView(this);
        }

        if (target == null) {
            return;
        }

        if (target.getParent() instanceof FrameLayout) {
            ((FrameLayout) target.getParent()).addView(this);

        } else if (target.getParent() instanceof ViewGroup) {
            // use a new Framelayout container for adding badge
            ViewGroup parentContainer = (ViewGroup) target.getParent();
            int groupIndex = parentContainer.indexOfChild(target);
            parentContainer.removeView(target);

            FrameLayout badgeContainer = new FrameLayout(getContext());
            ViewGroup.LayoutParams parentLayoutParams = target.getLayoutParams();

            badgeContainer.setLayoutParams(parentLayoutParams);
            target.setLayoutParams(new ViewGroup.LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));

            parentContainer.addView(badgeContainer, groupIndex, parentLayoutParams);
            badgeContainer.addView(target);

            badgeContainer.addView(this);
        } else if (target.getParent() == null) {
            Log.e(getClass().getSimpleName(), "ParentView is needed");
        }

    }

    /*
     * converts dip to px
     */
    private int dip2Px(float dip) {
        return (int) (dip * getContext().getResources().getDisplayMetrics().density + 0.5f);
    }
}

布局xml

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

    <Button
        android:background="@null"
        android:id="@+id/button9"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="显示标记，增加标记，减少标记"/>
    <Button
        android:background="@null"
        android:id="@+id/button10"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" android:text="隐藏/显示"/>
    <Button
        android:background="@null"
        android:id="@+id/button11"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="展示listview列表"/>
    <ListView android:id="@+id/listview"
              android:layout_width="match_parent"
              android:layout_height="150dp">
    </ListView>
    <Button
        android:background="@null"
        android:id="@+id/button12"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="展示文字标记"/>
    <Button
        android:background="@null"
        android:id="@+id/button13"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" android:text="修复背景颜色"/>
    <Button
        android:background="@null"
        android:id="@+id/button14"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" android:text="修改背景图片"/>
    <Button
        android:background="@null"
        android:id="@+id/button15"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" android:text="显示没有文字的徽章"/>
    <ImageButton
        android:id="@+id/imagebutton16"
        android:background="@drawable/ic_launcher"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
</LinearLayout>

。。。