книги хакеры / журнал хакер / 206_Optimized

				hang		e
			C				E
		X
	-							d
	F								t
	D								i
									r
P						NOW!			o
					BUY
				to
w Click										m
w
	w								o
	.							.c
		p					g
			df			n		e
				-xcha

					hang		e
				C				E
			X
		-							d
		F								t
		D								i
										r
	P						NOW!			o
						BUY
					to
w Click											m
w
		w								o
		.							.c
			p					g
				df			n		e
					-x cha

Метод withIcon определяет иконку слева, withBadge — тестовую метку справа (здесь, например, удобно отображать число новых сообщений или звонков), а setEnabled управляет доступностью элемента.

Рис. 1. Готовый Navigation Drawer за 5 минут

Обработка нажатий на элементы меню:

				hang		e
			C				E
		X
	-							d
	F								t
	D								i
									r
P						NOW!			o
					BUY
				to
w Click										m
w
	w								o
	.							.c
		p					g
			df			n		e
				-xcha

					hang		e
				C				E
			X
		-							d
		F								t
		D								i
										r
	P						NOW!			o
						BUY
					to
w Click											m
w
		w								o
		.							.c
			p					g
				df			n		e
					-x cha

Обработкой длинного клика занимается метод withOnDrawerItemLongClickList ener с обработчиком onItemLongClick.

В наличии поддержка разных аккаунтов с аватарками и быстрое переключение между ними. Также библиотека может похвастаться нехилым набором иконок для пунктов меню. В репозитории доступен подробнейший пример использования.

FLOATINGACTIONBUTTON

Пожалуй, Floating Action Button — наиболее популярный объект реализации в сторонних библиотеках. Учитывая, что неплохая поддержка FAB появилась и у Google, большинство из них потеряло актуальность и перестало развиваться. Мы же рассмотрим библиотеку с функционалом, отсутствующим в Support Library от Google.

Ссылка: github.com/futuresimple/android-floating-action-button Автор: Jerzy Chalupski

MinSdkVersion: 14

В Hangouts при нажатии на кнопку с «+» на заглавном экране открываются дополнительные Action-элементы с подписями. Рассматриваемая библиотека реализует подобный функционал (рисунок 2). Вся «магия» готовится в разметке активности или фрагмента:

				hang		e
			C				E
		X
	-							d
	F								t
	D								i
									r
P						NOW!			o
					BUY
				to
w Click										m
w
	w								o
	.							.c
		p					g
			df			n		e
				-xcha

					hang		e
				C				E
			X
		-							d
		F								t
		D								i
										r
	P						NOW!			o
						BUY
					to
w Click											m
w
		w								o
		.							.c
			p					g
				df			n		e
					-x cha

Элемент FloatingActionsMenu содержит две вложенные кнопки с подписями слева, появляющиеся при нажатии исходной. В коде же остается написать только обработчики нажатия:

По адресу доступен форк этой библиотеки, рассчитанный на устройства с API 4.

Замечу, что данный элемент (дополнительные Action’ы, выпадающие из FAB) пока не является парадигмой Material Design’а, скорее, это эксперимент Google

				hang		e
			C				E
		X
	-							d
	F								t
	D								i
									r
P						NOW!			o
					BUY
				to
w Click										m
w
	w								o
	.							.c
		p					g
			df			n		e
				-xcha							исключительно для Hangouts, что, кстати, было озву-

чено на Droidcon 2015.

hang

e

C

E

X

-

d

F

t

D

i

r

P

NOW!

o

BUY

to

w Click

m

w

w

o

.

.c

p

g

df

n

e

-x cha

DISCRETESEEKBAR

Ссылка: github.com/AnderWeb/discreteSeekBar Автор: Gustavo Claramunt

MinSdkVersion: 7

Библиотека реализует компонент Discrete Slider, активно показывающий изменение прогресса в виде

«капли» с текстовой меткой (рисунок 3). Для версий

Android до 5.0 имитируется эффект «ряби» при нажа- Рис. 2. Три выпадающих FAB тии на слайдер. Добавление компонента в разметку тривиально:

Рис. 3. Слайдер и его «капля»

