Demo 地址: https://github.com/zhiweiAndroid/PaoPao
1.倒三角 泡提示的效果使用 9patch 来实现之外,还可以拿两个 Drawable 来拼接实现,这就需要一个圆角的矩形和一个三角的 Drawable

<!--倒三角的写法-->
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="45"
    android:pivotX="135%"
    android:pivotY="15%"
    android:toDegrees="45"
    >
    <shape android:shape="rectangle">
        <solid android:color="#ffe39c"></solid>
    </shape>
</rotate>
<!--正三角的写法-->
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="45"
    android:pivotX="-40%"
    android:pivotY="80%"
    android:toDegrees="45"
    >
    <shape android:shape="rectangle">
        <solid android:color="#ffe39c"></solid>
    </shape>
</rotate>

2.如何制作9.png

第一步:准备原图

将我们的图片放到drawable下面。

第二步:create 9patch图片

右键我们的图片选择create 9-Patch file…,选择存放的路径后,也就放在drawable下面然后确定,这个时候你会发现在drawable下面会出现一个popup_up.9.png 的图片。

第三步:对9patch图片处理

打开popup_up.9.png图片,会出现上图的界面,将我们的鼠标移到图片的四周会出现线,我们可以移动它给图片绘制1px宽度的黑线,左上两面绘制的黑线是设置可以拉伸的区域,右下是设置内容的区域,我们可以选中下面的show lock,show content,show patches,show bad patches这四个来看我们绘制后的效果。下面给出绘制后的效果图。
这里写图片描述
Demo 地址: https://github.com/zhiweiAndroid/PaoPao

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