Espruino:Справочник по API/Класс E/showMenu(): различия между версиями

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
(Новая страница: «{{Espruino/Панель перехода}} {{Перевод от Сubewriter}} {{Myagkij-редактор}} =<ref>[ www.espruino.com - ]</ref>= ==Синтакс...»)
 
Нет описания правки
 
(не показаны 2 промежуточные версии 2 участников)
Строка 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">
 
E.showMenu(menu)
</syntaxhighlight>
</syntaxhighlight>


==Параметры==
==Параметры==


* '''menu''' – объект, содержащий привязки ''«название->функция»'', используемые в меню
==Возвращаемое значение==


Объект меню с функциями draw(), move() и select().


==Возвращаемое значение==
==Описание==


Показывает на экране меню и настраивает кнопки для навигации по нему.


В аргументе menu задается объект, содержащий элементы меню. Когда пользователь выберет какой-то элемент, будет выполнена функция, привязанная к этому элементу. Например:


==Описание==
<syntaxhighlight lang="javascript">
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 этой статье].


=См.также=
=См.также=


{{ads}}
 


=Внешние ссылки=
=Внешние ссылки=
Строка 31: Строка 69:
<references />
<references />


{{Навигационная таблица/Espruino}}
{{Навигационная таблица/Портал/Espruino}}
{{Навигационная таблица/Телепорт}}

Текущая версия от 15:15, 20 мая 2023

Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.


Функция 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() без аргументов.

Более подробно читайте в этой статье.

См.также

Внешние ссылки