Espruino:Справочник по API/Класс E/showMenu(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) (Новая страница: «{{Espruino/Панель перехода}} {{Перевод от Сubewriter}} {{Myagkij-редактор}} =<ref>[ www.espruino.com - ]</ref>= ==Синтакс...») |
Myagkij (обсуждение | вклад) Нет описания правки |
||
Строка 3: | Строка 3: | ||
{{Myagkij-редактор}} | {{Myagkij-редактор}} | ||
=<ref>[ www.espruino.com - ]</ref>= | =Функция E.showMenu()<ref>[https://www.espruino.com/Reference#t_l_E_showMenu www.espruino.com - E.showMenu]</ref>= | ||
==Синтаксис== | ==Синтаксис== | ||
<syntaxhighlight lang="javascript" enclose="div"> | <syntaxhighlight lang="javascript" enclose="div"> | ||
E.showMenu(menu) | |||
</syntaxhighlight> | </syntaxhighlight> | ||
==Параметры== | ==Параметры== | ||
* '''menu''' – объект, содержащий привязки ''«название->функция»'', используемые в меню | |||
==Возвращаемое значение== | |||
Объект меню с функциями draw(), move() и select(). | |||
== | ==Описание== | ||
Показывает на экране меню и настраивает кнопки для навигации по нему. | |||
В аргументе menu задается объект, содержащий элементы меню. Когда пользователь выберет какой-то элемент, будет выполнена функция, привязанная к этому элементу. Например: | |||
== | <syntaxhighlight lang="javascript" enclose="div"> | ||
var boolean = false; | |||
var number = 50; | |||
// Первое меню: | |||
var mainmenu = { | |||
"" : { "заголовок" : "-- Главное меню --" }, | |||
"Включить подсветку" : function() { LED1.set(); }, | |||
"Выключить подсветку" : function() { LED1.reset(); }, | |||
"Подменю" : function() { E.showMenu(submenu); }, | |||
"Булево значение" : { | |||
value : boolean, | |||
format : v => v?"Вкл":"Выкл", | |||
onchange : v => { boolean=v; } | |||
}, | |||
"Номер" : { | |||
value : number, | |||
min:0,max:100,step:10, | |||
onchange : v => { number=v; } | |||
}, | |||
"Выход" : function() { E.showMenu(); }, // удаляем меню | |||
}; | |||
// Подменю | |||
var submenu = { | |||
"" : { "заголовок" : "-- Подменю --" }, | |||
"Один" : undefined, // ничего не делаем | |||
"Два" : undefined, // ничего не делаем | |||
"< Назад" : function() { E.showMenu(mainmenu); }, | |||
}; | |||
// показываем меню | |||
E.showMenu(mainmenu); | |||
</syntaxhighlight> | |||
Меню останется на экране и будет аткивным, пока не будет явно удалено, что можно сделать при помощи E.showMenu() без аргументов. | |||
Более подробно читайте в [http://www.espruino.com/graphical_menu этой статье]. | |||
=См.также= | =См.также= |
Версия от 20:43, 6 декабря 2020
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
Функция E.showMenu()[1]
Синтаксис
E.showMenu(menu)
Параметры
- menu – объект, содержащий привязки «название->функция», используемые в меню
Возвращаемое значение
Объект меню с функциями draw(), move() и select().
Описание
Показывает на экране меню и настраивает кнопки для навигации по нему.
В аргументе menu задается объект, содержащий элементы меню. Когда пользователь выберет какой-то элемент, будет выполнена функция, привязанная к этому элементу. Например:
var boolean = false;
var number = 50;
// Первое меню:
var mainmenu = {
"" : { "заголовок" : "-- Главное меню --" },
"Включить подсветку" : function() { LED1.set(); },
"Выключить подсветку" : function() { LED1.reset(); },
"Подменю" : function() { E.showMenu(submenu); },
"Булево значение" : {
value : boolean,
format : v => v?"Вкл":"Выкл",
onchange : v => { boolean=v; }
},
"Номер" : {
value : number,
min:0,max:100,step:10,
onchange : v => { number=v; }
},
"Выход" : function() { E.showMenu(); }, // удаляем меню
};
// Подменю
var submenu = {
"" : { "заголовок" : "-- Подменю --" },
"Один" : undefined, // ничего не делаем
"Два" : undefined, // ничего не делаем
"< Назад" : function() { E.showMenu(mainmenu); },
};
// показываем меню
E.showMenu(mainmenu);
Меню останется на экране и будет аткивным, пока не будет явно удалено, что можно сделать при помощи E.showMenu() без аргументов.
Более подробно читайте в этой статье.
См.также
Внешние ссылки