我需要自定义折叠工具栏的弧线矢量

时间:2019-01-11 08:20:52

标签: android xml vector toolbar drawable

我需要一个可以固定在工具栏底部的弧向量,使其看起来像这样:

https://androidexample365.com/content/images/2018/12/ArcLayout.jpg

图片来自androidexample365

非常感谢任何能提供帮助的人。

1 个答案:

答案 0 :(得分:0)

这是自定义折叠工具栏的圆弧向量

    <?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="500dp"
android:height="500dp"
android:viewportWidth="500"
android:viewportHeight="500">

<path
    android:fillColor="#000000"
    android:fillAlpha="0"
    android:strokeColor="#000000"
    android:strokeWidth="1"
    android:pathData="" />
<path
    android:fillColor="#000000"
    android:fillAlpha="0"
    android:strokeColor="#000000"
    android:strokeWidth="1"
    android:pathData="" />
<path
    android:fillColor="#389282"
    android:strokeWidth="1"
    android:pathData="M185.94 399.69C268.86 381.15 373.54 400.53 500 457.84L500 500L0 498.71L0 457.84C41.04 437.61 103.02 418.23 185.94 399.69Z" />
<path
    android:fillColor="#000000"
    android:fillAlpha="0"
    android:strokeColor="#389282"
    android:strokeWidth="1"
    android:pathData="M185.94 399.69C268.86 381.15 373.54 400.53 500 457.84L500 500L0 498.71L0 457.84C41.04 437.61 103.02 418.23 185.94 399.69Z" />
<path
    android:fillColor="#389282"
    android:fillAlpha="0"
    android:strokeColor="#389282"
    android:strokeWidth="1"
    android:pathData="M185.94 399.69C268.86 381.15 373.54 400.53 500 457.84L500 500L0 498.71L0 457.84C41.04 437.61 103.02 418.23 185.94 399.69Z" />

另一个是

    <?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="500dp"
android:height="500dp"
android:viewportWidth="500"
android:viewportHeight="500">

<path
    android:fillColor="#000000"
    android:fillAlpha="0"
    android:strokeColor="#000000"
    android:strokeWidth="1"
    android:pathData="" />
<path
    android:fillColor="#000000"
    android:fillAlpha="0"
    android:strokeColor="#000000"
    android:strokeWidth="1"
    android:pathData="" />
<path
    android:fillColor="#389282"
    android:strokeWidth="1"
    android:pathData="M185.94 72.51C268.86 85.91 373.54 71.9 500 30.48L500 0L0 0.93L0 30.48C41.04 45.1 103.02 59.11 185.94 72.51Z" />
<path
    android:fillColor="#000000"
    android:fillAlpha="0"
    android:strokeColor="#389282"
    android:strokeWidth="1"
    android:pathData="M185.94 72.51C268.86 85.91 373.54 71.9 500 30.48L500 0L0 0.93L0 30.48C41.04 45.1 103.02 59.11 185.94 72.51Z" />
<path
    android:fillColor="#389282"
    android:fillAlpha="0"
    android:strokeColor="#389282"
    android:strokeWidth="1"
    android:pathData="M185.94 72.51C268.86 85.91 373.54 71.9 500 30.48L500 0L0 0.93L0 30.48C41.04 45.1 103.02 59.11 185.94 72.51Z" />

以下是我关注的矢量图像建议

首先,根据需要create SVG file online,然后convert it into a vector,这很简单:)