android消息提示方法自定义,Android自定义消息提示容器

最新推荐文章于 2021-11-08 16:53:45 发布
最新推荐文章于 2021-11-08 16:53:45 发布
阅读量253 收藏
点赞数
文章标签： android消息提示方法自定义
本文详细介绍了如何通过自定义`CustomMessageHintContainerView`实现消息提示容器的绘制，包括dispatchDraw方法的应用、背景高度计算、自适应逻辑以及关键属性设置。通过实例展示了如何根据自定义属性调整提示文字位置、颜色和大小。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

9d34b8370034

自定义消息提示容器.png

效果

9d34b8370034

效果图

实现逻辑

知识点

1、dispatchDraw(Canvas canvas)绘制子View，在这里绘制可以保证在其子View的上层

2、TextPaint默认从底部开始绘制文字，setTextAlign()可以设置绘制文本的对齐方式

实现思路

1、确认绘制背景的高度，因为不管是否开启自适应，高度始终不变。代码里体现在countDefaultTextBackgroundSize()中

2、根据自定义属性，确定绘制区域。代码里体现在countHintTextPosition()中

3、位置确定着手开始绘制背景和数字。dispatchDraw()

源码

/**

* 自定义消息提示容器

* {@link #countHintTextPosition() 计算绘制位置}

* {@link #countDefaultTextBackgroundSize() 计算背景高度}

*

* @attr customHintTextColor //消息数字颜色

* @attr customHintTextSize //消息数字尺寸

* @attr customHintTextBackground //消息背景颜色

* @attr customSelfAdaption //背景是否自适应数字大小

* @attr customHintTextMarginLeft //距离容器左侧外边距

* @attr customHintTextMarginRight //距离容器右侧外边距

* @attr customHintTextMarginTop //距离容器顶部外边距

* @attr customHintTextMarginBottom //距离容器底部外边距

* @attr customHintPosition //消息提示相对容器位置

*/

public class CustomMessageHintContainerView extends LinearLayout {

private static final String TAG = "CustomMessageHintContai";

//提示文字默认长度

private final int DEFAULT_LENGTH = 3;

//左上

public static final int POSITION_TOP_LIFT = 101;

//左下

public static final int POSITION_BOTTOM_LIFT = 102;

//右上

public static final int POSITION_TOP_RIGHT = 103;

//右下

public static final int POSITION_BOTTOM_RIGHT = 104;

/**

* 提示文字内容

*/

private String mMessageHintTextContent;

//绘制提示文字背景的画笔

private Paint mPaint;

//绘制提示文字的画笔

private TextPaint mTextPaint;

//提示文字的颜色

private int mMessageHintTextColor;

//提示文字的尺寸

private float mMessageHintTextSize;

//提示文字的背景颜色

private int mMessageHintBackgroundColor;

//提示内容相对容器的位置

private int mMessageHintPosition;

//是否根据文字自适应背景大小

private boolean isSelfAdaption;

//提示文字外边距

private float mMessageHintMarginLeft;

private float mMessageHintMarginTop;

private float mMessageHintMarginRight;

private float mMessageHintMarginBottom;

//默认背景的高度

private float mDefaultBackgroundHeight = 0;

public CustomMessageHintContainerView(Context context) {

this(context, null);

}

public CustomMessageHintContainerView(Context context, AttributeSet attrs) {

this(context, attrs, 0);

}

public CustomMessageHintContainerView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

//初始默认属性

initDefaultAttrs();

//初始自定义属性

initAttrs(context, attrs);

//初始画笔

initPaint();

//计算默认情况下需要的背景尺寸

countDefaultTextBackgroundSize();

}

@Override

