如何在Android中创建具有反转面的形状

时间:2018-03-20 15:30:12

标签: android shape rounded-corners invert

我想创建一个如下图所示的形状,但我不知道该怎么做。我经常搜索,但找不到合适的答案。

Inverted shape

我可以用圆角来做,但我不想那样。

以下是我用于圆角的代码:

<?xml version="1.0" encoding="UTF-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF"/>
    <corners android:radius="10dp"/>
    <padding android:left="0dp" android:top="0dp" android:right="0dp"             
        android:bottom="0dp" />
</shape>

1 个答案:

答案 0 :(得分:0)

您可以使用SVG文件并将其转换为Vector Asset。结果将是这样的:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="359dp"
    android:height="196dp"
    android:viewportWidth="359.5"
    android:viewportHeight="196.0">
<path
    android:pathData="M359.5,196H0V0h359.5V196zM294.25,155.07V40.93h-229c20.5,37.56 20.56,76.26 0,114.15H294.25z"
    android:fillColor="#FFD528"/>
</vector>

将此保存为(例如)res / drawable中的flag.xml,然后将其设置为ImageView为srcCompat(例如):

<ImageView
    android:id="@+id/imageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:srcCompat="@drawable/flag"/>

不幸的是,这种方式不允许您保留某些区域,因此您可能希望使用Resizable Bitmaps (9-Patch files)。如果您确实想要使用此形状创建某些视图的蒙版,canvas.clipPath(Path)将帮助您。附:目前不支持使用setConvexPath()的ViewOutlineProvider创建蒙版。