.
Элемент - представляет объект MenuItem, которой является одним из элементов меню.
Этот элемент может содержать внутренний подэлемент
Элемент - включает следующие атрибуты, которые определяют его внешний вид и поведение:
android:id
: уникальный id элемента меню, который позволяет его опознать при выборе пользователем и найти
через поиск ресурса по id
android:orderInCategory
: порядок следования элемента в меню
Наполнение меню элементами
Мы определили меню с тремя элементами, но само определение элементов в файле еще не создает меню. Это всего лишь декларативное описание.
Чтобы вывести его на экран, нам надо использовать его в классе Activity. Для этого надо переопределить метод onCreateOptionsMenu
.
Итак, перейдем к классу MainActivity и изменим его следующим образом:
Package com.example.eugene.menuapp;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main_menu, menu);
return true;
}
}
Метод getMenuInflater получает объект MenuInflater и вызываем его метод inflate() .
Этот метод в качестве первого параметра принимает ресурс, представляющий наше декларативное описание меню в xml, и наполняет им
объект menu, переданный в качестве второго параметра.
Запустим приложение по умолчанию и нажмем на кнопку меню в правом верхнем углу:
Обработка нажатий в меню
Если мы нажмем на любой из пунктов меню, то ничего не произойдет. Чтобы привязать к меню действия, нам надо переопределить в классе activity
onOptionsItemSelected
.
Для вывода выбранного элемена меню в файле activity_main.xml
определим текстовое поле с id=header:
И изменим класс MainActivity:
Package com.example.eugene.menuapp;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main_menu, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
int id = item.getItemId();
TextView headerView = (TextView) findViewById(R.id.header);
switch(id){
case R.id.action_settings:
headerView.setText("Настройки");
return true;
case R.id.open_settings:
headerView.setText("Открыть");
return true;
case R.id.save_settings:
headerView.setText("Сохранить");
return true;
}
return super.onOptionsItemSelected(item);
}
}
Чтобы понять, какой пункт меню выбран, вначале получаем его идентификатор int id = item.getItemId() . Затем пробегаемся в
конструкции switch..case и выбираем нужный вариант и в зависимости от выбора производим определенные действия - в данном случае устанавливаем текст
TextView.
Итак, давайте сегодня создадим простое меню, для приложения на Android. Создадим новый проект. Назовем его Mymenu, нажмем next. Выберем Empty Activity. Нажмем finish.
Система Android studio подготовит нам новый проект, перейдем в gradle скрипы. В Build gradle, добавим новую имплементацию. Нам понадобятся пакет
implementation "com.android.support:design:26.0.0-beta1"
По крайней мере, в моем проекте. Нажмем синхронизировать проект.
Пункты меню
Перейдем в папку Res и создадим в ней новую Andriod ресурсную папку с ресурсным типом - меню. В ней же, создадим новый ресурс файл меню. Имя файлу присвоим, как и имя папки - menu.
На наше основное меню перетаскиванием, добавим MenuItem в количестве 3 штук.
В файле strings.xml напишем новые название, для пунктов меню, создав дополнительные строковые значение для них.
Пусть item1 будет Пункт 1, item2 Пункт 2, и item3 пусть будет Выход.
Пункт 1
Пункт 2
Выход
В текстовом варианте menu.xml присвоим названия из strings.xml для наших пунктов. Также для каждого item мы добавим, Android:id с именем action1, action2,action3,
для взаимодействия с данными пунктами. Действие номер 1 будет отвечать за что-то, какая то реакция, нажатие пункта Action 2, соответственно, будет отвечать за другие действие, Action 3 будет отвечать за выход из приложения.
В файле MainActivity напишем несколько функций для работы с меню:
onCreateOptionsMenu
@Override
public boolean onCreateOptionsMenu(Menu menu){
getMenuInflater().inflate(R.menu.menu, menu);
return true;
}
onOptionsItemSelected
@Override
public boolean onOptionsItemSelected(MenuItem item){
int id = item.getItemId();
switch (id){
case R.id.action1:
txt.setText(R.string.item1);
return true;
case R.id.action2:
txt.setText(R.string.item2);
return true;
case R.id.action3:
txt.setText(R.string.item3);
finish();
return true;
}
return super.onOptionsItemSelected(item);
}
Объявим переменную типа TextView txt, и свяжем ее с элементом TextView, в onCreate через
txt=(TextView)findViewById(R.id.txt),
в макете activity_main.xml, добавив ему
android:id="@+id/txt"
для отображения текста.
Запустим в эмуляторе наше приложение. Как видим, появляются пункты меню, при нажатии на значение Пункт 1 или 2, текст меняется на Пункт 1 или Пункт 2, при нажатии на кнопку Выход появляется текст Выход и приложение закрывается.
Верстка меню
Кажется, все хорошо. Однако, как всегда в Android Studio данное меню будет работать только на эмуляторе, и поэтому добавим в файл styles.xml небольшой код, а перед этим в AndroidManifest.xml изменим
android:theme="@style/AppTheme"
android:theme="@style/AppTheme.NoActionBar"
который говорит о том, что новый стиль без ActionBar. Также в MainActivity onCreate внесем переменную toolbar c типом ToolBar. Определим ее через toolbar = (Toolbar)findViewById(R.id.toolbar), и подключим поддержку setSupportActionBar(toolbar).
В макет activity_main.xml перед TextView добавим следующий код:
Подключим эти виджеты в импорт нашего приложения.
import android.support.v7.widget.Toolbar;
Нажмем Alt+Enter, и у нас добавится, обновится импорт нашего приложения. Возможно, придется сделать несколько раз для подключения виджета. Нажмем Сохранить.
Теперь мы можем запустить наше приложение в эмуляторе. Все выглядит точно также, но без данного кода, наше приложение не может быть установлено на реальное устройство. Давайте сделаем подписанное приложение.
Главное меню - один из основных инструментов для взаимодействия пользователя с приложением. В Android 2.3.x и раньше оно было «спрятано» на аппаратной кнопке Menu, и разработчики рисовали меню кто как умел. Но начиная с Android 3.0 недоработка была исправлена, меню стало стандартным компонентом на Action Bar, и получило ряд новых возможностей. При этом процесс разработки меню практически не претерпел изменений. Меню в Android - это не просто набор кнопок, на которые можно вешать OnClickListener . В Android с меню можно сделать куда больше, чем кажется на первый взгляд.
В этой статье я расскажу, как сделать современное меню, как адаптировать его для разных размеров экрана, как делать переключатели типа radio button прямо в меню, а также как динамически управлять видимостью кнопок меню, скрывая те функции вашего приложения, которые не будут работать на том или ином смартфоне. По ходу статьи постараюсь дать максимально подробное описание тех или иных возможностей меню, а также дам ссылки на официальную документацию по теме.
Вот так по-разному может выглядеть меню одного и того же приложения.
Наша первая кнопка в меню
Меню в Android описываются в файлах ресурсов или формируются программным кодом. Рекомендуется первый вариант по целому ряду причин: скорость разработки, наглядность, простота сопровождения. Ресурсы меню располагаются в подкаталоге menu каталога ресурсов приложения res . Создаем каталог menu , затем создаем новый Android XML File:
Выбираем тип ресурса Menu , вводим имя файла. Так как в разных activity меню, скорее всего, будет разным, рекомендую привязывать имена файлов ресурсов меню к именам activity.
В открывшемся редакторе введем код первой кнопки нашего меню:
Давайте рассмотрим использованные атрибуты:
- android:id указываем, чтобы потом в коде отличать одни кнопки от других.
- android:orderInCategory указывает порядок нашей кнопки относительно других. Указывайте порядок с шагом в 10 или 100, это позволит в будущем добавлять новые элементы в любое место, не перестраивая порядок остальных.
- android:showAsAction - самый интересный параметр, поскольку именно он управляет поведением элементов меню в разных ситуациях. Он может принимать целый ряд значений:
- ifRoom - Показывать элемент в action bar, только если для него достаточно места. Если места недостаточно, элемент будет автоматически скрыт в дополнительное меню (то, которое показано тремя точками друг над другом). Это лучший способ кастомизации меню в зависимости от размера экрана устройства. На больших экранах планшетов action bar будет заполнен кнопками, а на небольших телефонах будут показаны самые важные кнопки, в то время как до остальных тоже можно добраться, но только через дополнительное меню. Имейте в виду, что дополнительное меню отображается в action bar только на тех смартфонах, на которых нет аппаратной кнопки меню.
- withText - Рядом с иконкой кнопки будет показан текст, заданный свойством android:title . Этот параметр можно указывать в комбинации с другими, разделяя параметры знаком |
- never - Кнопка никогда не будет видна на action bar, даже если для нее есть место. К такой кнопке всегда придется добираться через дополнительное меню.
- always - Всегда показывать кнопку в action bar. Данным параметром нельзя злоупотреблять, так как на маленьких телефонах кнопки могут начать заползать на другие элементы action bar, например на заголовок приложения. Определите для каждой activity максимум одну самую важную кнопку, без которой никак нельзя, и отметьте always только у нее. Остальные (а по возможности все) должны быть ifRoom .
- collapseActionView - позволяет сделать кнопку, открывающую или скрывающую дополнительный элемент View в action bar. Например, можно задать такой параметр иконке поиска, по ее клику показывать прямо в action bar поле для ввода поискового запроса.
- android:title - определяет заголовок кнопки меню. Он может отображаться рядом с иконкой в action bar или же как название элемента в дополнительном меню.
- android:icon - иконка кнопки.
Иконки для меню
Если вы разрабатываете приложение в стиле Holo, вы можете использовать готовый набор иконок от Google, который доступен всем для загрузки с официального сайта совершенно бесплатно.Набор иконок представлен отдельно для темной и отдельно для светлой темы Holo, а также для разных размеров экранов. Если вы не можете позволить себе дизайнера в команде, этот набор просто незаменим.
Подключение меню к Activity
Загрузить меню из ресурса очень быстро. Открываем код Activity и перекрываем метод onCreateOptionsMenu:
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.your_activity_menu, menu);
return true;
}
Теперь меню отображается, но при нажатии на кнопку ничего не происходит. Повесить обработчик на кнопку можно кодом или прямо в XML-ресурсе, задав в свойстве android:onClick имя метода-обработчика. Чтобы сделать то же самое кодом, нужно в Activity перекрыть метод onOptionsItemSelected:
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.menuPurchasesListNewRecord:
// TODO: обработчик нажатия здесь
return true;
}
return super.onOptionsItemSelected(item);
}
Создаем подменю
Подменю полезно, когда мы хотим уточнить способ выполнения действия, представленного в action bar. К примеру, у нас есть список покупок и кнопка «Сортировка». По нажатию кнопки нужно выяснить, по какому параметру пользователь хочет отсортировать элементы списка: по категории товара, по названию или по порядку добавления в список. Посмотрим код подменю для такого случая: -
Здесь мы объявили еще один тег внутри тега. Подменю представляет собой группу все тех же тегов, что позволяет при необходимости сделать подменю в подменю и так далее.
Radio button"ы в меню
Мы только что сделали меню для выбора порядка сортировки покупок. Было бы здорово показывать, какой способ сортировки используется в текущий момент. Список может быть отсортирован только одним из трех возможных способов, что отлично соответствует идее radio button. Чтобы сделать из нашего подменю набор radio button, достаточно тегу указать свойство android:checkableBehavior="single" . Возможные значения android:checkableBehavior:- single - выбор только одного из доступных элементов, наш случай
- all - выбор любого количества доступных элементов, аналог check box
- none - элементы группы являются обычными элементами меню, это значение по умолчанию
Полученный код меню:
-
Если запустить приложение и попробовать выбрать один из способов сортировки, ничего не произойдет. В меню не показано, что какой-то элемент выбран. Это придется сделать вручную вызовом item.setChecked(true);
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.menuPurchasesListNewRecord:
// TODO: обработчик нажатия здесь
return true;
case R.id.menuPurchasesListSortOrderCategory:
item.setChecked(true);
return true;
case R.id.menuPurchasesListSortOrderName:
item.setChecked(true);
return true;
case R.id.menuPurchasesListSortOrderAddTime:
item.setChecked(true);
return true;
}
return super.onOptionsItemSelected(item);
}
Если у вас остались вопросы по работе с главным меню, буду рад ответить в комментариях.
Есть множество скрытых функций, которые могут быть весьма полезны. System UI Tuner - одна из них. После активации этого меню пользователь получает больше возможностей в плане кастомизации интерфейса Android. В одной из статей на Трешбоксе мы уже .
Некоторые разработчики уже приспособили System UI Tuner под нужды обычных пользователей. Например, которое было доступно и на предыдущих версиях Android, использует UI Tuner для добавления кастомных кнопок в меню быстрых действий, которое выезжает сверху вместе со «шторкой» уведомлений. Самое крутое заключается в том, что на Android 6.0 Marshmallow использование Custom Quick Settings не требует root-доступа.
Как это работает
В первую очередь, вам необходимо активировать то самое меню System UI Tuner, которое работает только на стабильной версии Android 6.0 Marshmallow. Некоторые превью-версии Android M не получили этой функции. Об активации UI Tuner можно прочесть в нашей соответствующей статье, но если вы не хотите переходить куда-то из этого материала, то: полностью откройте верхнюю «шторку» с быстрыми действиями и уведомлениями, зажмите на 5–7 секунд кнопку с шестеренкой, которая ведет в меню настроек - все, System UI Tuner активирован. Теперь в общем меню настроек Android появился соответствующий пункт, но вам он практически не понадобится. Приложение Custom Quick Settings сделает все за вас.
Далее установите само приложение Custom Quick Settings, которое доступно бесплатно, но с рекламой. Она удаляется через внутренние покупки - 99 рублей.
После установки приложения кастомную кнопку с действием в верхнем меню можно добавить парой действий. По нажатию на плюс Custom Quick Settings можно выбрать название кнопки, ее действие - открытие любой заданной веб-страницы, запуск приложения, переход в какое-то подменю настроек или активация модуля. Для кнопки можно выбирать иконку (всего доступно 1 200 штук стандартных; поддерживаются кастомные), а также дополнительное действие по долгому нажатию. Например, можно создать быструю ссылку на Трешбокс, а по долгому нажатию будет открываться или любой другой сайт - очень удобная вещь. Возможности
Также можно сделать быстрое действие, которое подключит устройство к определенному Wi-Fi, присутствует в списке сохраненных. Кастомные кнопки с запуском приложений будут очень полезны - отпадает необходимость в переходе на рабочий стол для открытия нужной программы. Возможности в плане создания быстрых действий очень ограничены - можно только задавать подключение к определенной сети Wi-Fi или устройству с Bluetooth. Здесь все упирается в функционал System UI Tuner.
В Pro-версии приложения доступно добавление функциональных ярлыков с быстрыми действиями. Есть поддержка IFTTT. Стоит отметить, что все кастомные кнопки, добавленные с помощью Custom Quick Settings, не работают на экране блокировки - они просто не отображаются в «шторке», что довольно ожидаемо. Напомним, все эти возможности также доступны на Android 5.0 / 5.1, но для этого необходимы . Разработчик отмечает, что Custom Quick Settings не использует дополнительную энергию аккумулятора - программа запускается единожды при загрузке системы, а кастомные кнопки обновляются только после того, как это сделает пользователь.
Приятно видеть, как операционная система Android с каждой новой версией перенимает функции, которые ранее были доступны только с root-правами. Надеемся, что компания Google не удалит функцию System UI Tuner в будущем обновлении Android 6.0.1 или 6.1. Кстати, вы уже обновились до Marshmallow?