protected void dispatchDraw(Canvas canvas) {

super.dispatchDraw(canvas);

RectF mRectF = countHintTextPosition();

if (mRectF != null) {

float backgroundWidth = mRectF.width();

float backgroundHeight = mRectF.height();

float radius = backgroundHeight / 2.0F;

//绘制背景

canvas.drawRoundRect(mRectF, radius, radius, mPaint);

Rect measureTextSize = measureTextSize("8");

//绘制文字

if (!isSelfAdaption) {

if (Integer.parseInt(mMessageHintTextContent) > 99) {

canvas.drawText("99+", backgroundWidth / 2.0F + mRectF.left, radius + mRectF.top + measureTextSize.height() / 2.0F, mTextPaint);

} else {

canvas.drawText(mMessageHintTextContent, backgroundWidth / 2.0F + mRectF.left, radius + mRectF.top + measureTextSize.height() / 2.0F, mTextPaint);

}

} else {

canvas.drawText(mMessageHintTextContent, backgroundWidth / 2.0F + mRectF.left, radius + mRectF.top + measureTextSize.height() / 2.0F, mTextPaint);

}

}

}

/**

* 计算默认背景尺寸

*/

private void countDefaultTextBackgroundSize() {

if (!TextUtils.isEmpty(mMessageHintTextContent)) {

StringBuffer mStringBuffer = new StringBuffer();

for (int i = 0; i < DEFAULT_LENGTH; i++) {

mStringBuffer.append("8");

}

Rect mDefaultTextRect = measureTextSize(mStringBuffer.toString());

mDefaultBackgroundHeight = (float) Math.ceil(Math.sqrt((Math.pow(mDefaultTextRect.width(), 2) + Math.pow(mDefaultTextRect.height(), 2))));

}

}

/**

* 计算提示文字显示位置

*/

private RectF countHintTextPosition() {

RectF mRectF = null;

if (!TextUtils.isEmpty(mMessageHintTextContent)) {

if (mDefaultBackgroundHeight == 0) {

countDefaultTextBackgroundSize();

}

//显示内容的文字尺寸

Rect mTextContentRect = measureTextSize(mMessageHintTextContent);

int mMeasuredWidth = this.getMeasuredWidth();

int mMeasuredHeight = this.getMeasuredHeight();

mRectF = new RectF();

switch (mMessageHintPosition) {

case POSITION_TOP_LIFT:

mRectF.top = mMessageHintMarginTop;

mRectF.bottom = mMessageHintMarginTop + mDefaultBackgroundHeight;

mRectF.left = mMessageHintMarginLeft;

if (isSelfAdaption) {

if (mMessageHintTextContent.length() <= DEFAULT_LENGTH) {

mRectF.right = mMessageHintMarginLeft + mDefaultBackgroundHeight;

} else {

mRectF.right = mMessageHintMarginLeft + mTextContentRect.width() + mDefaultBackgroundHeight / 2;

}

} else {

mRectF.right = mMessageHintMarginLeft + mDefaultBackgroundHeight;

}

break;

case POSITION_BOTTOM_LIFT:

mRectF.left = mMessageHintMarginLeft;

mRectF.bottom = mMeasuredHeight - mMessageHintMarginBottom;

mRectF.top = mMeasuredHeight - mMessageHintMarginBottom - mDefaultBackgroundHeight;

if (isSelfAdaption) {

if (mMessageHintTextContent.length() <= DEFAULT_LENGTH) {

mRectF.right = mMessageHintMarginLeft + mDefaultBackgroundHeight;

} else {

mRectF.right = mMessageHintMarginLeft + mTextContentRect.width() + mDefaultBackgroundHeight / 2;

}

} else {

mRectF.right = mMessageHintMarginLeft + mDefaultBackgroundHeight;

}

break;

case POSITION_TOP_RIGHT:

mRectF.top = mMessageHintMarginTop;

mRectF.bottom = mMessageHintMarginTop + mDefaultBackgroundHeight;

mRectF.right = mMeasuredWidth - mMessageHintMarginRight;

if (isSelfAdaption) {

if (mMessageHintTextContent.length() <= DEFAULT_LENGTH) {

mRectF.left = mMeasuredWidth - (mMessageHintMarginRight + mDefaultBackgroundHeight);

} else {

mRectF.left = mMeasuredWidth - (mMessageHintMarginRight + mTextContentRect.width() + mDefaultBackgroundHeight / 2);

}

} else {

mRectF.left = mMeasuredWidth - (mMessageHintMarginRight + mDefaultBackgroundHeight);

}

break;

case POSITION_BOTTOM_RIGHT:

mRectF.right = mMeasuredWidth - mMessageHintMarginRight;

mRectF.bottom = mMeasuredHeight - mMessageHintMarginBottom;

mRectF.top = mMeasuredHeight - mMessageHintMarginBottom - mDefaultBackgroundHeight;

if (isSelfAdaption) {

if (mMessageHintTextContent.length() <= DEFAULT_LENGTH) {

mRectF.left = mMeasuredWidth - mMessageHintMarginRight - mDefaultBackgroundHeight;

} else {

mRectF.left = mMeasuredWidth - mMessageHintMarginRight - mTextContentRect.width() - mDefaultBackgroundHeight / 2;

}

} else {

mRectF.left = mMeasuredWidth - mMessageHintMarginRight - mDefaultBackgroundHeight;

}

break;

default:

mRectF.top = mMessageHintMarginTop;

mRectF.bottom = mMessageHintMarginTop + mDefaultBackgroundHeight;

mRectF.right = mMeasuredWidth - mMessageHintMarginRight;

if (isSelfAdaption) {

if (mMessageHintTextContent.length() <= DEFAULT_LENGTH) {

mRectF.left = mMeasuredWidth - (mMessageHintMarginRight + mDefaultBackgroundHeight);

} else {

mRectF.left = mMeasuredWidth - (mMessageHintMarginRight + mTextContentRect.width() + mDefaultBackgroundHeight / 2);

}

} else {

mRectF.left = mMeasuredWidth - (mMessageHintMarginRight + mDefaultBackgroundHeight);

}

}

}

return mRectF;

}