Длянаписаниякодадоступныобработчики: onProgressChanged — при изменении прогресса, onStartTrackingTouch — при первом прикосновении, onStopTrackingTouch — при убирании пальца.

				hang		e
			C				E
		X
	-							d
	F								t
	D								i
									r
P						NOW!			o
					BUY
				to
w Click										m
w
	w								o
	.							.c
		p					g
			df			n		e
				-xcha

					hang		e
				C				E
			X
		-							d
		F								t
		D								i
										r
	P						NOW!			o
						BUY
					to
w Click											m
w
		w								o
		.							.c
			p					g
				df			n		e
					-x cha

Кроме того, с помощью обширных свойств компонента можно менять внешний вид и поведение. Например, чтобы задать основные цвета (окантовки, капли и «ряби»), достаточно указать в разметке:

app:dsb_indicatorColor=”@color/accent”

app:dsb_progressColor=”@color/accent”

app:dsb_rippleColor=”@color/divider”

ANDROID-SWIPE-

TO-DISMISS-UNDO

Ссылка: github.com/hudomju/android-swipe- to-dismiss-undo

Автор: Hugo Doménech Juárez MinSdkVersion: 15

Данная библиотека реализует эффект свайпа для элементов списков ListView и ReсyclerView. После смахивания вместо элемента появляется один или несколько Action’ов, как правило, удаляющих элемент, но с возможностью отмены (рисунок 4).

Сокращенный вариант разметки

элемента списка представлен ниже: Рис. 4. Отмена удаления элемента RecyclerView

				hang		e
			C				E
		X
	-							d
	F								t
	D								i
									r
P						NOW!			o
					BUY
				to
w Click										m
w
	w								o
	.							.c
		p					g
			df			n		e
				-xcha

					hang		e
				C				E
			X
		-							d
		F								t
		D								i
										r
	P						NOW!			o
						BUY
					to
w Click											m
w
		w								o
		.							.c
			p					g
				df			n		e
					-x cha

ЗдеськразметкедобавляетсяневидимыйслойLinearLayout(visibility=»gone»), который появится после свайпа. В данном случае он содержит две тестовые метки — «Удалено» и «Отмена».

Очевидно, для отмены удаления элемента необходимо обработать нажатие на соответствующую метку:

				hang		e
			C				E
		X
	-							d
	F								t
	D								i
									r
P						NOW!			o
					BUY
				to
w Click										m
w
	w								o
	.							.c
		p					g
			df			n		e
				-xcha

					hang		e
				C				E
			X
		-							d
		F								t
		D								i
										r
	P						NOW!			o
						BUY
					to
w Click											m
w
		w								o
		.							.c
			p					g
				df			n		e
					-x cha

Метод canDismiss() определяет, может ли быть удален элемент по индексу, а onDismiss() окончательно его удаляет. Для обработки нажатий используется специальный обработчик SwipeableItemClickListener, в методе onItemClick которого отлавливается нажатие на метку «Отмена» с последующим вызовом undoPendingDismiss().

Данная библиотека в силу простоты и лаконичности хорошо подходит для расширения функционала свайпов. Но есть небольшой подводный булыжник — пример из репозитория крашится при использовании RecyclerView, так как не находит обработчик onRequestDisallowInterceptTouchEvent. Фикс тривиален до неприличия:

Рис. 5. Material RatingBar

				hang		e
			C				E
		X
	-							d
	F								t
	D								i
									r
P						NOW!			o
					BUY
				to
w Click										m
w
	w								o
	.							.c
		p					g
			df			n		e
				-xcha							Теперь вместо SwipeableItemClickListener используем приведенный класс:

				hang		e
			C				E
		X
	-							d
	F								t
	D								i
									r
P						NOW!			o
					BUY
				to
w Click										m
w
	w								o
	.							.c
		p					g
			df			n		e
				-x cha

Возможно, когда ты прочтешь эти строки, данное исправление уже будет в репозитории проекта.

CUSTOM-RATING-BAR

Ссылка: github.com/kanytu/custom-rating-bar Автор: Pedro Oliveira

MinSdkVersion: 4

