Android 仿微信聊天气泡

第一次写博客，遇见了这样的需求，当时看见那个角就有点触了，想到了自定义去实现但是思路不是很明确，跟老大请教了下，给了我思路就开始上手，但是还是出不来想要的效果，最后功夫不负有心人啊，上效果图吧，

参考文档：https://segmentfault.com/a/1190000006753544，

这是一个自定义组合空间，可以往里面放任何控件，自定义９ｐａｔｃｈ效果．

public class ChatItemLayout extends FrameLayout {private int resourceId;private Context mContext;private Bitmap mMaskBitmap;private Paint mPaint;public ChatItemLayout(@NonNull Context context) {this(context,null);}public ChatItemLayout(Context context, AttributeSet attrs) {this(context, attrs,0);}public ChatItemLayout(@NonNull Context context, @Nullable AttributeSet attrs, @AttrRes int defStyleAttr) {super(context, attrs, defStyleAttr);TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.ChatItemLayout);resourceId = typedArray.getResourceId(R.styleable.ChatItemLayout_background_src, R.drawable.talk_blue_bg);typedArray.recycle();mContext = context;mPaint = new Paint();}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);if (getChildCount() <= 0) {return;}int child_height = getChildAt(0).getMeasuredHeight();int measuredWidth = getChildAt(0).getMeasuredWidth();if (mMaskBitmap != null && !mMaskBitmap.isRecycled()) {mMaskBitmap.recycle();mMaskBitmap = null;}if (mMaskBitmap == null) {mMaskBitmap = getMask(measuredWidth, child_height);}}@Overrideprotected void dispatchDraw(Canvas canvas) {try {drawMirrorBitmap(canvas);} catch (Exception e) {e.printStackTrace();}}private void drawMirrorBitmap(Canvas canvas) {canvas.saveLayerAlpha(0.0F, 0.0F, getMeasuredWidth(), getMeasuredHeight(), 250, Canvas.ALL_SAVE_FLAG);super.dispatchDraw(canvas);mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));canvas.drawBitmap(mMaskBitmap, 0.0f, 0.0f, mPaint);
//        canvas.restoreToCount(i);}private Bitmap getMask(int width, int height) {Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);Canvas canvas = new Canvas(bitmap);Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);paint.setColor(Color.BLACK);Drawable mask = mContext.getResources().getDrawable(resourceId);mask.setBounds(0, 0, width, height);mask.draw(canvas);return bitmap;}

这是刚出来效果，还没有进一步的优化，等后面再优化吧

Android 仿微信聊天气泡相关推荐

android 仿微信聊天气泡显示图片,怎么实现微信聊天时的气泡图（一）
首先,微信聊天的时候气泡图是什么样呢?上图, , 要实现这种气泡图,要怎么做? 主要的就是实现那个小三角吗?首先想到的肯定是使用伪元素+定位,对!!! 那我们来试一下,上代码点这里,这样很轻松的实现了 ...
android 仿微信聊天气泡显示图片,仿微信聊天气泡图片尖角按下变暗
实现微信气泡图片尖角 //-------------gen corner bitmap flow------------------------ //load the bg: .9.png which ...
android 仿微信聊天气泡显示图片,实现仿照微信聊天气泡里显示图片效果的自定义View...
第一部分是自定义的气泡效果的View,代码如下 public class BitmapShapeView extends View { private Paint mPaint; private Pa ...
android 仿微信聊天气泡显示图片,eoe资源：仿微信聊天气泡界面的实现（dota小黑与大马的对白）...
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 -接上- 众所周知,listview要充分运用到缓存试图convertView,否则一旦数据量大了很容易造成OOM异常,而我们的adaper里有用到两种视 ...
android格式化时间中文版,Android 仿微信聊天时间格式化显示功能
本文给大家分享android仿微信聊天时间格式化显示功能. 在同一年的显示规则: 如果是当天显示格式为 HH:mm 例:14:45 如果是昨天,显示格式为昨天 HH:mm 例:昨天 13:12 如果 ...
android 仿微信聊天界面以及语音录制功能,Android仿微信录制语音功能
本文实例为大家分享了Android仿微信录制语音的具体代码,供大家参考,具体内容如下前言我把录音分成了两部分 1.UI界面,弹窗读秒 2.一个类(包含开始.停止.创建文件名功能) 第一部分由于6 ...
Android仿微信聊天界面
今天说说android的仿微信聊天界面,我只想说两个字:坑爹项目已经传到了github: https://github.com/hebiao6446/Hantu-android- 还好我写过iOS仿 ...
android仿微信聊天功能,Android高仿微信聊天界面代码分享
微信聊天现在非常火,是因其界面漂亮吗,哈哈,也许吧.微信每条消息都带有一个气泡,非常迷人,看起来感觉实现起来非常难,其实并不难.下面小编给大家分享实现代码. 先给大家展示下实现效果图: OK,下面我们 ...
android 仿微信聊天时间格式化显示
仿微信聊天时间格式化显示. 在同一年的显示规则: 如果是当天显示格式为 HH:mm 例:14:45 如果是昨天,显示格式为昨天 HH:mm 例:昨天 13:12 如果是在同一周显示格式为周一 H ...

Android 仿微信聊天气泡

Android 仿微信聊天气泡相关推荐

最新文章

热门文章