//初始化画笔

private void initPaint() {

//绘制背景画笔

mPaint = new Paint();

mPaint.setAntiAlias(true);

mPaint.setStyle(Paint.Style.FILL_AND_STROKE);

mPaint.setColor(mMessageHintBackgroundColor);

//绘制文字画笔

mTextPaint = new TextPaint();

mTextPaint.setAntiAlias(true);

mTextPaint.setColor(mMessageHintTextColor);

mTextPaint.setTextSize(mMessageHintTextSize);

mTextPaint.setTextAlign(TextPaint.Align.CENTER);

}

/**

* 初始默认属性

*/

private void initDefaultAttrs() {

//默认文字颜色为白色

mMessageHintTextColor = Color.WHITE;

//默认文字大小12SP

mMessageHintTextSize = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 12, getResources().getDisplayMetrics());

//默认提示文字背景颜色红色

mMessageHintBackgroundColor = Color.RED;

//默认提示文字位置在右上角

mMessageHintPosition = POSITION_TOP_RIGHT;

//默认开启文字自适应

isSelfAdaption = true;

//默认外边距

mMessageHintMarginLeft = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 5, getResources().getDisplayMetrics());

mMessageHintMarginRight = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 5, getResources().getDisplayMetrics());

mMessageHintMarginTop = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 5, getResources().getDisplayMetrics());

mMessageHintMarginBottom = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 5, getResources().getDisplayMetrics());

}

/**

* 初始化自定义属性

*/

private void initAttrs(Context context, AttributeSet attrs) {

TypedArray mTypedArray = context.obtainStyledAttributes(attrs, R.styleable.CustomMessageHintContainerView);

isSelfAdaption = mTypedArray.getBoolean(R.styleable.CustomMessageHintContainerView_customSelfAdaption, isSelfAdaption);

mMessageHintBackgroundColor = mTypedArray.getColor(R.styleable.CustomMessageHintContainerView_customHintTextBackground, mMessageHintBackgroundColor);

mMessageHintTextColor = mTypedArray.getColor(R.styleable.CustomMessageHintContainerView_customHintTextColor, mMessageHintTextColor);

mMessageHintTextSize = mTypedArray.getDimension(R.styleable.CustomMessageHintContainerView_customHintTextSize, mMessageHintTextSize);

mMessageHintPosition = mTypedArray.getInt(R.styleable.CustomMessageHintContainerView_customHintPosition, mMessageHintPosition);

mMessageHintMarginLeft = mTypedArray.getDimension(R.styleable.CustomMessageHintContainerView_customHintTextMarginLeft, mMessageHintMarginLeft);

mMessageHintMarginRight = mTypedArray.getDimension(R.styleable.CustomMessageHintContainerView_customHintTextMarginRight, mMessageHintMarginRight);

mMessageHintMarginTop = mTypedArray.getDimension(R.styleable.CustomMessageHintContainerView_customHintTextMarginTop, mMessageHintMarginTop);

mMessageHintMarginBottom = mTypedArray.getDimension(R.styleable.CustomMessageHintContainerView_customHintTextMarginBottom, mMessageHintMarginBottom);

mTypedArray.recycle();

}

