Как стать автором
Обновить

Стилизация приложений часть вторая

Время на прочтение2 мин
Количество просмотров15K
Gradroid
В прошлом уроке мы рассмотрели основные приемы стилизации. Идем дальше и узнаем немного нового про градиенты и рамки фигур.

Градиенты


Все хорошее быстро приедается, и мы хотим реализовать другие типы градиентов. Андроид поддерживает три стиля градиентов:
  • Линейный
  • Радиальный
  • Конический

С линейным мы уже знакомы, идем к радиальному.

Радиальный градиент

radial gradient
В радиальном градиенте происходит плавный переход из одного цвета в другой.

Давайте модифицируем hbutton_normal.xml из предыдущего урока и изменим градиент на радиальный:
<gradient
    android:endColor="#00CC00"
    android:gradientRadius="40"
    android:startColor="#EE0000"
    android:type="radial" />

Получаем на выходе:
button 1

Хм, а не сместить ли нам градиент левее?
<gradient
    android:centerX="0.2"
    android:endColor="#00CC00"
    android:gradientRadius="40"
    android:startColor="#EE0000"
    android:type="radial" />

Получаем:


Допустим, мы хотим добавить еще цветов. Андроид позволяет добавить еще один цвет в центр градиента:

	<gradient
	    android:centerColor="#0000DD"
	    android:centerX="0.2"
	    android:endColor="#00CC00"
	    android:gradientRadius="40"
	    android:startColor="#EE0000"
	    android:type="radial" />

Любуемся:


Конический градиент

В целом я не очень понимаю, зачем вообще Андроиду этот градиент, но вдруг вам пригодится:

<gradient
    android:centerColor="#0000DD"
    android:centerX="0.8"
    android:endColor="#00CC00"
    android:gradientRadius="40"
    android:startColor="#EE0000"
    android:type="sweep" />

Получаем:


Рамки


Рамки бывают двух видов — обычные непрерывные и необычные штрихами:)

Обычные рамки

Все довольно просто — цвет и толщина рамки:

<stroke
    android:width="2dp"
    android:color="#00FFFF" />



Штрихи

Дополнительно указываем ширину штриха и расстояние между ними:

<stroke
    android:dashGap="3dp"
    android:dashWidth="5dp"
    android:width="2dp"
    android:color="#00FFFF" />

Получаем:
Теги:
Хабы:
Всего голосов 40: ↑30 и ↓10+20
Комментарии29

Публикации

Истории

Работа

Ближайшие события

Антиконференция X5 Future Night
Дата30 мая
Время11:00 – 23:00
Место
Онлайн
OTUS CONF: GameDev
Дата30 мая
Время19:00 – 20:30
Место
Онлайн
Конференция «IT IS CONF 2024»
Дата20 июня
Время09:00 – 19:00
Место
Екатеринбург
Summer Merge
Дата28 – 30 июня
Время11:00
Место
Ульяновская область