Electron JS Меню | Контекстное меню
HTML-код
- Опубликовано: 6 сен 2024
- В этом видео мы разберем как создавать стандартное меню в программах на Electron JS А также посмотрим как создавать контекстное меню.
⚠️Помощь проекту⚠️:
yoomoney.ru/to...
Сбер: 4817760180810263
⚠️Соцсети⚠️
vk.com: https: cyberhaus
Telegramm: t.me/cyberhaus
Twitter: / arhfedos
Спасибо за очередной урок!!! Все понятно качественные уроки!!! Ребят давайте поддержим автора лайками и тёплыми комментариями
Спасибо за комментарий. Здорово что всё понятно, все время кажется что объясняю не понятно.)))
@@CyHaus Нет, все отлично, мне нравиться что еще показываешь документацию где и как смотреть надо.
Очень нравятся уроки, пожалуйста сделайте урок по взаимодействию с MySQL и SQLite, как подключаться, считывать информацию и отображать в программе
С SQLite всё очень просто. Электрон использует Chromium, а там есть WebSql который и есть SQLite.
Следующий урок как раз будет по этой теме. А в дальнейшем разберем и другие СУБД (MySQL, PostgreSQL).
👍👍👍👍👍
у меня просто после выноса методов и констант по установке контекстного меню в отдельный файл , просто нет никаких изменений от слова вообще , никаких ошибок , просто ничего
Можно ли main.js разбивать на несколько файлов если там уже много когда?
Да, это сделать легко при помощи require();
Я как раз в следующем уроке буду показывать как работать с дочерними окнами и там кода будет уже слишком много, поэтому я буду разбивать главный процесс на файлы.
При клике по пункту меню надо бы меню закрывать по хорошему.
Да, вы правы. Лучше всего было бы повесить клик на body и в обработчике закрывать меню при клике на любом элементе приложения. Я не стал в этом видео этого делать, т.к. это клиентский js и я думаю все знают и смогут без проблем реализовать такой простой функционал. Но вообще конечно согласен что получилось не красиво.)))
как сделать чтоб изначально сделать чтоб приложение открывалось на весь экран с фуллскрином и без
Для того чтобы окно открылось на весь экран при запуске надо указать свойство fullscreen: true
Притом свойство resizable должно отсутствовать или установить его в true
@@CyHaus благодарю, все работает
@@CyHaus кстати неработает скрипт фпс на странице, в чем может быть проблема? или подобные вещи только по api electrona делаются?
@@CyHaus ```var fps = document.getElementById("fps");
var startTime = Date.now();
var frame = 0;
function tick() {
var time = Date.now();
frame++;
if (time - startTime > 1000) {
result = Math.round(frame / ((time - startTime) / 1000))
fps.innerHTML = "FPS: " + result;
startTime = time;
frame = 0;
}
window.requestAnimationFrame(tick);
}
setTimeout(function() {
tick();
}, 500);```
а какая именно ошибка?