/**

* 测量文字的尺寸

*

* @return 一个汉字的矩阵

*/

private Rect measureTextSize(String content) {

Rect mRect = null;

if (!TextUtils.isEmpty(content)) {

if (mTextPaint != null) {

mRect = new Rect();

mTextPaint.getTextBounds(content, 0, content.length(), mRect);

}

}

return mRect;

}

/**

* 设置提示消息数

*

* @param number 提示数

*/

public void setMessageNumber(int number) {

this.mMessageHintTextContent = String.valueOf(number);

invalidate();

}

/**

* 设置背景根据内容自适应

*

* @param isSelfAdaption 是否开启自适应

*/

public void setSelfAdaption(boolean isSelfAdaption) {

this.isSelfAdaption = isSelfAdaption;

invalidate();

}

/**

* 设置消息相对容器的位置

*

* @param messageHintPosition 位置

*

See

* {@link #POSITION_TOP_RIGHT 右上角},

* {@link #POSITION_BOTTOM_LIFT 左下角},

* {@link #POSITION_BOTTOM_RIGHT 右下角},

* {@link #POSITION_TOP_LIFT 左上角}

*/

public void setMessageHintPosition(int messageHintPosition) {

this.mMessageHintPosition = messageHintPosition;

invalidate();

}

/**

* 获取提示消息数

*

* @return 消息数

*/

public int getMessageHintCount() {

if (TextUtils.isEmpty(mMessageHintTextContent)) {

return 0;

}

return Integer.parseInt(mMessageHintTextContent);

}

/**

* 获取自适应状态

*

* @return 状态

*/

public boolean getSelfAdaptionStatus() {

return isSelfAdaption;

}

}

自定义属性

