Панели действий (Action Bar) презентация

Содержание

Панель действий (Action Bar) Панель действий - это специализированная часть в верхней части каждого экрана, которая, как правило, постоянна для всего приложения. Она обеспечивает несколько ключевых функций: Делает

Слайд 1Панели действий
Санкт-Петербург, 2016


Слайд 2


Слайд 3Панель действий (Action Bar)
Панель действий - это специализированная часть в верхней части

каждого экрана, которая,
как правило, постоянна для всего приложения.

Она обеспечивает несколько ключевых функций:
Делает важные действия заметными и доступными предсказуемым образом (такие, как Поиск).
Поддерживает последовательную навигацию и переключение представлений внутри приложений.
Уменьшает беспорядок, добавляя кнопку переполнения действий для редко используемых действий.
Предоставляет выделенное пространство для уникальности вашего приложения.

*обратите внимание, панель действий является одним из самых важных элементов дизайна, который можно реализовать.


Слайд 5Общая организация


Слайд 6Макет для раздельных панелей действий


Слайд 7Кнопки действий
Для руководства по приоритетности действий, используйте ЧВТ схему.


Слайд 8
 *Ссылки для скачивания предоставляют пакет с иконками, которые отмасштабированы для различных

плотностей экрана, и подходят для использования с темами Holo Light и Holo Dark. Пакет также включает в себя иконоки без стилей, которые можно изменять в соответствии с вашей темой, в дополнение к исходным файлам Adobe® Illustrator® для дальнейшего изменения.

Слайд 10 Переполнение действий


Слайд 11В приведенной таблице "о" означает элемент панели действий и "=" значок

переполнения.

Слайд 12Обмен данными


Слайд 13Контекстные панели действий


Слайд 14Контекстные панели действий
https://material.google.com/patterns/selection.html
КПД выбора появляется после долгого нажатия на выделяемом

элементе данных, которое переключает на режим выбора. Пользователь может:

Слайд 15Контрольный список панели действий


Слайд 16Использование темы Material Design
Material Design предоставляет следующие возможности:
Тема Material Design задается

следующими параметрами:

Слайд 18Настройка цветовой палитры
Для настройки основных цветов в соответствии с фирменным стилем

определите настраиваемые цвета с помощью атрибутов темы при наследовании от темы Material Design:

Слайд 19Настройка строки состояния


Слайд 20Контекстное меню и
режим контекстных действий
Всплывающее меню
Меню параметров и строка действий


Слайд 21Определение меню в файле XML
Использовать ресурсы меню рекомендуется по нескольким причинам:

в XML проще визуализировать структуру меню;
это позволяет отделить контент для меню от кода, определяющего работу приложения;
это позволяет создавать альтернативные варианты меню для разных версий платформы, размеров экрана и других конфигураций путем использования структуры ресурсов приложения.


Чтобы определить меню, создайте файл XML в папке res/menu/ вашего проекта и постройте меню со следующими элементами:


Слайд 22Определение меню в файле XML
К пункту любого меню (кроме вложенного меню)

можно прикрепить вложенное меню, добавив элемент  в качестве дочернего элемента . Вложенные меню полезны, когда в приложении имеется множество функций, которые можно разделить на категории подобно строке меню приложения для ПК ("Файл", "Правка", "Вид" и т. д.). Например:

Слайд 23android:id
Идентификатор ресурса, является уникальным, что позволяет приложению распознавать пункт, когда его

выбирает user.
android:icon
Ссылка на графический элемент, который будет использоваться в качестве значка пункта меню.
android:title
Ссылка на строку, которая будет использоваться в качестве названия пункта меню.
android:showAsAction
Указывает, когда и как этот пункт должен отображаться в строке действий.
android:orderInCategory
Целочисленное значение, которое помогает Android определить порядок размещения элементов на панели действий.

Пункты* меню имеют следующие атрибуты:

*Элемент  поддерживает несколько атрибутов, с помощью которых можно определить внешний вид и поведение пункта меню.


Слайд 24Атрибут меню showAsAction
Атрибут showAsAction указывает, как элемент действия должен отображаться на

панели действий. Например, с его помощью можно разместить элемент в дополнительной области, а не на основной панели действий или разместить элемент на основной панели действий только при наличии места. Атрибут может принимать следующие значения:

