【问题标题】:How to create a shape with concave side in Android如何在Android中创建凹面形状
【发布时间】:2018-08-29 12:08:59
【问题描述】:
我想创建一个如下图所示的形状,但我不知道该怎么做。我搜索了很多,但我找不到正确的答案。
我可以用圆角来做,但我不想那样。
这是我用于圆角的代码:
<?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>
【问题讨论】:
标签:
android
shapes
rounded-corners
【解决方案1】:
您可以使用 SVG 文件并将其转换为矢量资源。结果会是这样的:
<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>
像这样(例如)flag.xml 保存在 res/drawable 中,然后将其设置为 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 创建遮罩。