Такие штуки гораздо проще, быстрее и удобней делать в векторе. Что-бы нарисовать подобный фон, нужно буквально 2 минуты. На любых экранах будет выглядеть отлично и большинство проблем связанных с этим просто исчезают.
По ссылке можно скачать готовый .xml
фон в векторе, срисованный с вашей картинки.
КАК ЭТО СДЕЛАТЬ?
Шаг 1. В любом векторном редакторе, например Adobe Illustrator или CorelDraw, рисуете прямоугольник и настраиваете углы/заливку/градиент/прочее. С прямоугольниками это довольно просто, но для более сложных вещей, придется потратить пару часов на освоение базовых возможностей программы.
Шаг 2. Экспортируете результат в формате svg
. Чтобы Android Studio правильно скушал ваш файл, его параметры должны быть следующими:
Стили - Атрибуты представления
Шрифт - SVG
Изображения - Встроить
ID объектов - Имена слоев
Точность - 2
Уменьшение файла - включено
Адаптивность - включено
Шаг 3. В Android Studio добавляете ваш файл через Vector Asset. Выбираете пункт Local file и указываете к нему путь. Нажимаете кнопку Finish - все готово, файл можно использовать.
СОВЕТЫ
Никогда не используйте обводку в svg
. Если нужна обводка, то перед экспортом, переведите ее в кривые.
Не используйте растровые эффекты вроде теней или свечения. Их легко нарисовать вектором. Есть много туториалов на эту тему.
Если в вашем векторе используется простой линейный или круговой градиент, то лучше сохраните файл с обычной заливкой. А градиент настройте уже в Android Studio. Это позволит, при необходимости, быстро менять его цвета прямо в IDE. Вот здесь хорошо и понятно описывается работа с круговым градиентом. С линейным вообще все просто - startColor
, centerColor
, endColor
.
Так можно делать не только с фоном для кнопок и айтемов. Любые иконки и кастомные элементы интерфейса сохраненные в векторе - очень сильно облегчают жизнь.