Слайд 25Как отображаются на экране пункты меню параметров, определяется версией платформы:

Если приложение написано для версии Android 2.3.x (уровень API 10) или более ранней, содержимое вашего меню параметров отображается внизу экрана, когда пользователь нажимает кнопку Меню.

Если приложение предназначено для версии Android 3.0 (уровень API 11) и более поздних, пункты меню параметров будут отображаться в панели действий.



Слайд 26Создание меню параметров
Объявлять пункты меню параметров можно либо из подкласса ActivityОбъявлять пункты

меню параметров можно либо из подкласса Activity, либо из подкласса FragmentОбъявлять пункты меню параметров можно либо из подкласса Activity, либо из подкласса Fragment. Чтобы указать меню параметров для операции, переопределите onCreateOptionsMenu()Объявлять пункты меню параметров можно либо из подкласса Activity, либо из подкласса Fragment. Чтобы указать меню параметров для операции, переопределите onCreateOptionsMenu(). В этом методе можно загрузить собственный ресурс меню (определенный в XMLОбъявлять пункты меню параметров можно либо из подкласса Activity, либо из подкласса Fragment. Чтобы указать меню параметров для операции, переопределите onCreateOptionsMenu(). В этом методе можно загрузить собственный ресурс меню (определенный в XML) в класс Menu, имеющийся в обратном вызове. Например:


Слайд 27Обработка нажатий
Когда пользователь выбирает пункт меню параметров, система вызывает метод onOptionsItemSelected()Когда

пользователь выбирает пункт меню параметров, система вызывает метод onOptionsItemSelected(). Этот метод передает выбранный класс MenuItem.
Идентифицировать пункт меню можно, вызвав метод getItemId(), который возвращает уникальный идентификатор пункта меню. Этот идентификатор можно сопоставить с известными пунктами меню, чтобы выполнить соответствующее действие. Например:

Слайд 28Принципы проектирования Android
Вызовите у пользователя восхищение неожиданными решениями

Реальные объекты доставляют больше

удовольствия, чем кнопки и меню

Позвольте пользователю сделать интерфейс индивидуальным

Изучите пользователя


Слайд 29Упростите жизнь пользователю
Будьте лаконичны
Картинки воспринимаются быстрее чем слова
Показывайте только самое необходимое

и в нужный момент времени

Слайд 30Упростите жизнь пользователю
Пользователь всегда должен знать, в каком месте приложения он

находится

Принимайте решения за пользователя, но оставляйте последнее слово за ним

Ни в коем случае не теряйте данные пользователей


Слайд 31Постарайтесь приятно удивить пользователя
Предоставьте пользователю привычные приемы
Пользователь ни в чем не

виноват

Важные действия должны происходить быстро

Не скупитесь на поддержку пользователя


Слайд 32Дополнительный материал
Документация
https://developer.android.com/guide/topics/ui/menus.html#options-menu
https://developer.android.com/design/patterns/actionbar.html
https://developer.android.com/training/material/theme.html#StatusBar
https://developer.android.com/topic/libraries/support-library/features.html#v7
https://developer.android.com/design/get-started/principles.html?hl=ru
https://material.google.com/patterns/selection.html
https://developer.android.com/guide/topics/resources/menu-resource.html
httpshttps://https://developerhttps://developer.https://developer.androidhttps://developer.android.https://developer.android.comhttps://developer.android.com/https://developer.android.com/referencehttps://developer.android.com/reference/https://developer.android.com/reference/androidhttps://developer.android.com/reference/android/https://developer.android.com/reference/android/supporthttps://developer.android.com/reference/android/support/https://developer.android.com/reference/android/support/vhttps://developer.android.com/reference/android/support/v7/https://developer.android.com/reference/android/support/v7/widgethttps://developer.android.com/reference/android/support/v7/widget/https://developer.android.com/reference/android/support/v7/widget/ShareActionProviderhttps://developer.android.com/reference/android/support/v7/widget/ShareActionProvider.https://developer.android.com/reference/android/support/v7/widget/ShareActionProvider.html


Иконки
https://materialdesignicons.com
https://github.com/google/material-design-icons


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика