Android应用中Vector Path实现的Tooltip改向上方向的代码修改咨询
修改Android Vector Tooltip方向(从向下到向上)
嘿,要把你的Vector Tooltip从向下改成向上,核心就是调整<path>标签里的android:pathData属性——因为这段路径数据直接定义了Tooltip的形状,包括箭头的指向。
具体修改思路:
- 首先看你的vector配置,
android:viewportHeight="182"是矢量图的画布高度,原路径里的箭头应该是指向画布底部(Y值接近182的位置),我们需要把箭头改到画布顶部(Y值接近0的位置)。 - 最直接的方式是翻转整个路径的Y轴坐标:把路径数据里所有的Y坐标值,用
182 - 原Y值替换。比如原路径里的M0 26.99可以改成M0 155.01(182-26.99=155.01)。 - 也可以单独调整箭头部分:如果原pathData末尾有指向底部的线段(比如
L98 182,代表箭头指向Y=182的位置),直接把182改成0,变成L98 0,就能让箭头朝上。
修改后的代码示例(基于你提供的片段):
<?xml version="1.0" encoding="utf-8"?> <vector xmlns:android="http://schemas.android.com/apk/res/android" android:width="44dp" android:height="30dp" android:viewportHeight="182" android:viewportWidth="196"> <path android:fillColor="#109af1" android:pathData="M0 155.01...L98 0 L196 155.01Z" /> </vector>
修改后你可以直接在Android Studio的矢量图预览面板里看效果,要是箭头位置不对,微调几个关键坐标值就好啦~
内容的提问来源于stack exchange,提问作者user9427911
相关产品推荐
相关产品推荐

