Интерпретация характеристик Zeplin для создания Android кольца Drawable - PullRequest
Новая
       55

Интерпретация характеристик Zeplin для создания Android кольца Drawable

1 голос
/ 13 апреля 2020

Я пытаюсь выяснить, исходя из характеристик Zeplin, показанных ниже, как именно я могу создать следующий рисунок

enter image description here

Характеристики Zeplin:

enter image description here

Я знаю, что для этого мне нужен список слоев с овальной формой solid и кольцо с градиентом затухания. Чего я не понимаю, так это как я могу добиться этого конкретным образом и как я могу перевести упомянутые там внешние тени в прорисовываемый код. Мне удалось как-то этого добиться, но «техника» не совсем в порядке, плюс она работает только для этого измерения 145dpx145dp ImageView, если я пытаюсь использовать его для другого измерения, оно не подходит. Обратите внимание, что мне пришлось добавить несколько слоев для кольца, потому что только один из них должен был бы исчезнуть, я подумал, что чем больше размер, тем больше будет размыто цвет в начале кольца 

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape
        android:innerRadius="20dp"
        android:shape="ring"
        android:thickness="7dp"
        android:useLevel="false">
        <gradient
            android:centerColor="@color/azure"
            android:endColor="@color/azure_0"
            android:gradientRadius="24.5dp"
            android:startColor="@color/azure"
            android:type="radial" />
    </shape>
</item>
<item>
    <shape
        android:innerRadius="20dp"
        android:shape="ring"
        android:thickness="7dp"
        android:useLevel="false">
        <gradient
            android:centerColor="@color/azure"
            android:endColor="@color/azure_0"
            android:gradientRadius="24.5dp"
            android:startColor="@color/azure"
            android:type="radial" />
    </shape>
</item>
<item
    android:width="40dp"
    android:height="40dp"
    android:left="3.5dp"
    android:top="3.5dp">
    <shape android:shape="oval">
        <gradient
            android:endColor="@color/slate_grey"
            android:startColor="@color/charcoal_grey_three"
            android:type="linear" />
    </shape>
</item>

Есть ли более элегантный способ добиться этого и иметь возможность использовать его в нескольких измерениях View или кто-то может объяснить мне, как интерпретировать эти тени?

...