Drawable 的使用

本文介绍了一种在Android应用中实现倒三角泡泡提示的方法,包括使用9-patch图片及组合两个Drawable资源来构建提示框。同时,还详细介绍了创建和编辑9-patch图片的具体步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值