android 气泡,Android打造带阴影的气泡

前言

在做Android项目的时候，我们的射鸡师常常会使用阴影，Android实现阴影目前主流有以下几种方式：

1)使用.9文件

2)使用 layer-list

3)使用 elevation,translationZ

4)使用自定义View 和自定义ViewGrop

本文综合考虑之后，考虑使用的是第二种方式layer-list实现以下小气泡效果：

image.png

气泡由两个部分组成，三角形和圆角的框

无标题.png

三角形带阴影实现

android:fromDegrees="45"

android:pivotX="81%"

android:pivotY="131%">

android:width="10dp"

android:height="10dp" />

android:fromDegrees="45"

android:pivotX="84%"

android:pivotY="134%">

android:width="10dp"

android:height="10dp" />

android:fromDegrees="45"

android:pivotX="87%"

android:pivotY="137%">

android:width="10dp"

android:height="10dp" />

android:fromDegrees="45"

android:pivotX="90%"

android:pivotY="140%">

android:width="10dp"

android:height="10dp" />

android:fromDegrees="45"

android:pivotX="93%"

android:pivotY="143%">

android:width="10dp"

android:height="10dp" />

image.png

2.圆角带阴影的框

android:bottom="1dp"

android:left="1dp"

android:right="1dp"

android:top="1dp" />

android:bottom="1dp"

android:left="1dp"

android:right="1dp"

android:top="1dp" />

android:bottom="1dp"

android:left="1dp"

android:right="1dp"

android:top="1dp" />

android:bottom="1dp"

android:left="1dp"

android:right="1dp"

android:top="1dp" />

image.png

0DCCCCCC，前面两位0D是颜色的透明度，详情可以查看博友的文章：https://www.jianshu.com/p/6102163af554

3.两部分组合

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:clickable="true">

android:id="@+id/roundLinearLayout2"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginStart="9dp"

android:orientation="horizontal"

android:background="@drawable/msg_gradual_round"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="parent">

android:id="@+id/textView4"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_marginLeft="15dp"

android:layout_marginTop="14dp"

android:layout_marginRight="12dp"

android:layout_marginBottom="15dp"

android:layout_weight="1"

android:text="6666666666666666666666666666666666666666666666666666666"

android:textColor="#000000"

android:textSize="14sp" />

android:id="@+id/iv_close"

android:layout_width="20dp"

android:layout_height="20dp"

android:padding="3dp"

android:layout_marginTop="11dp"

android:layout_marginRight="11dp"

android:src="@mipmap/icon_guide_cha" />

android:layout_width="13dp"

android:layout_height="13dp"

android:layout_marginTop="18dp"

android:background="@drawable/msg_left_triangle"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="@+id/roundLinearLayout2" />

image.png

就这样ok啦。