如何在xml drawable android中绘制矩形内端三角形形状?
我想画一个和下面一样的形状(浅蓝色),这样我就可以把它作为文本视图的背景- 很明显,如果我只需要画一个矩形,这可能很容易,但在形状上我也想要一个内三角形 如果有人试过这个,请帮帮我如何在xml drawable android中绘制矩形内端三角形形状?,android,xml,vector,drawable,shapes,Android,Xml,Vector,Drawable,Shapes,我想画一个和下面一样的形状(浅蓝色),这样我就可以把它作为文本视图的背景- 很明显,如果我只需要画一个矩形,这可能很容易,但在形状上我也想要一个内三角形 如果有人试过这个,请帮帮我 谢谢您可以先创建SVG,然后将其转换为矢量 更新: <?xml version="1.0" encoding="utf-8"?> <vector xmlns:android="http://schemas.android.com/apk/res/android" android:v
谢谢您可以先创建SVG,然后将其转换为矢量 更新:
<?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>
您可以先创建SVG,然后将其转换为矢量 更新:
<?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>
尝试此可绘制文件,并将其设置为所需视图的背景: 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>
尝试此可绘制文件,并将其设置为所需视图的背景: 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>
试试这段代码
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:height="100dp"
android:width="100dp"
android:viewportHeight="100"
android:viewportWidth="100">
<path
android:name="dark_triangle"
android:fillColor="#5ad0e6"
android:pathData="M 10,0 L 0,100 100,100 z" />
<path
android:name="light_triangle"
android:fillColor="#5ad0e6"
android:pathData="M 0,0 L 100,0 0,100 z" />
</vector>
试试这段代码
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:height="100dp"
android:width="100dp"
android:viewportHeight="100"
android:viewportWidth="100">
<path
android:name="dark_triangle"
android:fillColor="#5ad0e6"
android:pathData="M 10,0 L 0,100 100,100 z" />
<path
android:name="light_triangle"
android:fillColor="#5ad0e6"
android:pathData="M 0,0 L 100,0 0,100 z" />
</vector>
您也可以试试这个
<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
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" />
您也可以试试这个
<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
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" />
它显示了一条白色的斜线,我们可以删除吗?它显示了一条白色的斜线,我们可以删除吗?但我在将其设置为文本视图的背景时遇到了问题,这并不常见,因为我们使用简单的可绘制形状。但我在将其设置为文本视图的背景时遇到了问题,这是不常见的,因为我们使用简单的可绘制形状。这是我所需要的相同。但唯一的缺点是,当添加长文本时,高度会降低。这正是我所需要的。但唯一的缺点是,添加长文本时高度会降低。