RatingBar можно по праву назвать самым печальным виджетом всего Android SDK. Казалось бы, паттерн взаимодействия с пользователем в виде выбора звездочек рейтинга интуитивно понятен, удобен и не требует от пользователя лишних телодвижений вроде необходимости печатать текст на экранной клавиатуре или выбирать из списка подходящий вариант… Но нет, стандартный компонент — это нечто!

Во-первых, он масштабируется чуть менее, чем никак, то есть если, например, вставить его в диалоговое окно, то на смартфоне с диагональю 4.65’ в портретном режиме пять звезд уже не влезут и число автоматически уменьшится до четырех, потроллив и пользователя, и разработчика. Во-вто- рых, как подсказывает Stack Overflow, у RatingBar’а все-таки можно установить style=»?android:attr/ ratingBarStyleSmall», уменьшающий размер звездочек до… точек (!), что также озадачивает. В общем, использовать этот компонент в адаптивной разметке чрезвычайно неудобно, если вообще возможно.

ОднаконайтисторонниереализацииRatingBar’a почему-то не так-то просто. Я остановился на готовом классе (именно классе, не библиотеке) — сustom-rating-bar, который нужно скопировать в проект вручную.

Виджет добавляется в разметку вполне стандартно (рисунок 5):

				hang		e
			C				E
		X
	-							d
	F								t
	D								i
									r
P						NOW!			o
					BUY
				to
w Click										m
w
	w								o
	.							.c
		p					g
			df			n		e
				-xcha

					hang		e
				C				E
			X
		-							d
		F								t
		D								i
										r
	P						NOW!			o
						BUY
					to
w Click											m
w
		w								o
		.							.c
			p					g
				df			n		e
					-x cha

Размеры учитываются корректно, и указанная ширина layout_width=»match_ parent» гарантирует, что этот RatingBar впишется в отведенное для него место. Использовать также просто:

Выбор рейтинга сопровождается анимацией, а в качестве звездочек можно использовать любые растровые изображения.

Кстати, в репозитории автора есть несколько других полезных классов, не пропусти!

MATERIAL DIALOGS

Ссылка: github.com/afollestad/material-dialogs Автор: Aidan Follestad

MinSdkVersion: 8

Данная библиотека специализируется исключительно на Material-диалогах (рисунок 6). Взору разработчиков представлены самые разнообразные варианты — простые (Basic), с кнопками (Action), со списком (List), с единственным (Single Choice) и множественным (Multi Choise) выбором элементов, с нестандартной разметкой и адаптером (Custom Adapter), с выбором цветов и темой оформления, с круговым и линейным прогрессом (Progress Bar). К сожалению, не хватает диалога выбора даты и времени.

В качестве примера рассмотрим вариант диалога с произвольным (нестандартным) содержимым:

				hang		e
			C				E
		X
	-							d
	F								t
	D								i
									r
P						NOW!			o
					BUY
				to
w Click										m
w
	w								o
	.							.c
		p					g
			df			n		e
				-xcha

					hang		e
				C				E
			X
		-							d
		F								t
		D								i
										r
	P						NOW!			o
						BUY
					to
w Click											m
w
		w								o
		.							.c
			p					g
				df			n		e
					-x cha

С помощью метода customView указывается xml-файл с необходимой разметкой (Layout), а логический параметр wrapInScrollView определяет, нужно ли поместить содержимое внутрь ScrollView для скроллинга на маленьком экране смартфона. Очевидно, что при использовании компонентов, изначально поддерживающих скроллинг (ListView или RecyclerView), значение нужно установить в false. Метод positiveText определяет заголовок так называемого положительного действия (OK, Yes, Agree и так далее), а callback задает обработчик нажатия действия — onPositive. По аналогии используются negativeText (onNegative) и neutralText (onNeutral).

Библиотека постоянно обновляется, в Google Play доступен полный пример.

Рис. 6. Так и хочется куда-нибудь нажать

MATERIAL

Ссылка: github.com/rey5137/material Автор: Rey Pham

MinSdkVersion: 9

Выше мы познакомились с отдельными виджетами Material Design’а, теперь пришло время подключить тяжелую артиллерию. Material — библиотека, как говорится, на все случаи жизни. В ней есть все необходимые материальные вид-