Что такое notification bar
Android Notifications. Оповещения через Status Bar
Добрый день, хабровчане. Давно занимаюсь разработкой под Android и хотелось бы рассказать сообществу о правильном подходе к созданию уведомлений.
Ниже, помимо описанного ранее, мы рассмотрим добавление прогрессбара, обработку события по нажатию на уведомлений, различные варианты состояний уведомлений. Рассмотрим добавленный на днях в Compatibility library Notification.Builder. А также поговорим о рекомендациям по UI (design guidlines), которые гугл рекомендует соблюдать при создании уведомлений.
Guidlines
Как советуют разработчики Android в официальном гайдлайне
Когда показывать уведомления:
Когда не стоит показывать уведомления:
Хорошая практика:
Архитектура:
В качестве утилитки, отвечающей за уведомления, я в своих приложениях использую singleton, к которому можно обратиться из любого класса приложения, нужно лишь иметь ссылку на context.
В ней всегда хранятся ссылки на все созданные во время работы приложения уведомления, которые ещё отображены в статус-баре.
А для присвоения новому уведомлению уникального id используется нехитрый механизм обращения к приватному целочисленному полю, которое каждый раз увеличивается на единицу.
private static NotificationUtils instance;
private static Context context;
private NotificationManager manager; // Системная утилита, упарляющая уведомлениями
private int lastId = 0; //постоянно увеличивающееся поле, уникальный номер каждого уведомления
private HashMap notifications; //массив ключ-значение на все отображаемые пользователю уведомления
Создание уведомления с помощью NotificationCompat.Builder:
Для того чтобы воспользоваться классами, входящими в библиотеку поддержки прошлых версий (Compatibility library), нужно добавить в проект библиотеку из папки /extras/android/support/v4/android-support-v4.jar
Если же проект нацелен на Android 3.0 и выше, то добавлять ничего не нужно достаточно обратиться к Notification.Builder
public int createInfoNotification( String message) <
Intent notificationIntent = new Intent(context, HomeActivity. class ); // по клику на уведомлении откроется HomeActivity
NotificationCompat.Builder nb = new NotificationCompat.Builder(context)
//NotificationCompat.Builder nb = new NotificationBuilder(context) //для версии Android > 3.0
.setSmallIcon(R.drawable.ic_action_picture) //иконка уведомления
.setAutoCancel( true ) //уведомление закроется по клику на него
.setTicker(message) //текст, который отобразится вверху статус-бара при создании уведомления
.setContentText(message) // Основной текст уведомления
.setContentIntent(PendingIntent.getActivity(context, 0, notificationIntent, PendingIntent.FLAG_CANCEL_CURRENT))
.setWhen(System.currentTimeMillis()) //отображаемое время уведомления
.setContentTitle( «AppName» ) //заголовок уведомления
.setDefaults(Notification.DEFAULT_ALL); // звук, вибро и диодный индикатор выставляются по умолчанию
Notification notification = nb.getNotification(); //генерируем уведомление
manager.notify(lastId, notification); // отображаем его пользователю.
notifications.put(lastId, notification); //теперь мы можем обращаться к нему по id
return lastId++;
>
Создание уведомления с произвольным отображением (Custom layout):
/**
* генерация уведомления с ProgressBar, иконкой и заголовком
*
* @param text заголовок уведомления
* @param topMessage сообщение, уотображаемое в закрытом статус-баре при появлении уведомления
* @return View уведомления.
*/
private RemoteViews createProgressNotification( String text, String topMessage) <
Notification notification = new Notification(R.drawable.ic_stat_example, topMessage, System.currentTimeMillis());
RemoteViews contentView = new RemoteViews(context.getPackageName(), R.layout.notification_download_layout);
contentView.setProgressBar(R.id.notification_download_layout_progressbar, 100, 0, false );
contentView.setTextViewText(R.id.notification_download_layout_title, text);
notification.contentView = contentView;
notification.flags = Notification.FLAG_NO_CLEAR | Notification.FLAG_ONGOING_EVENT | Notification.FLAG_ONLY_ALERT_ONCE;
Intent notificationIntent = new Intent(context, NotificationUtils. class );
PendingIntent contentIntent = PendingIntent.getActivity(context, 0, notificationIntent, 0);
notification.contentIntent = contentIntent;
manager.notify(lastId, notification);
notifications.put(lastId, notification);
return contentView;
>
LinearLayout
android:layout_width =»fill_parent»
android:layout_height =»wrap_content»
android:orientation =»horizontal» >
ImageView
android:id =»@+id/notification_download_layout_image»
android:layout_width =»wrap_content»
android:layout_height =»wrap_content»
android:src =»@drawable/ic_stat_example»
android:layout_gravity =»center_vertical» />
TextView
android:id =»@+id/notification_download_layout_title»
style =»@style/NotificationTitle»
android:layout_width =»wrap_content»
android:layout_height =»wrap_content»
android:layout_alignParentTop =»true»
android:layout_marginLeft =»10dip»
android:singleLine =»true»
android:text =»notification_download_layout_title»
android:layout_gravity =»center_vertical» />
LinearLayout >
ProgressBar
android:id =»@+id/notification_download_layout_progressbar»
style =»?android:attr/progressBarStyleHorizontal»
android:layout_width =»fill_parent»
android:layout_height =»wrap_content»
android:layout_marginTop =»4dp»
android:progress =»0″ />
в андроид 2.3 и выше ( API >10) был создан специальный ресурс, в котором системная тема указывает цвета текста уведомений. Из-за этого в старых версиях приходится использовать костыль:
В файл res/values/styles.xml прописываем:
А для поддержки API >10 Создаем файл res/values-v9/styles.xml и вписываем:
Теперь из кода нашего приложения обращаемся к утилите:
NotificationUtils n = NotificationUtils.getInstance(getActivity());
n.createInfoNotification( «info notification» );
Создаем уведомление с прогресс-баром:
int pbId = NotificationUtils.getInstance(getActivity()).createDownloadNotification( «downloading video» );
И во время выполнения потока постоянно обновляем прогресс вызовом:
В итоге получаем:
Как видно — нижнее уведомление, созданное нами при помощи билдера может быть удалено в любой момент. А уведомление с прогресс-баром размещается в верхнем блоке уведомлений, в котором пользователь не может очистить уведомления.
И напоследок маленькая хитрость:
Если не хотите дублирования в стеке одних и тех же Activity — поставьте в манифесте к нужной activity
android:launchMode=»singleTop»
WPFront Notification Bar: бар уведомлений для показа короткой информации
Иногда, чтобы передать пользователю какую-то информацию, необходимо прибегнуть к нестандартным решениям. Одним из удобных вариантов является плагин WPFront Notification Bar, который выводит информативный бар на сайте.
Рассмотрим, как работает этот плагин.
Что умеет WPFront Notification Bar
Что умеет WPFront Notification BarЭто миниатюрный и практически не нагружающий сайт плагин. Получить его можно по ссылке ниже.
Но любые языковые барьеры померкнут с моей инструкцией. Поэтому читаем, смотрим.
Бар нотификации может выглядеть, например, так:
Итак, скачайте плагин WPFront Notification Bar, установите его на свой сайт и активируйте. После этого плагин можно настроить. Перейдите в пункт консоли «WPFront» и откройте подпункт «Notification Bar». Здесь находятся все опции. Первым идёт раздел «Display»:
Следующий раздел настроек в плагине WPFront Notification Bar — «Content»:
Следующий блок настроек плагина WPFront Notification Bar — это «Filter»:
Следующий блок настроек «Color». Я не буду его подробно рассказывать, методом тыка сами сможете подобрать себе желаемый цвет на всех элементах. Скажу только, что изменить можно всё-всё.
И последняя секция опций «CSS». Здесь можно очень тонко настроить внешний вид бара – для тех, кто владеет языком.
Что такое notification bar
Краткое описание:
Продвинутая область уведомлений.
Список Переключателей:
— Softkeys (some physical buttons of Android devices)
— Быстрые Настройки (Quick Settings)
— Wi-Fi
— Мобильная Сеть
— Bluetooth
— GPS
— Поворот экрана
— Звуки
— Яркость экрана
— Timeout Screen
— Режим Полёта
— Автоматическая Синхронизация (Auto Sync или Synchronize Now)
— Фонарик
— Экран Блокировки (Lock Screen)
— Точка Доступа Wi-Fi
— Сервер FTP
— Раздача Интернета через USB (USB Tethering)
— Run application (toggle that allows you to start an application)
— Task Manager (to close all apps with a simple click)
— Contact (call, invare a text message, an email, or view the details of a contact)
— Installed Applications
— Input Method
— Storage
— Батарея
— Weather (see a notification wich contains information about your local weather)
— Power Settings (Rooted Devices will turn off, restart or put the device in recovery)
— NFC
— Заметки (Создавать заметки)
— Размер Шрифта (Font Scale)
— Будильник (Alarm)
— Events Settings (Start some instances of the Events Settings app)
— Forward (to navigate through the pages of toggles)
— Папка (создать папку с переключателями)
Все эти переключатели могут добавляться многократно.
ДЕЙСТВИЯ
The user will be able to choose which action to be performed at the click of a single toggle.
Each toggle has one or more possibile actions which in general are:
— Switch ON / OFF
— Open system setting associated with it
— Make adjustments
ИНДИКАТОРЫ
Notification Bar Deluxe allows you use device leds by setting a few preferences that can be found in the themes section
ПАНЕЛЬ ПОГОДЫ
Notification Bar Deluxe allows you to display a notification that contains information about the local weather fully costumizable and wich uses the themes of Widgets Now.
10 плагинов панели уведомлений и заголовков WordPress
Плагины панели уведомлений WordPress помогают эффективно отображать объявления на веб-сайтах, собирать адреса электронной почты, стимулировать взаимодействие с потенциальными клиентами, предлагать купоны на скидку, продвигать конкретные продукты вашего магазина и предоставлять еще больше преимуществ.
Многие люди отрицательно реагируют на панели уведомлений и всплывающие окна, обвиняя их в плохом UX, который они создают. Поэтому рекомендуем выбрать качественный плагин и выяснить, как правильно его настроить – и он хорошо справится со своей маркетинговой работой.
Количество маркетинговых инструментов для панели уведомлений WordPress растет и развивается в геометрической прогрессии. Что касается решений, то некоторые разработчики плагинов WordPress просто создают галереи, наполняя свои плагины множеством запутанных настроек, другие предоставляют эффективные простые варианты.
В нашей отобранной коллекции лучших плагинов для панели уведомлений WordPress вы найдете бесплатные и премиальные инструменты.
1. Elementor Popup Builder
Самое лучшее в таком решении – это то, что можно в полной мере использовать богатую коллекцию виджетов Elementor при построении панелей уведомлений: добавить различные виды кнопок, поиграть с типографикой, добавить таймер обратного отсчета, чтобы создать ощущение срочности для маркетинговых кампаний, побудить посетителей подписаться на вашу рассылку и многое другое.
Как и в случае с другими виджетами Elementor, здесь используется конструктор перетаскивания. Вы сможете изменять цвета каждого элемента содержимого панели, создавать всевозможные модные макеты, изменяя поля, отступы и фоны и многое другое. Это привилегия, которую вы не найдете в других подобных плагинах.
Сила этого плагина не только в настройке – вы можете настраивать определенные сценарии для отдельных элементов контента, например, показывать или скрывать их при необходимости, или для всей панели уведомлений.
Вы также можете решить, на каких страницах и в записях их показывать, и установить различные триггеры для всплывающих действий (exit-intent, scroll-to-element и другие). Поэтому плагин подходит для любых целей – от захвата потенциальных клиентов до простых объявлений.
2. Hello Bar
Hello Bar – один из самых популярных инструментов панели уведомлений WordPress, поскольку он не ограничивает вас в возможностях дизайна и таргетинга. Хотя это не отдельный плагин, но создать учетную запись с Hello Bar и подключить ее к WordPress можно легко и без риска.
Инструментарий очень удобен для пользователя. Он позволяет шаг за шагом настроить:
Еще одна привлекательная особенность Hello Bar – возможность подключения к многочисленным поставщикам маркетингового программного обеспечения, включая GetResponse, AWeber, MailChimp и другие варианты. Также он позволяет интегрировать Zapier, с помощью которого можно подключать десятки других приложений. Все это делает Hello Bar мощным инструментом генерации лидов.
Вы можете начать с надежных премиальных пакетов Hello Bar или установить бесплатный плагин и использовать бесплатный тарифный план. Тем не менее, он ограничен 5 000 просмотров в месяц (это применимо только к тем, кто видит ваши бары или всплывающие окна, а не к каждому посетителю сайта в целом) и 10 всплывающими окнами.
Таким образом, бесплатная версия вряд ли удовлетворит потребности массовых веб-сайтов со значительным объемом трафика, которые регулярно используют панели уведомлений. Но если вам нужно несколько ограниченных по времени сделок в месяц, бесплатная версия подойдет.
3. Apex Notification Bar
Apex Notification Bar коллекция готовых шаблонов панели уведомлений премиум-класса. Так что если вам нужен механизм «под ключ», где вы можете быстро заменить демонстрационные элементы на ваши собственные (загружать изображения, обновлять тексты, размещать кнопки), определить их позицию на вашем сайте и опубликовать, Apex полностью подходит.
Чтобы создавать привлекательные и эффективные уведомления, этот плагин позволяет использовать ряд расширенных элементов контента, таких как всплывающие окна с видео, формы подписки на электронную почту, ссылки в социальных сетях, таймер обратного отсчета, панель поиска и многое другое. Все они поставляются с различными компонентами макета, что позволит органично вписать их в ваш сайт.
Чтобы избавиться от назойливого UX, плагин позволяет размещать панели уведомлений в фиксированных верхних и нижних позициях сайта, а также использовать запланированные всплывающие окна с намерением выхода, задержкой и датой. Список инструментов автоматизации почтового маркетинга, которые вы можете использовать с этим плагином, ограничен MailChimp и Constant Contact.
Разработчики иногда выпускают сезонные промо-шаблоны, чтобы предоставить вам приятные бонусы.
Как сделать всплывающие окна в WordPress тут.
4. Master Popups
Master Popups – это удобный визуальный редактор для создания пользовательских панелей уведомлений и всплывающих окон.
Он выделяется из толпы благодаря расширенному инструментарию настройки всплывающих окон для создания модных макетов с набором элементов (кнопок, изображений, фреймов, флажков и т. п.). Вы можете демонстрировать собственные или сторонние видео, например, с Vimeo, в своих всплывающих окнах.
Также можно использовать разные шорткоды, чтобы, например, вставлять контактные формы или другие инструменты взаимодействия, непосредственно во всплывающие окна или баннеры объявлений.
Если вы не хотите создавать с нуля, Master Popups предлагает десятки профессиональных шаблонов скидок, подписку по электронной почте и другие маркетинговые решения.
Плагин поддерживает полноэкранные и модальные всплывающие окна, встроенные виджеты, липкие панели и другие популярные типы всплывающих окон. Более того, он позволяет создавать готовые файлы cookie и объявления с учетом политики конфиденциальности.
Список маркетинговых сервисов электронной почты, которые вы можете интегрировать, также довольно солидный: более 23 поставщиков, включая Mailchimp, AWeber, GetResponse, Mailer Lite, Constant Contact, Sendinblue, Autopilot, Drip и другие.
Если вы управляете магазином и нацеливаетесь на объявления и сделки в многоязычной аудитории, Master Popups поможет вам легко перевести с помощью WPML панели уведомлений на любой язык.
5. Themify Announcement Bar
Themify Announcement Bar – премиальный плагин WordPress для добавления простых объявлений в верхний колонтитул, нижний колонтитул, липкую боковую панель или любой виджет, чтобы сделать их видимыми по всему сайту.
Плагин довольно прост и удобен в работе – вам нужно настроить уведомления, выравнивание текста, положение панели, шрифты и цвет, стили кнопок и режим прокрутки.
Это все упрощает задачу, но при необходимости вы можете вставить расширенный контент с короткими кодами (включая шорткоды WooCommerce для рекламы выбранных товаров и предложений).
Если стоит задача получить больше подписчиков на рассылку, панель объявлений Themify хорошо работает с плагином MailPoet.
6. WP Notification Bars
Это бесплатный плагин для панели уведомлений WordPress, который поставляется с набором инструментов.
Вы можете использовать основные функции с помощью бесплатной версии : она позволяет публиковать неограниченное количество панелей уведомлений с пользовательскими цветами, кнопками призыва к действию и различными правилами поведения.
Набор дополнительных элементов контента также огромен: видео, таймеры обратного отсчета, связанные посты и все, что только можно придумать.
Вы можете настроить видимость баров на основе страницы или публикации (с возможностью исключать нужные), показывать их только зарегистрированным пользователям, отображать или скрывать на мобильных устройствах, постить записи в Facebook и Twitter и использовать более уникальные функции.
7. Adning Advertising
Премиальный плагин Adning Advertising является одним из нишевых бестселлеров на рынке CodeCanyon.
Вероятно, одной из причин этой популярности является ее многофункциональность – плагин поставляется в комплекте с комплектом рекламных и маркетинговых инструментов за приемлемую плату (автоматические публикации в социальных сетях, реклама WooCommerce, поддержка AMP, рекламные ролики и многое другое).
Плагин позволяет создавать различные пользовательские баннеры объявлений, на которые вы можете ориентироваться выборочно на основе различных критериев, включая страну и устройство пользователя.
Adning Advertising прекрасно справляется с всплывающими рекламными объявлениями с задержкой и всплывающими подсказками, которые можно разместить в любой заранее определенной позиции на странице веб-сайта.
Кроме того, плагин предлагает вам встроенную платформу для отслеживания показов (кликов) для оценки эффективности ваших объявлений и их монетизации.
8. WordPress Notification Bar от SeedProd
По своей сути WP Notification Bar от SeedProd представляет собой очень простой в использовании плагин, который включает идеальный механизм настройки. Он позволяет создавать рекламные баннеры с призывом к действию в бесплатной версии и поставляется с целым набором маркетинговых инструментов в премиум-версии.
Работа с панелью уведомлений похожа на настройку WordPress Customizer, в которой вы сможете быстро вносить изменения и создавать панели уведомлений.
В отличие от некоторых других альтернатив, премиум-пакет предлагает множество готовых шаблонов, доступ к бесплатным фотографиям прямо в плагине, встроенные шаблоны для настройки режима обслуживания, десятки популярных инструментов автоматизации почтового маркетинга (включая Zapier), и дополнительную функцию защиты от спама.
9. Top Bar
Даже с бесплатной версией вы можете создавать неограниченное количество панелей уведомлений с пользовательскими записями и ссылками.
10. 8 Degree Notification Bar Pro
8 Degree Notification Bar Pro плагин WordPress для панели уведомлений со всеми необходимыми инструментами премиум-класса для эффективного маркетинга. Это достойная альтернатива Hello Bar.
Для начала вы можете выбрать заранее разработанные шаблоны, которые варьируются от простых баннеров уведомлений до расширенных с полным набором значков социальных сетей, кнопок, панелей поиска и триггеров подписки по электронной почте.
Вам также понравится богатая панель настроек с опциями типографики, цвета, фона, кнопок и анимационных эффектов. Верхняя, нижняя, левая и правая позиции доступны для размещения ваших панелей уведомлений и делают их всегда видимыми. Кроме того, вы можете скрыть или показать столбцы в заданном периоде времени.
Что такое notification bar
Краткое описание:
Продвинутая область уведомлений.
Список Переключателей:
— Softkeys (some physical buttons of Android devices)
— Быстрые Настройки (Quick Settings)
— Wi-Fi
— Мобильная Сеть
— Bluetooth
— GPS
— Поворот экрана
— Звуки
— Яркость экрана
— Timeout Screen
— Режим Полёта
— Автоматическая Синхронизация (Auto Sync или Synchronize Now)
— Фонарик
— Экран Блокировки (Lock Screen)
— Точка Доступа Wi-Fi
— Сервер FTP
— Раздача Интернета через USB (USB Tethering)
— Run application (toggle that allows you to start an application)
— Task Manager (to close all apps with a simple click)
— Contact (call, invare a text message, an email, or view the details of a contact)
— Installed Applications
— Input Method
— Storage
— Батарея
— Weather (see a notification wich contains information about your local weather)
— Power Settings (Rooted Devices will turn off, restart or put the device in recovery)
— NFC
— Заметки (Создавать заметки)
— Размер Шрифта (Font Scale)
— Будильник (Alarm)
— Events Settings (Start some instances of the Events Settings app)
— Forward (to navigate through the pages of toggles)
— Папка (создать папку с переключателями)
Все эти переключатели могут добавляться многократно.
ДЕЙСТВИЯ
The user will be able to choose which action to be performed at the click of a single toggle.
Each toggle has one or more possibile actions which in general are:
— Switch ON / OFF
— Open system setting associated with it
— Make adjustments
ИНДИКАТОРЫ
Notification Bar Deluxe allows you use device leds by setting a few preferences that can be found in the themes section
ПАНЕЛЬ ПОГОДЫ
Notification Bar Deluxe allows you to display a notification that contains information about the local weather fully costumizable and wich uses the themes of Widgets Now.