Android實(shí)現(xiàn)未讀消息小紅點(diǎn)顯示實(shí)例
更新時(shí)間：2022年02月13日 16:45:38 作者：村長(zhǎng)~
大家好，本篇文章主要講的是Android實(shí)現(xiàn)未讀消息小紅點(diǎn)顯示實(shí)例，感興趣的同學(xué)趕快來(lái)看一看吧，對(duì)你有幫助的話記得收藏一下
使用 fragmentLayout 實(shí)現(xiàn)，可以把小紅點(diǎn)添加到任意 view 上。
效果 添加小紅點(diǎn)到 textview 上
添加小紅點(diǎn)到 imageview 上
代碼實(shí)現(xiàn)
首先定義一個(gè)圓形 drawable
import android.graphics.Canvas;
import android.graphics.ColorFilter;
import android.graphics.Paint;
import android.graphics.PixelFormat;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.ShapeDrawable;
import androidx.annotation.IntRange;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
public class CircleDrawable extends ShapeDrawable {
private Paint mPaint;
private int mRadio;
public CircleDrawable(int radio, int painColor) {
mPaint = new Paint();
mPaint.setAntiAlias(true);
mPaint.setColor(painColor);
mRadio = radio;
}
@Override
public void draw(@NonNull Canvas canvas) {
canvas.drawCircle(mRadio, mRadio, mRadio, mPaint);
}
@Override
public void setAlpha(@IntRange(from = 0, to = 255) int i) {
mPaint.setAlpha(i);
}
@Override
public void setColorFilter(@Nullable ColorFilter colorFilter) {
mPaint.setColorFilter(colorFilter);
}
@Override
public int getOpacity() {
return PixelFormat.TRANSLUCENT;
}
/***
* drawable實(shí)際寬高，圓形關(guān)鍵
*
* @return
*/
@Override
public int getIntrinsicWidth() {
return mRadio * 2;
}
@Override
public int getIntrinsicHeight() {
return mRadio * 2;
}
}
小紅點(diǎn)實(shí)現(xiàn)
思路：
一個(gè)容器 fragmentLayout 包含兩個(gè) view （小紅點(diǎn)view + 文本view 「當(dāng)然也可以是其他的view」），通過(guò) fragmentLayout 添加 view 重疊的特征實(shí)現(xiàn)
當(dāng)前有待優(yōu)化點(diǎn)：
1、通過(guò) margin 實(shí)現(xiàn)小紅點(diǎn)可以添加到任意位置「可以是有 layoutparams margin 實(shí)現(xiàn)」
2、其他
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Rect;
import android.graphics.drawable.ColorDrawable;
import android.graphics.drawable.ShapeDrawable;
import android.graphics.drawable.shapes.OvalShape;
import android.graphics.drawable.shapes.RoundRectShape;
import android.util.AttributeSet;
import android.util.Printer;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;
import android.widget.TextView;
import androidx.annotation.Nullable;
import com.primer.common.constant.GravityDirection;
import com.primer.common.mvp.LoginInterface;
import com.primer.common.util.LogHelper;
import com.primer.common.util.UiHelper;
import com.primer.common.view.drawable.CircleDrawable;
public class BadgeView extends TextView {
private final int DEFAULT_BADGE_RADIO = 5;
private final int DEFAULT_TEXT_SIZE = 5;
private final int DEFAULT_TEXT_COLOR = Color.WHITE;
private final int DEFAULT_BADGE_COLOR = Color.RED;
private final int DEFAULT_BADGE_GRAVITY = GravityDirection.DIRECT_TOP_LEFT;
private String mText;
private int mBadgeColor = DEFAULT_BADGE_COLOR;
private int mTextColor = DEFAULT_TEXT_COLOR;
private int mTextSize = DEFAULT_TEXT_SIZE;
private int mBadgeRadio = DEFAULT_BADGE_RADIO;
private int mBadgeGravity = DEFAULT_BADGE_GRAVITY;
private FrameLayout mFragmentLayout;
private ViewGroup mTargetViewGroup;
private View mTarget;
private Context mContext;
public BadgeView(Context context) {
super(context);
init(context);
}
public BadgeView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
init(context);
}
public BadgeView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context);
}
public BadgeView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
init(context);
}
private void init(Context context) {
mFragmentLayout = new FrameLayout(context);
mFragmentLayout.setLayoutParams(new FrameLayout.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
mContext = context;
}
/***
*
* @param content
* @param target
* @param textColor
* @param textSize
* @param badgeColor
* @param badgeRadio
*/
public void showBadgeView(String content, View target, int textColor, int textSize, int badgeColor, int badgeRadio) {
if (target == null) {
throw new IllegalArgumentException("target view must not be null");
}
mTarget = target;
mTargetViewGroup = (ViewGroup) target.getParent();
mTargetViewGroup.removeView(target);
mTargetViewGroup.addView(mFragmentLayout, target.getLayoutParams());
setTextColor(mTextColor);
setTextSize(mTextSize);
setGravity(Gravity.CENTER);
if (content != null && content.length() <= 3) {
setText(content);
}
//文字和半徑之間的適配
if (content != null) {
Rect rect = new Rect();
this.getPaint().getTextBounds(content, 0, content.length(), rect);
if (content.length() <= 3 && rect.width() >= mBadgeRadio) {
mBadgeRadio = (UiHelper.px2dip(mContext, rect.width()) / 2) + 1;
}
}
setBackgroundDrawable(getShapeDrawable());
mFragmentLayout.addView(target);
mFragmentLayout.addView(this);
mTargetViewGroup.invalidate();
}
private ShapeDrawable getShapeDrawable() {
int radio = UiHelper.dip2px(mContext, mBadgeRadio);
CircleDrawable drawable = new CircleDrawable(radio, mBadgeColor);
return drawable;
}
/***
*
* @param content
* @param target
*/
public void showBadgeView(String content, View target) {
showBadgeView(content, target,
DEFAULT_TEXT_COLOR,
DEFAULT_TEXT_SIZE,
DEFAULT_BADGE_COLOR,
DEFAULT_BADGE_RADIO);
}
public void showBadgeView(View target) {
showBadgeView(null, target,
DEFAULT_TEXT_COLOR,
DEFAULT_TEXT_SIZE,
DEFAULT_BADGE_COLOR,
DEFAULT_BADGE_RADIO);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
super.onLayout(changed, left, top, right, bottom);
}
}
使用
private BadgeView mReadBadgeView;
private TextView mRead;
mReadBadgeView = new BadgeView(getActivity());
mReadBadgeView.showBadgeView("+99", mRead);
總結(jié)
到此這篇關(guān)于Android實(shí)現(xiàn)未讀消息小紅點(diǎn)顯示實(shí)例的文章就介紹到這了,更多相關(guān)Android未讀消息小紅點(diǎn)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Android三種雙屏異顯實(shí)現(xiàn)方法介紹
現(xiàn)在越來(lái)越多的Android設(shè)備有多個(gè)屏幕，雙屏異顯應(yīng)用場(chǎng)景最多的應(yīng)該就是類(lèi)似于收銀平臺(tái)那種設(shè)備，在主屏上店員能夠?qū)c(diǎn)商品進(jìn)行選擇錄入，副屏則是展示給我們的賬單詳情，但是它只通過(guò)了一個(gè)軟件系統(tǒng)就實(shí)現(xiàn)了雙屏異顯這個(gè)功能，而Presentation正是這其中的關(guān)鍵2023-01-01
Android編程ProgressBar自定義樣式之動(dòng)畫(huà)模式實(shí)現(xiàn)方法
這篇文章主要介紹了Android編程ProgressBar自定義樣式之動(dòng)畫(huà)模式實(shí)現(xiàn)方法,涉及Android動(dòng)畫(huà)模式的布局技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-10-10
Android開(kāi)發(fā)之繪制平面上的多邊形功能分析
這篇文章主要介紹了Android開(kāi)發(fā)之繪制平面上的多邊形功能,結(jié)合實(shí)例形式分析了Android多邊形圖形繪制的原理、步驟、相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2017-09-09
需要注意一下幾個(gè)地方:盡量使用線性布局/盡量使用dip和sp，不要使用px/為不同的分辨率提供不同的布局文件和圖片，接下來(lái)為你詳細(xì)介紹下，感興趣的你可以參考下哈，希望可以幫助到你2013-03-03
Android Camera2實(shí)現(xiàn)最簡(jiǎn)單的預(yù)覽框顯示
這篇文章主要為大家詳細(xì)介紹了Android Camera2實(shí)現(xiàn)最簡(jiǎn)單的預(yù)覽框顯示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
在說(shuō)事件分發(fā)之前，我們先想一個(gè)問(wèn)題，在APP中我們點(diǎn)擊一個(gè)View的時(shí)候，事件是如何傳遞到這個(gè)View的呢？其實(shí)這就是我理解的事件分發(fā)機(jī)制。即當(dāng)手指點(diǎn)擊屏幕時(shí)，事件傳遞到具體View的過(guò)程2022-08-08
Android Studio通過(guò)Artifactory搭建本地倉(cāng)庫(kù)優(yōu)化編譯速度的方法
這篇文章主要介紹了Android Studio通過(guò)Artifactory搭建本地倉(cāng)庫(kù)優(yōu)化編譯速度的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
Android實(shí)現(xiàn)購(gòu)物車(chē)添加商品特效
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)購(gòu)物車(chē)添加商品特效，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-06-06
六款值得推薦的android（安卓）開(kāi)源框架簡(jiǎn)介
同事整理的android（安卓）開(kāi)源框架，個(gè)個(gè)都堪稱(chēng)經(jīng)典。32 個(gè)贊！2014-06-06
Android編程實(shí)現(xiàn)的首頁(yè)左右滑動(dòng)切換功能示例
這篇文章主要介紹了Android編程實(shí)現(xiàn)的首頁(yè)左右滑動(dòng)切換功能,涉及Android事件監(jiān)聽(tīng)及響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2017-07-07