Страница 16 из 23

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 13.05.2022{, 21:12}
aidar_i
ЗДЕСЬ обсуждалась эта тема.
В начале сообщения блоки старой версии, ниже выложил новую версию.
1 версия.
Выкладываю ПБ и измененную библиотеку.
GyverPortal_.ubl
(2.12 МБ) 1093 скачивания
GyverPortal_mod7.rar
(337.26 КБ) 1098 скачиваний
Кто скачивал с вышеуказанной темы для испытаний блоки и библиотеки, удалите все.
Нижеуказанные примеры и блоки со старыми не работают.
В библиотеке добавил выбор цвета фона , эффект нажатия, выбор положения (слева , справа, по умолчанию по центру), ширину и высоту компонента, высоту и цвет шрифта, радиус закругления.
Добавил дополнительно желтый и синий светодиоды. Замените файлы в библиотеке отсюда.

Ниже блоки, которые можно настроить по своему вкусу(это не проект,выложены просто блоки, настройки по умолчанию):
ПБ Клик настройки.flp
(423.26 КБ) 767 скачиваний
ПБ Обновление настройки.flp
(424.87 КБ) 637 скачиваний
ПБ Форма настройки.flp
(539.94 КБ) 614 скачиваний
Настраиваемые блоки режима Форм.
СпойлерПоказать
Настройки блоки форм.png
Отрисовка блоков для размещения компонентов
Пример удалил для изменения.
СпойлерПоказать
Отрисовка блоков.png
Вывод картинок
Вывод картинок.flp
(129.52 КБ) 654 скачивания
СпойлерПоказать
Вывод картинок.png
Вывод картинок.png (12.23 КБ) 60754 просмотра
Иконки можно брать здесь icons8.ru, код тоже там же.
Вывод графиков
Вывод графика.flp
(218.4 КБ) 618 скачиваний
СпойлерПоказать
Графики.png
------------------------------------------------------------------------------
2 версия , измененные блоки, библиотека и примеры.
Библиотека
GyverPortal_3.2.rar
(44.52 КБ) 675 скачиваний
Примеры, блок
Примеры GP.rar
(1.53 МБ) 638 скачиваний
Проверил все примеры на ЕСП32. Блоки меню пока не работают, ждем новую версию.
Хорошо работает многостраничность. Видео
GPМногостраничность.rar
(259.5 КБ) 570 скачиваний
Привел пример с подробным описанием блоков многостраничности, придерживаться порядок расположения и компиляции блоков, иначе не будет работать. Что бы не путаться.
Старые и новые блоки и библиотеки не совместимы.
Оригинальная библиотека не совместима с блоками, устанавливайте выложенные здесь.

Внимание! Тело проекта расположите в платах выше плат с блоками портала.
Блоки портала должны быть последними в проекте.
Расположите блоки портала отдельно на своих платах, тогда порядок компиляции будет так, как они стоят в проекте. Можно их и сдвигать вместе с платой куда надо.
Для уменьшения плат можно располагать по 2-3 блока в плате, их корректировать проще.
Можно блоки вырезать и снова поставить, тогда они будут компилироваться ниже блоков, которые остались на плате.
ОТА тоже работает.

Снял видео инструкцию по блокам GP:
СпойлерПоказать
СпойлерПоказать
Здесь дополнительные блоки с возможностью установки любого цвета светодиодов и фона страницы.
—--------------------------------------------------------------------------------------------------------------------------------------------------------------------
Для работы с файловой системой ЕСП.
Так как появились вопросы форумчан, выкладываю папку tools, которую нужно положить в папку ...\FLProg_8-0-2_Win64\ideV8\portable\sketchbook, тогда у вас будет работать файловая система. В Ардуино Иде в Tools появится надписи “ESP8266 LittleFS Data Upload“ и “ESP32 Sketch Data Upload“. Сохранить скетч, положить в папку со скетчем папку data. в которую положить нужные файлы для сохранения в файловую систему. В Ардуино Иде нажать нужную надпись и ФС прошьется, потом загрузите скетч. Далее вы можете прошивать только скетч, если файлы из ФС используются те же. Для GP прошейте файлы из библиотеки, там есть папка data, в примерах я его использую.
tools.rar
(13.73 КБ) 305 скачиваний
----------------------------------------------------------------------------
3 версия по библиотеке 3.5.2. (В библиотеке ничего не менял) , выложил блоки, примеры и библиотеку.
Блоки:
GPv3.5.rar
(191.32 КБ) 406 скачиваний
Примеры GPv3.5.rar
(366.42 КБ) 424 скачивания
Бимблиотека:
GyverPortal-3.5.2.rar
(319.78 КБ) 433 скачивания
Внимание!
Пользуйтесь только одной версией портала.
В каждой версии я выложил библиотеку этой версии.
Видео для прежней версии в основном подходит и для последней версии для понимания блоков.
4я версия ТУТ.
2х ядерный вариант использования GP на ESP32 здесь.

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 22.07.2023{, 22:49}
vlad1451
aidar_i писал(а):
22.07.2023{, 19:12}
vlad1451 писал(а):
22.07.2023{, 18:13}
P.S. Может у меня блоки не все? Использую блоки GPv3_X.
Все, посмотрите примеры, описания блоков.
Да я смотрел. Дело всё в версиях (блоков и библиотек), это моё мнение. Я использую блоки GP3_x. Я пытался добавить в проект блоки из других сборок (GP_BODY например), для настроек интерфейса. IDE вылетает с ошибкой.
Хотелось бы настраивать цветовые характеристики, изменять цвет фона текста, выравнивать блоки по желанию.
028.jpg


