如何在xml drawable android中绘制矩形内部内部末端三角形形状?

时间:2019-01-17 09:31:04

标签: android xml vector drawable shapes

我想绘制一个与下面相同的形状(浅蓝色),以便可以将其用作TextView的背景-

enter image description here

很明显,如果我只需要绘制一个矩形,但是在形状上我也想要一个内部三角形,可能会很容易。

如果有人尝试过,请帮助我。

谢谢

4 个答案:

答案 0 :(得分:1)

您可以先创建SVG,然后将其转换为Vector

已更新:

    <?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:viewportWidth="640"
    android:viewportHeight="640"
    android:width="24dp"
    android:height="24dp">
    <path
        android:pathData="M526.63 383.78l-466.32 0 0 -234.7"
        android:fillColor="#3498DB" />
    <path
        android:pathData="M526.63 383.78L417.45 266.43 526.63 151.12 60.31 150"
        android:fillColor="#3498DB"/>
</vector>

答案 1 :(得分:1)

您也可以尝试

<vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="100dp"
        android:height="50dp"
        android:viewportWidth="100.0"
        android:viewportHeight="100.0">
    <path
        android:fillColor="#8BC34A"
        android:pathData="M 0,0 L 100,0 90,50 100,100 0,100 z"/>
</vector>

和您的 TextView 为:

<TextView
android:id="@+id/text_id"
android:layout_width="100dp"
android:layout_height="25dp"
android:layout_margin="@dimen/common_margin"
android:background="@drawable/you_drawable_here"
android:gravity="start|center"
android:paddingEnd="20dp"
android:text="your text here"
android:textColor="@color/white"
android:textSize="10sp"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

答案 2 :(得分:0)

尝试使用此可绘制文件并将其设置为所需视图的背景:

Ribbon.xml

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:viewportWidth="640"
    android:viewportHeight="640"
    android:width="24dp"
    android:height="24dp">
    <path
        android:pathData="M526.63 383.78l-466.32 0 0 -234.7"
        android:fillColor="#3498DB" />
    <path
        android:pathData="M526.63 383.78L417.45 266.43 526.63 151.12 60.31 149.08"
        android:fillColor="#3498DB"/>
</vector>

答案 3 :(得分:0)

尝试此代码

#inputPhoneNumber="ngModel"