关于实现微信聊天气泡里显示图片

这是微信的效果,气泡中的图片没有边距

这是我的效果,背景气泡是用.9.png图片组成的一个selector,气泡中的图片有边距  如何才能像微信那样没有边矩呢?

------解决思路----------------------

可以用Bitmap画刷填充Path来实现

/**

* Created by Coder.Yan on 2015/5/21.

*/

@SuppressWarnings("deprecation")

public class XORView extends View {

Paint paint;

Path path;

BitmapShader brush;

public XORView(Context context, AttributeSet attrs) {

super(context, attrs);

paint = new Paint();

path = new Path();

BitmapDrawable drawable = (BitmapDrawable)getResources().getDrawable(R.drawable.ic_texture);

brush = new BitmapShader(drawable.getBitmap(), Shader.TileMode.REPEAT, Shader.TileMode.REPEAT);

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

canvas.save();

paint.setStyle(Paint.Style.FILL);

//paint.setColor(Color.GREEN);

paint.setShader(brush);

canvas.drawPath(path, paint);

paint.reset();

paint.setStyle(Paint.Style.STROKE);

canvas.drawPath(path, paint);

canvas.restore();

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

path.reset();

int w = getWidth();

int h = getHeight();

path.moveTo(0,10);

path.arcTo(new RectF(0,0,20,20),180,90);

path.lineTo(w - 30,0);

path.arcTo(new RectF(w - 40, 0, w - 20, 20), -90, 90);

path.lineTo(w-20,h/2 -10);

path.lineTo(w,h/2);

path.lineTo(w-20,h/2 +10);

path.lineTo(w-20,h - 10);

path.arcTo(new RectF(w-40, h-20,w-20,h-1),0,90);

path.lineTo(10,h-1);

path.arcTo(new RectF(0,h-20,20,h-1),90,90);

path.close();

}

}

效果图

android 图片气泡,关于实现微信聊天气泡里显示图片解决方案相关推荐

  1. Android气泡弹幕,Android弹幕实现:基于B站弹幕开源系统(7)QQ、微信聊天气泡样式的弹幕...

    Android弹幕实现:基于B站弹幕开源系统(7)QQ.微信聊天气泡样式的弹幕 在附录文章得基础上,改进普通文本弹幕,实现一种特殊效果的文本弹幕,像QQ.微信一样的带有气泡背景的弹幕.实现的重点是在S ...

  2. UIImageView 显示不规则图片,类似微信聊天气泡图片展示效果

    微信聊天气泡,图片充满显示,效果: -(void)layoutSubviews { [super layoutSubviews]; CAShapeLayer * _maskLayer = [CASha ...

  3. 微信视频气泡 android,变变微信聊天气泡

    变变微信聊天气泡是一款非常好用的气泡美化软件,让你的聊天框看起来更加个性化,不需要ROOT即可完成气泡设计,更具趣味性,喜欢的小伙们快来下载试试吧! 软件详情 让气泡在你的指尖跳跃吧! 变变聊天气泡( ...

  4. iOS实现类似微信聊天气泡

    1. 说明 要实现类似微信聊天气泡功能,主要有以下几个主要技术点需要实现: 背景图图拉伸后不变形 UILabel自适应宽度和高度 2. 背景图图拉伸后不变形 要实现背景图拉升不变形,就要设置只让指定部 ...

  5. HTML5实现微信聊天气泡效果

    最近做一个HybridApp,前端有一个群聊的功能,于是就想模仿微信的聊天界面,先看效果图: HTML代码: <!DOCTYPE html> <html lang="en& ...

  6. android 仿微信聊天时间格式化显示

    仿微信聊天时间格式化显示. 在同一年的显示规则: 如果是当天显示格式为 HH:mm 例:14:45 如果是昨天,显示格式为 昨天 HH:mm 例:昨天 13:12 如果是在同一周 显示格式为 周一 H ...

  7. 关于微信小程序不能显示图片

    本人场景:wxml <image> 标签设置 src="../../images/中文名.png" 时出现 IOS 端显示没问题,而安卓端不显示图片的问题. 上网一查才 ...

  8. 微信图片消息 服务器故障,解决图片上传到微信服务器后无法显示问题

    标签:attr   ict   viewport   使用   完全   example   cache   ber   copy vue项目里可以添加到app.vue 关于referrer 在页面引 ...

  9. 微信转发链接不显示图片和描述文字

    微信转发链接不显示图片和描述文字,只显示标题. 如果你觉得排除了代码的错误. 那就可能是因为没有绑定正确的公众号$appid和$appsecret 不清楚,之前的微信链发代码,是不是需要这两样,现在是 ...

最新文章

  1. python opencv 中bmp转raw格式图片并展示
  2. 基于Python语言Hamcrest断言的使用
  3. 利用 fdisk进行分区
  4. 常用批处理命令总结之Find和FindStr
  5. JAVA分布式篇3——Dubbo
  6. NHibernate+WCF项目实战(四)使用WAS对Webservices接口进行压力测试
  7. 数值溢出(arithmetic overflow)问题与解决方案
  8. Java 11:字符串类中的新方法
  9. UE4有linux版本吗,ue4软件下载 rhinos软件 ue4
  10. 微信公众平台开发接口返回码说明
  11. 鸟哥Linux第二十四章-Linux内核编译与管理简记
  12. java 因数分解_java因数分解实例源码
  13. python输入两个操作数和一个操作符_Python基础学习笔记贰
  14. CentOS8安装部署DzzOffice协同办公平台
  15. Win10便签设置日历的一周第一天为周日的方法
  16. 机器学习词汇翻译解释(2)
  17. linux 进程 ssl 状态,Linux进程状态与信号
  18. 25.Odoo产品分析 (三) – 人力资源板块(6) – 工资表(1)
  19. C++【STL】【反向迭代器】
  20. 二维图画法入门_建筑平面图怎么更快的入门和看懂,我是个初学者

热门文章

  1. 机器学习(四):w·x+b模型(1)
  2. 重读经典:《End-to-End Object Detection with Transformers》
  3. WPF界面-手机QQ_DEMO
  4. EasyX安装与使用
  5. 使用vuepress搭建一个完全免费的个人博客网站
  6. 径向渐变加阴影html,CSS径向渐变阴影 - 反转
  7. 聚焦商会 | 活动彰显一个商会的战斗力与影响力
  8. 如何比较两个文本的相似度
  9. 卡片式超声波水表优势
  10. Postman批量参数化测试