Поправьте первый пост темы, иного версий блоков гуляет по форуму, и похоже они не совместимы. Если я не прав, поправьте.

Отправлено спустя 11 часов 41 минуту 29 секунд:
Либо я чего то недопонимаю, либо.... Третий день пытаюсь "разкусить" эту библиотеку. Создаю "тело" страницы шириной 1600, потом делаю объединение двух MAKE_BLOCK_TAB по горизонтали. У первого блока указана ширина 300px, у второго 100px. в результате получаю это:
029.jpg
Как эти блоки правильно располагать? Облазил всю библиотеку, нашел только вот это:

#define M_BLOCK_TAB(...) OVR_MACRO(M_BLOCK_TAB, __VA_ARGS__)
#define M_BLOCK_TAB2(text, args) GP.BLOCK_TAB_BEGIN(text); args; GP.BLOCK_END();
#define M_BLOCK_TAB3(text, width, args) GP.BLOCK_TAB_BEGIN(text, width); args; GP.BLOCK_END();
#define M_BLOCK_TAB4(text, width, style, args) GP.BLOCK_TAB_BEGIN(text, width, style); args; GP.BLOCK_END();


Кто подскажет(ткнёт носом как пакостливого кота) в чём проблема?
Project_8266_new3.flp
(4.51 МБ) 62 скачивания
Отправлено спустя 3 часа 5 минут 5 секунд:
Уважаемый aidar_i. Решил попробовать один из примеров из Вашего архива (Примеры GP), Режим Форма. Заменил только контроллер на 8266. В результате ошибка компиляции:
030.jpg
Не стыковка с библиотекой?

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 23.07.2023{, 17:14}
aidar_i
vlad1451 писал(а):
23.07.2023{, 13:35}
Не стыковка с библиотекой?
Да.
Пользуйтесь только одной версией портала.
В каждой версии я выложил библиотеку этой версии
Примеры для последней версии в архиве в 1 сообщении

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 23.07.2023{, 17:28}
vlad1451
aidar_i писал(а):
23.07.2023{, 17:14}
vlad1451 писал(а):
23.07.2023{, 13:35}
Не стыковка с библиотекой?
Да.
Пользуйтесь только одной версией портала.
В каждой версии я выложил библиотеку этой версии
Примеры для последней версии в архиве в 222 сообщении
Для последней этот 3.6.6?

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 23.07.2023{, 17:35}
aidar_i
vlad1451 писал(а):
23.07.2023{, 17:28}
aidar_i писал(а):
23.07.2023{, 17:14}
vlad1451 писал(а):
23.07.2023{, 13:35}
Не стыковка с библиотекой?
Да.
Пользуйтесь только одной версией портала.
В каждой версии я выложил библиотеку этой версии
Примеры для последней версии в архиве в 222 сообщении
Для последней этот 3.6.6?
В первом сообщении и в обсуждениях выделенным шрифтом разграничил версии.
Пока предлагаю последнюю версию считать 3.5.2 и пользоваться выложенной мной библиотекой.

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 23.07.2023{, 17:46}
vlad1451
Использую блоки GPv3_xxx. В данном наборе блоков я как раз и не нашел настроек (выравнивание элементов внутри блоков, управление цветом фона блоков). Заметил один не приятный нюанс. Иногда не совпадает цвет фона блока и цвет фона текста.
029 (2).jpg
Возможно я слишком много требую, хочется довести интерфейс до идеала (максимализм...). :yes: :yes: :yes:

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 23.07.2023{, 20:26}
dimdi
Здравствуйте Айдар. прошу подсказать где залить библ.3.5.2. ссылка направляет на 5 стр. та на 12-ую. и с 12 опять на 12-ую 1пост. благодарю...

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 23.07.2023{, 20:36}
aidar_i
dimdi писал(а):
23.07.2023{, 20:26}
Здравствуйте Айдар. прошу подсказать где залить библ.3.5.2. ссылка направляет на 5 стр. та на 12-ую. и с 12 опять на 12-ую 1пост. благодарю...
В сообщении 1.

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 23.07.2023{, 20:49}
dimdi
огромное спасибо

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 27.07.2023{, 12:14}
Cancertanly
Уважаемый, Айдар. Скиньте пожалуйста блоки 3й версии, а то на форуме так и не нашел. Только из примеров, а там не все

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 27.07.2023{, 12:54}
vlad1451
Не знаю все или нет, у меня вот такая сборка.
GPv3.ubl
(1.5 МБ) 46 скачиваний

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 27.07.2023{, 19:39}
aidar_i
Cancertanly писал(а):
27.07.2023{, 12:14}
Уважаемый, Айдар. Скиньте пожалуйста блоки 3й версии, а то на форуме так и не нашел. Только из примеров, а там не все
В связи с тем , что у форумчан проблемы с использованием ссылок, выложил все файлы в первом сообщении, с 222 сообщения удалил. :)
Последняя версия блоков GPv3.5.ubl.
Готовится версия GPv3.6.
Библиотекой версии 3.6.6 можете пользоваться с блоками GPv3.5, все блоки должны работать, там добавились дополнительные функции, параметры.
Если найдете несовместимость какого то компонента, пишите сразу сюда.

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 08.08.2023{, 09:53}
aidar_i
4 версия
Выкладываю сюда для теста последние версии блоков и библиотеку.
примеры аналогичны версии 3.5. Блоки версии 3.5 и 3.6.6 в основном совместимы, если вы делали проект на версии 3.5 , можете в готовом проекте заменить только блоки дающие ошибку при компиляции, их пару шт. появились еще новые блоки.
Добавил блоки панель управления и подправил гл блок и блоки многостраничности.
Версия 3.6.6_.rar
(518.23 КБ) 148 скачиваний
Пример с Панелем управления и многостраничностью:
Панель управления авто.flp
(513.05 КБ) 118 скачиваний
Скриншот примера
СпойлерПоказать
Пример.png
Пример1.png
Пример2.png
Скриншоты из примеров библиотеки (можно посмотреть расположение блоков).
СпойлерПоказать
UI ручн.png
UI авто.png
Макросы: для удобства писания скетчей , автором библиотеки "GP_MAKE" сокращены до буквы "М" (макрос GP_MAKE_BLOCK_THIN_TAB(...) теперь пишется M_BLOCK_THIN_TAB(...), я оставил в первоначальном варианте, в библиотеке просто производится замена с помощью #define GP_MAKE_BLOCK_THIN_TAB(...) M_BLOCK_THIN_TAB(__VA_ARGS__).
Проверял на ESP32.
Тестируйте.

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 09.08.2023{, 00:13}
Imran
aidar_i, Вот этого и я хотел круто спасибо огромное, и довольно шустрый. Можете демо проект сделать с блоками ? что бы понятливее было как все работает.Описание хорошие, чуть-чуть толчок нужен.

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 09.08.2023{, 12:56}
aidar_i
Imran писал(а):
09.08.2023{, 00:13}
aidar_i, Вот этого и я хотел круто спасибо огромное, и довольно шустрый. Можете демо проект сделать с блоками ? что бы понятливее было как все работает.Описание хорошие, чуть-чуть толчок нужен.
Я примеры выкладывал для предыдущей версии, они в основном подходят для понимания, и видео снимал, тоже там можно принцип понять.
Примеры новые не обещаю быстро сделать, может форумчане выложат свои наработки?

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 12.08.2023{, 04:24}
aidar_i
Идёт работа по переводу блоков на проф редактор, мне помогает наш форумчанин, срочно нужен тестировщик(и), который может быстро проверять блоки. Писать в личку.

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 08.10.2023{, 12:52}
tema
хороший веб! спасибо автору.
теперь самое главное: как его заставить работать на "0" ядре чтобы не тормозил основную программу?
все вебы работают на "1" ядре...
но когдато же должен появиться "правильный" веб... Касается есп32.
иначе какой смысл в двухядерности?

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 08.10.2023{, 17:32}
aidar_i
tema писал(а):
08.10.2023{, 12:52}
хороший веб! спасибо автору.
теперь самое главное: как его заставить работать на "0" ядре чтобы не тормозил основную программу?
все вебы работают на "1" ядре...
но когдато же должен появиться "правильный" веб... Касается есп32.
иначе какой смысл в двухядерности?
Попробуйте! Я здесь делал блоки для работы с обоими ядрами. Здесь.

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 08.10.2023{, 20:45}
tema
aidar_i писал(а):
08.10.2023{, 17:32}
Попробуйте! Я здесь делал блоки для работы с обоими ядрами. Здесь.
пробовал. и с вашими gp и с espui и с jeeui.
не получилось...

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 15.10.2023{, 06:21}
Brama
Доброго всем.
Запустил тестовый пример "Вывод графика. flp" с первой страницы, на экране смартфона тёмная страница.
На проекте сменил контроллер на WEMOS mini и wi fi в режиме точка доступа.
Если у кого было подобное, как вы обошли данную причину.?
Спасибо.

GyverPortal - простой конструктор веб интерфейса.

Добавлено: 15.10.2023{, 06:42}
vlad1451
Brama писал(а):
15.10.2023{, 06:21}
Доброго всём.
Запустил тестовый пример "Вывод графика. flp" с первой страницы, на экране смартфона тёмная страница.
На проекте сменил контроллер на WEMOS mini и wi fi в режиме точка доступа.
Если у кого было подобное, как вы обошли данное причину.?
Спасибо.
В данном примере по умолчанию тёмная тема (GP_DARK), переключите на GP_LIGHT.