聊天气泡图片对称拉伸(箭头保持在中间)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了聊天气泡图片对称拉伸(箭头保持在中间)相关的知识,希望对你有一定的参考价值。

参考技术A

一般聊天气泡图片拉伸结果是这样的:

但是如果要求箭头在中间, 表示对某事物的说明, 就会很难实现:

我的实现方法如下, 需要两次拉伸, 第一次拉伸后需要保存图片. 需要注意的只是:
1.保存图片
2.计算第一次拉伸的宽度:第一次拉伸宽度=最终宽度/2+原图宽度/2.
3.如果原图箭头不在正中间, 不适用这个计算公式, 我的原图就是偏的, 所以结果有点偏.

续---2016-05-31
今天对一个图片进行拉伸控制, 不管怎么设置不没有效果, 最后才发现是图片太大了, 显示的时候根本就没有对图片进行拉伸, 反而压扁了...谨记

再续( - )---2016-10-28
上面说的方法有点复杂, 还有一种方法, 使用两个ImageView, 然后用两张图片都是原来气泡图片的一半, 如下图:

以上是关于聊天气泡图片对称拉伸(箭头保持在中间)的主要内容,如果未能解决你的问题,请参考以下文章

聊天气泡图片的动态拉伸适配与镜像

聊天气泡图片的动态拉伸适配与镜像

iOS绘制聊天气泡

如何在 Javascript 中制作可拉伸的聊天气泡?

怎么实现微信聊天时的气泡图

Android:制作聊天气泡点9图