我有愿望
关注
android消息提示方法自定义,Android仿QQ消息提示实现弹出式对话框
weixin_29256771的博客
05-25 1034
本文在《7种形式的Android Dialog使用实例》在这篇文章的基础进行学习，具体内容如下1.概述android原生控件向来以丑著称(新推出的Material Design当另说)，因此几乎所有的应用都会特殊定制自己的UI样式。而其中弹出式提示框的定制尤为常见，本篇我们将从模仿QQ退出提示框来看一下常见的几种自定义提示框的实现方式。这里使用的几种弹出框实现方法概括为以下几种：自定义Dialog...
Android自定义提示框
DMT专栏
08-15 1910
在开发中，如果感觉系统自带的提示框不好看，开发者可以自己定义提示框的样式，主要是继承Dialog 程序目录结构 关键代码 package com.dzt.custom.dialog; import android.app.Dialog; import android.content.Context; import android.content.res.Resources
Android 自定义消息提示 toast提示
小渣渣的博客
05-09 489
效果图： 使用toast提示一般有两种方法： 1.调用toast构造器 2.Toast.makeText方法 第二种常见，但不美观。 toast里有个方法：setView 可以让开发者自定义提示的内容 首先，定义一个布局文件（包括一个imageview，一个textview） <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.a...
android自定义消息提示框
weixin_41454168的博客
03-12 2471
自定义消息提示框主要分为两部分1、自定义消息提示框的布局想要怎样的布局都可以自己定义，主要是根据 id 来控制每一个控件创建 view_toast.xml 布局：&lt;LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gr...
android 功能提示,Android自定义输入框提示功能
weixin_39669265的博客
05-25 323
本文实例为大家分享了Android自定义输入框提示的具体代码，供大家参考，具体内容如下这是系统提供的一个控件：AutoCompleteTextViewandroid:layout_marginLeft="20dp"android:id="@+id/name_edit"android:layout_width="wrap_content"android:layout_height="wrap_con...
Android 自定义View结合自定义TabLayout实现顶部标签滑动效果
08-27
Android 自定义 View 结合自定义 TabLayout 实现顶部标签滑动效果 Android 自定义 View 结合自定义 TabLayout 可以实现顶部标签滑动效果，这是一种常见的 UI 布局方式，尤其是在移动应用程序中。在本文中，我们将...
Android自定义ViewGroup实现标签流容器FlowLayout
09-01
在Android开发中，自定义ViewGroup是实现特定布局需求的重要手段。本文主要讲解如何自定义一个名为FlowLayout的标签流容器，适用于展示类似热门标签的自动换行布局。Flow Layout是一种布局方式，它允许子视图根据...
Android应用开发中自定义ViewGroup视图容器的教程
01-05
ViewGroup相当于一个放置View的容器，并且我们在写布局xml的时候，会告诉容器（凡是以layout为开头的属性，都是为用于告诉容器的），我们的宽度（layout_width）、高度（layout_height）、对齐方式（layout_gravity...
Android 消息提示 小红点 自定义控件
10-04
Android 消息提示 小红点 自定义控件
Android 自定义弹窗提示（AlertDialog）
weixin_44177244的博客
12-14 2390
Android 自定义弹窗提示 Java文件： private void showSetDeBugDialog() { AlertDialog.Builder setDeBugDialog = new AlertDialog.Builder(this); //获取界面 View dialogView = LayoutInflater.from(this).inflate(R.layout.system_admin_psw_alert_dialog, null)
Android自定义消息推送
07-07
详情：http://blog.youkuaiyun.com/onceing/article/details/46789389
android自定义消息队列
06-05
在android中使用消息对队列，实现的简单的开始，暂停功能
Android自定义控件实现带文字提示的SeekBar
08-26
主要给大家介绍了关于Android自定义控件实现带文字提示的SeekBar的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Android 自定义底部导航栏+消息数量显示
05-15
Android 自定义底部导航栏+消息数量显示源代码下载，仅供参考。
android自定义提示信息吗,如何在Android中设置提醒？
weixin_42354933的博客
05-25 248
不，如果你想透明地将它添加到用户的日历中，它比调用方法更复杂。你有几个选择;调用意图在日历上添加事件这将弹出日历应用程序并让用户添加事件。您可以将一些参数传递给预填充字段：Calendar cal = Calendar.getInstance();Intent intent = new Intent(Intent.ACTION_EDIT);intent.setType("vnd.android.c...
android自定义提示框（AlertDialog ）
wangming0123的博客
09-15 383
AlertDialog builder = new AlertDialog.Builder(Item8Activity.this).create(); builder.show(); Window window = builder.getWindow(); window.clearFlags(WindowManager.LayoutParams.FLAG_ALT_FOCUSABLE_IM); window.setContentView(R.layout.layoutitem8); DatePicker d.
android 自定义提示弹窗
qq_41756580的博客
11-08 1130
效果预览： 调用方式： SmileDialog dialog = new SmileDialogBuilder(activity, type) .setTitleText(R.string.app_name) .setTitleText("弹出提示") .setContentText("这里是提示内容！") .setConformButton("确定") .
android 自定义消息,TUIKit Android自定义消息
weixin_35902426的博客
05-25 673
AndroidTUIKit已经在内部完成了基本消息的渲染工作，您可以很简单地通过属性设置来调节消息展示样式，也可以完全地自定义消息样式1、基本消息类型TUIKit 消息API类型请参见：MessageInfo.java2、基本属性设置参考：修改界面样式3、自定义消息很多情况下我们需要更多类型的消息，比如图文混排等富媒体格式，此时您仅需要实现自己富媒体消息的布局与交互逻辑并传入到TUIKit，TUI...
android自定义对话框_Android自定义提醒对话框
从零开始的教程世界
07-13 855
android自定义对话框In this tutorial, we’ll be discussing and implementing Custom Alert Dialogs in our Android Application. We’d discussed Android Alert Dialogs already here. 在本教程中，我们将在Android应用程序中讨论和实现“自定义警...
Android自定义水平滚动容器实现教程
在Android开发中，自定义水平滚动容器是一个常见的需求，特别是在需要展示大量内容或者需要用户进行平滑滚动浏览的应用场景中。本文将为你提供一个详细的示例，教你如何实现一个可自定义的`HorizontalScrollView`类...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值