android强迫症头像BadgeView

绝地灬酷狼 2022-08-03 08:45 224阅读 0赞

先看图片吧，需要用到的自己下载Demo，不需要的点右上角。

大多数的红点就是这两种，BadgeView是一个类文件，没有打成jar包，方便各位拓展。

点我下载Demo

Center

第一种效果与第二种效果。

先复制 BadgeView类到你的包下，然后在需要使用的地方 new 出来，并设置相关属性。

  1. BadgeView maintabbadgeView = new BadgeView(getApplicationContext(),
  2.                 tvBadgeView);
  3.         maintabbadgeView.setBadgePosition(BadgeView.POSITION_TOP_RIGHT);
  4.         maintabbadgeView.setTextSize(1);
  5.         maintabbadgeView.setBackgroundResource(R.drawable.notificaitonpoint);
  6.         maintabbadgeView.show();
  8.         BadgeView maintabbadgeView1 = new BadgeView(getApplicationContext(),
  9.                 tvBadgeView1);
  10.         maintabbadgeView1.setBadgePosition(BadgeView.POSITION_TOP_RIGHT);
  11.         maintabbadgeView1.setText("4");
  12.         maintabbadgeView1.show();

BadgeView类：

  1. package com.example.badgeviewdemo;
  3. import android.content.Context;
  4. import android.content.res.Resources;
  5. import android.graphics.Color;
  6. import android.graphics.Typeface;
  7. import android.graphics.drawable.ShapeDrawable;
  8. import android.util.AttributeSet;
  9. import android.util.TypedValue;
  10. import android.view.Gravity;
  11. import android.view.View;
  12. import android.view.ViewGroup;
  13. import android.view.ViewGroup.LayoutParams;
  14. import android.view.ViewParent;
  15. import android.view.animation.AccelerateInterpolator;
  16. import android.view.animation.AlphaAnimation;
  17. import android.view.animation.Animation;
  18. import android.view.animation.DecelerateInterpolator;
  19. import android.widget.FrameLayout;
  20. import android.widget.TabWidget;
  21. import android.widget.TextView;
  24. /**
  25.  * A simple text label view that can be applied as a "badge" to any given {@link android.view.View}. 
  26.  * This class is intended to be instantiated at runtime rather than included in XML layouts.
  27.  * 
  28.  */
  29. public class BadgeView extends TextView {
  31.     public static final int POSITION_TOP_LEFT = 1;
  32.     public static final int POSITION_TOP_RIGHT = 2;
  33.     public static final int POSITION_TOP_RIGHT2 = 7;
  34.     public static final int POSITION_BOTTOM_LEFT = 3;
  35.     public static final int POSITION_BOTTOM_RIGHT = 4;
  36.     public static final int POSITION_CENTER = 5;
  37.     public static final int POSITION = 6;
  39.     private static final int DEFAULT_MARGIN_DIP = 2;
  40.     private static final int DEFAULT_LR_PADDING_DIP = 5;
  41.     private static final int DEFAULT_CORNER_RADIUS_DIP = 8;
  42.     private static final int DEFAULT_POSITION = POSITION_TOP_RIGHT;
  43.     private static final int DEFAULT_BADGE_COLOR = Color.parseColor("#CCFF0000"); //Color.RED;
  44.     private static final int DEFAULT_TEXT_COLOR = Color.WHITE;
  46.     private static Animation fadeIn;
  47.     private static Animation fadeOut;
  49.     private Context context;
  50.     private View target;
  52.     private int badgePosition;
  53.     private int badgeMarginH;
  54.     private int badgeMarginV;
  55.     private int badgeColor;
  57.     private boolean isShown;
  59.     private ShapeDrawable badgeBg;
  61.     private int targetTabIndex;
  63.     public BadgeView(Context context) {
  64.         this(context, (AttributeSet) null, android.R.attr.textViewStyle);
  65.     }
  67.     public BadgeView(Context context, AttributeSet attrs) {
  68.         this(context, attrs, android.R.attr.textViewStyle);
  69.     }
  71.     /**
  72.      * Constructor -
  73.      * 
  74.      * create a new BadgeView instance attached to a target {@link android.view.View}.
  75.      *
  76.      * @param context context for this view.
  77.      * @param target the View to attach the badge to.
  78.      */
  79.     public BadgeView(Context context, View target) {
  80.         this(context, null, android.R.attr.textViewStyle, target, 0);
  81.     }
  83.     /**
  84.      * Constructor -
  85.      * 
  86.      * create a new BadgeView instance attached to a target {@link android.widget.TabWidget}
  87.      * tab at a given index.
  88.      *
  89.      * @param context context for this view.
  90.      * @param target the TabWidget to attach the badge to.
  91.      * @param index the position of the tab within the target.
  92.      */
  93.     public BadgeView(Context context, TabWidget target, int index) {
  94.         this(context, null, android.R.attr.textViewStyle, target, index);
  95.     }
  97.     public BadgeView(Context context, AttributeSet attrs, int defStyle) {
  98.         this(context, attrs, defStyle, null, 0);
  99.     }
  101.     public BadgeView(Context context, AttributeSet attrs, int defStyle, View target, int tabIndex) {
  102.         super(context, attrs, defStyle);
  103.         init(context, target, tabIndex);
  104.     }
  106.     private void init(Context context, View target, int tabIndex) {
  108.         this.context = context;
  109.         this.target = target;
  110.         this.targetTabIndex = tabIndex;
  112.         // apply defaults
  113.         badgePosition = DEFAULT_POSITION;
  114.         badgeMarginH = dipToPixels(DEFAULT_MARGIN_DIP);
  115.         badgeMarginV = badgeMarginH;
  116.         badgeColor = DEFAULT_BADGE_COLOR;
  118.         setTypeface(Typeface.DEFAULT);
  120.         setTextSize(15);
  121.         setTextColor(DEFAULT_TEXT_COLOR);
  122.         setBackgroundResource(R.drawable.bg1);
  123.         setGravity(Gravity.CENTER);
  124.         setPadding(1, 1, 1, 1);
  125.         fadeIn = new AlphaAnimation(0, 1);
  126.         fadeIn.setInterpolator(new DecelerateInterpolator());
  127.         fadeIn.setDuration(200);
  129.         fadeOut = new AlphaAnimation(1, 0);
  130.         fadeOut.setInterpolator(new AccelerateInterpolator());
  131.         fadeOut.setDuration(200);
  133.         isShown = false;
  135.         if (this.target != null) {
  136.             applyTo(this.target);
  137.         } else {
  138.             show();
  139.         }
  141.     }
  143.     private void applyTo(View target) {
  145.         LayoutParams lp = target.getLayoutParams();
  146.         ViewParent parent = target.getParent();
  147.         FrameLayout container = new FrameLayout(context);
  149.         if (target instanceof TabWidget) {
  151.             // set target to the relevant tab child container
  152.             target = ((TabWidget) target).getChildTabViewAt(targetTabIndex);
  153.             this.target = target;
  155.             ((ViewGroup) target).addView(container, 
  156.                     new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
  158.             this.setVisibility(View.GONE);
  159.             container.addView(this);
  161.         } else {
  163.             // TODO verify that parent is indeed a ViewGroup
  164.             ViewGroup group = (ViewGroup) parent; 
  165.             int index = group.indexOfChild(target);
  167.             group.removeView(target);
  168.             group.addView(container, index, lp);
  170.             container.addView(target);
  172.             this.setVisibility(View.GONE);
  173.             container.addView(this);
  175.             group.invalidate();
  177.         }
  179.     }
  181.     /**
  182.      * Make the badge visible in the UI.
  183.      * 
  184.      */
  185.     public void show() {
  186.         show(false, null);
  187.     }
  189.     /**
  190.      * Make the badge visible in the UI.
  191.      *
  192.      * @param animate flag to apply the default fade-in animation.
  193.      */
  194.     public void show(boolean animate) {
  195.         show(animate, fadeIn);
  196.     }
  198.     /**
  199.      * Make the badge visible in the UI.
  200.      *
  201.      * @param anim Animation to apply to the view when made visible.
  202.      */
  203.     public void show(Animation anim) {
  204.         show(true, anim);
  205.     }
  207.     /**
  208.      * Make the badge non-visible in the UI.
  209.      * 
  210.      */
  211.     public void hide() {
  212.         hide(false, null);
  213.     }
  215.     /**
  216.      * Make the badge non-visible in the UI.
  217.      *
  218.      * @param animate flag to apply the default fade-out animation.
  219.      */
  220.     public void hide(boolean animate) {
  221.         hide(animate, fadeOut);
  222.     }
  224.     /**
  225.      * Make the badge non-visible in the UI.
  226.      *
  227.      * @param anim Animation to apply to the view when made non-visible.
  228.      */
  229.     public void hide(Animation anim) {
  230.         hide(true, anim);
  231.     }
  233.     /**
  234.      * Toggle the badge visibility in the UI.
  235.      * 
  236.      */
  237.     public void toggle() {
  238.         toggle(false, null, null);
  239.     }
  241.     /**
  242.      * Toggle the badge visibility in the UI.
  243.      * 
  244.      * @param animate flag to apply the default fade-in/out animation.
  245.      */
  246.     public void toggle(boolean animate) {
  247.         toggle(animate, fadeIn, fadeOut);
  248.     }
  250.     /**
  251.      * Toggle the badge visibility in the UI.
  252.      *
  253.      * @param animIn Animation to apply to the view when made visible.
  254.      * @param animOut Animation to apply to the view when made non-visible.
  255.      */
  256.     public void toggle(Animation animIn, Animation animOut) {
  257.         toggle(true, animIn, animOut);
  258.     }
  260.     private void show(boolean animate, Animation anim) {
  261. //        if (getBackground() == null) {
  262. //            setBackgroundResource(R.drawable.bg1);
  263. //        }
  264.         applyLayoutParams();
  266.         if (animate) {
  267.             this.startAnimation(anim);
  268.         }
  269.         this.setVisibility(View.VISIBLE);
  270.         isShown = true;
  271.     }
  273.     private void hide(boolean animate, Animation anim) {
  274.         this.setVisibility(View.GONE);
  275.         if (animate) {
  276.             this.startAnimation(anim);
  277.         }
  278.         isShown = false;
  279.     }
  281.     private void toggle(boolean animate, Animation animIn, Animation animOut) {
  282.         if (isShown) {
  283.             hide(animate && (animOut != null), animOut);    
  284.         } else {
  285.             show(animate && (animIn != null), animIn);
  286.         }
  287.     }
  289.     /**
  290.      * Increment the numeric badge label. If the current badge label cannot be converted to
  291.      * an integer value, its label will be set to "0".
  292.      * 
  293.      * @param offset the increment offset.
  294.      */
  295.     public int increment(int offset) {
  296.         CharSequence txt = getText();
  297.         int i;
  298.         if (txt != null) {
  299.             try {
  300.                 i = Integer.parseInt(txt.toString());
  301.             } catch (NumberFormatException e) {
  302.                 i = 0;
  303.             }
  304.         } else {
  305.             i = 0;
  306.         }
  307.         i = i + offset;
  308.         setText(String.valueOf(i));
  309.         return i;
  310.     }
  312.     /**
  313.      * Decrement the numeric badge label. If the current badge label cannot be converted to
  314.      * an integer value, its label will be set to "0".
  315.      * 
  316.      * @param offset the decrement offset.
  317.      */
  318.     public int decrement(int offset) {
  319.         return increment(-offset);
  320.     }
  322. //    private ShapeDrawable getDefaultBackground() {//画圆
  323. //
  324. //        int r = dipToPixels(DEFAULT_CORNER_RADIUS_DIP)+4;
  325. //        float[] outerR = new float[] {r, r, r, r, r, r, r, r};
  326. //        RoundRectShape rr = new RoundRectShape(outerR, null, null);
  327. //        ShapeDrawable drawable = new ShapeDrawable(rr);
  328. //        drawable.getPaint().setColor(Color.RED);
  329. //
  330. //        return drawable;
  331. //
  332. //    }
  334.     private void applyLayoutParams() {
  336.         FrameLayout.LayoutParams lp = new FrameLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
  338.         switch (badgePosition) {
  339.         case POSITION_TOP_LEFT:
  340.             lp.gravity = Gravity.LEFT | Gravity.TOP;
  341.             lp.setMargins(badgeMarginV, badgeMarginH, 0, 0);
  342.             break;
  343.         case POSITION_TOP_RIGHT:
  344.             lp.gravity = Gravity.RIGHT | Gravity.TOP;
  345.             lp.setMargins(0, badgeMarginV, badgeMarginH, 0);
  346.             break;
  347.         case POSITION_TOP_RIGHT2:
  348.             break;
  349.         case POSITION_BOTTOM_LEFT:
  350.             lp.gravity = Gravity.LEFT | Gravity.BOTTOM;
  351.             lp.setMargins(badgeMarginH, 0, 0, badgeMarginV);
  352.             break;
  353.         case POSITION_BOTTOM_RIGHT:
  354.             lp.gravity = Gravity.RIGHT | Gravity.BOTTOM;
  355.             lp.setMargins(0, 0, badgeMarginH, badgeMarginV);
  356.             break;
  357.         case POSITION_CENTER:
  358.             lp.gravity = Gravity.CENTER;
  359.             lp.setMargins(0, 0, 0, 0);
  360.             break;
  361.         case POSITION://调整适合的手机布局
  362.             lp.setMargins(325, 105, 0, 0);
  363.         default:
  364.             break;
  365.         }
  367.         setLayoutParams(lp);
  369.     }
  371.     /**
  372.      * Returns the target View this badge has been attached to.
  373.      * 
  374.      */
  375.     public View getTarget() {
  376.         return target;
  377.     }
  379.     /**
  380.      * Is this badge currently visible in the UI?
  381.      * 
  382.      */
  383.     @Override
  384.     public boolean isShown() {
  385.         return isShown;
  386.     }
  388.     /**
  389.      * Returns the positioning of this badge.
  390.      * 
  391.      * one of POSITION_TOP_LEFT, POSITION_TOP_RIGHT, POSITION_BOTTOM_LEFT, POSITION_BOTTOM_RIGHT, POSTION_CENTER.
  392.      * 
  393.      */
  394.     public int getBadgePosition() {
  395.         return badgePosition;
  396.     }
  398.     /**
  399.      * Set the positioning of this badge.
  400.      * 
  401.      * @param layoutPosition one of POSITION_TOP_LEFT, POSITION_TOP_RIGHT, POSITION_BOTTOM_LEFT, POSITION_BOTTOM_RIGHT, POSTION_CENTER.
  402.      * 
  403.      */
  404.     public void setBadgePosition(int layoutPosition) {
  405.         this.badgePosition = layoutPosition;
  406.     }
  408.     /**
  409.      * Returns the horizontal margin from the target View that is applied to this badge.
  410.      * 
  411.      */
  412.     public int getHorizontalBadgeMargin() {
  413.         return badgeMarginH;
  414.     }
  416.     /**
  417.      * Returns the vertical margin from the target View that is applied to this badge.
  418.      * 
  419.      */
  420.     public int getVerticalBadgeMargin() {
  421.         return badgeMarginV;
  422.     }
  424.     /**
  425.      * Set the horizontal/vertical margin from the target View that is applied to this badge.
  426.      * 
  427.      * @param badgeMargin the margin in pixels.
  428.      */
  429.     public void setBadgeMargin(int badgeMargin) {
  430.         this.badgeMarginH = badgeMargin;
  431.         this.badgeMarginV = badgeMargin;
  432.     }
  434.     /**
  435.      * Set the horizontal/vertical margin from the target View that is applied to this badge.
  436.      * 
  437.      * @param horizontal margin in pixels.
  438.      * @param vertical margin in pixels.
  439.      */
  440.     public void setBadgeMargin(int horizontal, int vertical) {
  441.         this.badgeMarginH = horizontal;
  442.         this.badgeMarginV = vertical;
  443.     }
  445.     /**
  446.      * Returns the color value of the badge background.
  447.      * 
  448.      */
  449.     public int getBadgeBackgroundColor() {
  450.         return badgeColor;
  451.     }
  453.     /**
  454.      * Set the color value of the badge background.
  455.      * 
  456.      * @param badgeColor the badge background color.
  457.      */
  458. //    public void setBadgeBackgroundColor(int badgeColor) {
  459. //        this.badgeColor = badgeColor;
  460. //    }
  462.     private int dipToPixels(int dip) {
  463.         Resources r = getResources();
  464.         float px = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dip, r.getDisplayMetrics());
  465.         return (int) px;
  466.     }
  468. }

发表评论

表情：
评论列表 （有 0 条评论，224人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Android圆形头像实现

    ![这里写图片描述][SouthEast] 如图所示，实现一个QQ圆形头像，话不多说，直接上代码，继承ImageView类，重写里面的方法： package com

    女爷i女爷i/ 0 赞/ 402 阅读