Android 如何创建像这样的图像?

Android 如何创建像这样的图像?,android,imageview,Android,Imageview,我正在开发android新闻应用程序,如何在顶部的imageview上创建下面的imageview,应该有任何库或方法来实现这一点 尝试1:使用可绘制的简单形状: 看起来是这样的: 尝试2:使用自定义SVG 我启动了Inkscape,制作了一个快速三角形,我让它保持半透明,这样你们就可以看到它了 将其作为一个称为ic_bad_triangle的矢量资源导入,然后将其添加到图像的前景 。。。当然省略了所有属性 <ImageView ...

我正在开发android新闻应用程序,如何在顶部的imageview上创建下面的imageview,应该有任何库或方法来实现这一点

尝试1:使用可绘制的简单形状: 看起来是这样的:

尝试2:使用自定义SVG 我启动了Inkscape,制作了一个快速三角形,我让它保持半透明,这样你们就可以看到它了

将其作为一个称为ic_bad_triangle的矢量资源导入,然后将其添加到图像的前景

。。。当然省略了所有属性

    <ImageView
            ...
            android:foreground="@drawable/ic_bad_triangle" />
看起来是这样的:

显然,你必须调整你的向量资源以匹配你的设计和大小,但是你明白了,不需要引入一个库

最后一幅图像的三角形显然是半透明的,所以你可以看到它。考虑到这花了我25分钟,我希望这能让你走上正确的方向

更新:我打磨了三角形: 现在看起来是这样的:

尝试1:使用可绘制的简单形状: 看起来是这样的:

尝试2:使用自定义SVG 我启动了Inkscape,制作了一个快速三角形,我让它保持半透明,这样你们就可以看到它了

将其作为一个称为ic_bad_triangle的矢量资源导入,然后将其添加到图像的前景

。。。当然省略了所有属性

    <ImageView
            ...
            android:foreground="@drawable/ic_bad_triangle" />
看起来是这样的:

显然,你必须调整你的向量资源以匹配你的设计和大小,但是你明白了,不需要引入一个库

最后一幅图像的三角形显然是半透明的,所以你可以看到它。考虑到这花了我25分钟,我希望这能让你走上正确的方向

更新:我打磨了三角形: 现在看起来是这样的:


研究可绘制的图形和形状,一旦你了解了这一点,可能会创建一个白色的不透明三角形,并将其放在图像底部的顶部。我想这是做这件事的一种方法。你确定吗;即使是我所做的和我所做的事情:但说实话,这是我首先要做的;我要等一个小时,因为我要等一个小时;您可以使用此库为您的视图提供自定义形状。然后在该视图中加载图像您只需使用该形状即可获得直角,或者您甚至可以创建一个矢量三角形,将其着色为白色,并将其作为图像视图的前景对绘图、形状进行研究,一旦您了解了这一点,可能创建一个白色不透明三角形,并将其放在图像底部的顶部。我想这是做这件事的一种方法。你确定吗;即使是我所做的和我所做的事情:但说实话,这是我首先要做的;因为我要等一个小时,我现在就要试试;您可以使用此库为视图提供自定义形状。然后在该视图中加载图像您只需使用该形状即可获得直角,或者您甚至可以创建一个矢量三角形,将其着色为白色,并将其作为图像视图的前景
    <ImageView
            ...
            android:foreground="@drawable/ic_bad_triangle" />
<vector android:height="35.357143dp" android:viewportHeight="297"
    android:viewportWidth="210" android:width="25dp" xmlns:android="http://schemas.android.com/apk/res/android">
    <path android:fillColor="#ffffff"
        android:pathData="M-0.084,298.008H216.193L-0.421,258.091Z"
        android:strokeAlpha="1" android:strokeColor="#ffffff"
        android:strokeLineCap="butt" android:strokeLineJoin="miter" android:strokeWidth="0.64384729"/>
</vector>