как сделать угловой градиент для рисования - PullRequest
Новая
       12

как сделать угловой градиент для рисования

2 голосов
/ 17 апреля 2020

Я пытаюсь сделать градиентный фон, который помещается только внизу справа. (Извините за изображения, потому что мне не хватает повторений для inline)

https://i.stack.imgur.com/ebgWn.jpg

Сначала я сделал радиальный градиент, но не идеально 

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <gradient
        android:centerX="0.9"
        android:centerY="1"
        android:endColor="#00000000"
        android:gradientRadius="40%p"
        android:startColor="#BF000000"
        android:type="radial" />
</shape>

Это выглядит так:

https://i.stack.imgur.com/JOqFf.jpg

Затем я сделал линейный градиент, но все еще не идеален. 

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <gradient
        android:angle="315"
        android:endColor="#CD000000"
        android:startColor="#00FFFFFF"
        android:type="linear" />
</shape>

https://i.stack.imgur.com/a0y9C.jpg

Поскольку параметр dientRadius не работает с линейным градиентом. Есть ли параметр начальной / конечной точки для этого градиента? Спасибо за помощь!

1 Ответ

0 голосов
/ 18 апреля 2020

Лучше всего я пробовал с 

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
        android:centerX="0.8"
        android:centerY="1"
        android:endColor="#00000000"
        android:gradientRadius="80%p"
        android:startColor="#BF000000"
        android:type="radial" />

А затем оберните ваши TextView и значок галочки вместе внутри макета и установите для него фон выше ...

Если вы хотите точно такой же эффект, который вы предоставили на изображении, то вам лучше использовать для него файл изображения или вектор ... Но подход будет такой же, если задавать фон только для обернутого макета, а не Root.

...