仿微信聊天记录气泡背景
2016-06-15 16:35
791 查看
项目的需求,需要开发及时通讯功能。由于视觉效果要求,在发送图片的时候,参照微信的视觉效果。所以需要做一些定制开发。
接下来我共享此功能
直接上效果图:
![](https://img-blog.csdn.net/20160615163554446)
针对此功能,做详情讲解
首先看我们的布局文件:
单个ImageView
这里就是第二个图片的效果的 layout代码。
app:angle 圆角的半径
app:arrowHeight 尖角的高度
app:arrowLocation 尖角的位置 (left,right,top,bottom 四个方向)
app:arrowPosition 尖角 位置距离
app:arrowWidth 尖角的宽度
app:bubbleColor 背景颜色
单个TextView
布局文件 LinearLayout
在 BubbleImageView.java中有个
话不多说,直接上源码
bubbleLayout
有什么问题都交流
接下来我共享此功能
直接上效果图:
针对此功能,做详情讲解
首先看我们的布局文件:
单个ImageView
<com.github.library.bubbleview.BubbleImageView android:id="@+id/bubble_image" android:layout_width="180dp" android:layout_height="wrap_content" android:src="@drawable/girl" app:angle="6dp" app:arrowHeight="8dp" app:arrowLocation="left" app:arrowPosition="15dp" app:arrowWidth="10dp" />
这里就是第二个图片的效果的 layout代码。
app:angle 圆角的半径
app:arrowHeight 尖角的高度
app:arrowLocation 尖角的位置 (left,right,top,bottom 四个方向)
app:arrowPosition 尖角 位置距离
app:arrowWidth 尖角的宽度
app:bubbleColor 背景颜色
单个TextView
<com.github.library.bubbleview.BubbleTextVew android:id="@+id/textView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="10dp" android:text="Hello BubbleTextVew" android:textColor="@android:color/white" android:textSize="20sp" app:angle="8dp" app:arrowHeight="10dp" app:arrowLocation="right" app:arrowPosition="14dp" app:arrowWidth="8dp" app:bubbleColor="#7EC0EE" />
布局文件 LinearLayout
<com.github.library.bubbleview.BubbleLinearLayout android:id="@+id/bubble_layout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" app:angle="4dp" app:arrowHeight="10dp" app:arrowLocation="left" app:arrowPosition="10dp" app:arrowWidth="8dp" app:bubbleColor="#7EC0EE"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:src="@mipmap/ic_launcher" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginRight="4dp" android:text="BubbleLinearLayout Text" android:textColor="@android:color/white" /> </com.github.library.bubbleview.BubbleLinearLayout>
在 BubbleImageView.java中有个
@Override protec 878c ted void onDraw(Canvas canvas) { int saveCount = canvas.getSaveCount(); canvas.translate(getPaddingLeft(), getPaddingTop()); if (bubbleDrawable != null) bubbleDrawable.draw(canvas);//绘制背景,过滤 canvas.restoreToCount(saveCount); }
话不多说,直接上源码
bubbleLayout
有什么问题都交流
相关文章推荐
- 微信企业号主动下发消息提示60011错误
- 安卓仿微信左右滑动点击切换页面和图标
- 模仿 (微信)消息通知效果
- 微信公众平台开发(71)OAuth2.0网页授权
- Andorid开发中仿微信聊天界面中遇到的问题
- android 基础之仿微信tab实现
- 获取用户微信上的所在地
- 微信带参数二维码php
- 微信分享自定义内容实现
- 微信JS SDK Demo
- 微信JS接口
- 微信开放平台中android 应用签名的获取
- 微信公众号自定义菜单中添加图标(转)
- 微信消息模板php
- 微信支付:商户订单号重复
- 梦行MONXIN多卖家商城系统 线后或换域名后打不开 解决方案(PC+手机+微信+收银)
- 微信开发:微信支付(PHP)
- 微信分享完整demo
- 网页打开后,微信分享的时候,微信没抓到图片怎么办?
- C++考试小程序编程思路和简单设计