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

[aidar_i]

ЗДЕСЬ обсуждалась эта тема.
Выкладываю ПБ и измененную библиотеку.

GyverPortal_.ubl

(2.12 МБ) 113 скачиваний

GyverPortal_mod7.rar

(337.26 КБ) 129 скачиваний

Кто скачивал с вышеуказанной темы для испытаний блоки и библиотеки, удалите все.
Нижеуказанные примеры и блоки со старыми не работают.
В библиотеке добавил выбор цвета фона , эффект нажатия, выбор положения (слева , справа, по умолчанию по центру), ширину и высоту компонента, высоту и цвет шрифта, радиус закругления.
Добавил дополнительно желтый и синий светодиоды.

Ниже блоки, которые можно настроить по своему вкусу(это не проект,выложены просто блоки, настройки по умолчанию):

ПБ Клик настройки.flp

(423.26 КБ) 93 скачивания

ПБ Обновление настройки.flp

(424.87 КБ) 84 скачивания

ПБ Форма настройки.flp

(539.94 КБ) 86 скачиваний

Настраиваемые блоки режима Форм.

СпойлерПоказать

Отрисовка блоков для размещения компонентов
Пример удалил для изменения.

СпойлерПоказать

Вывод картинок

Вывод картинок.flp

(129.52 КБ) 78 скачиваний

СпойлерПоказать

Вывод картинок.png (12.23 КБ) 3406 просмотров

Иконки можно брать здесь icons8.ru, код тоже там же.

Вывод графиков

Вывод графика.flp

(218.4 КБ) 70 скачиваний

Вывод нескольких графиков на одной оси.flp

(260.2 КБ) 61 скачивание

СпойлерПоказать

Внимание! Тело проекта расположите в платах выше плат с блоками портала.
Или блоки портала должны быть последними в проекте.
Расположите блоки портала отдельно на свох платах, тогда порядок компиляции будет так, как они стоят в проекте. Можно их и сдвигать вместе с платой куда надо.

[aidar_i]

GyverPortal_mod7

название должен быть GyverPortal_mod7 ? или GyverPortal_mod ?

Название папки не важно, внутри папки файлы не трогайте, но лучше как у меня, чтобы видеть GyverPortal_mod7

[Imran]

Спасибо заработало

У Вас стоят 2 библиотеки старой версии, удалите их все. В ошибках путь написана, где находятся библиотеки. Потом установите GyverPortal_mod7

Просто так закинул блоки что бы понять как работает GyverPortal_mod7, Вы писали соблюдать очередность блоков, тот блок который в Флпрог второй https://prnt.sc/Kj17u5PklFhk но в браузере он девятый https://prnt.sc/Znx0DiXTvHp9
и многие в разброску стоят не как в Флпрог

Что я не правильно понял?

[aidar_i]

Что я не правильно понял?

Очередность вытаскивания блоков- вот порядок расположения компонентов в браузере! А не как они расположены в программе! Какой блок вытащил раньше, тот и выше. Если его даже перетащишь ниже, все равно он будет на своем прежнем месте.
Но если расположите каждый блок на своей плате, то порядок компиляции будет как в проекте.

[Imran]

Очередность вытаскивания блоков- вот порядок расположения компонентов в браузере!

Все ТИП ТОП СПАСИБО

[aidar_i]

Видео от Грачика

[aidar_i]

Попробовал превратить картинку в ссылку, испытайте, для этого нужно в библиотеке заменить выложенный ниже файл(в первом сообщении не меняю, пока не накопятся изменения),
Добавил туда нечаянно удаленные функции для синего и желтого светодиодов.

GyverPortal.h

(30.39 КБ) 15 скачиваний

Пример

Вывод картинок ссылок.flp

(100.85 КБ) 15 скачиваний

[ibalabanov]

Можете сделать пример с body страницы, какие там настройки можно применить и как с ним работать) И ещё… можно ли менять тему светлую на темную через веб интерфейс? Был бы вход на главном блоке такой, было бы здорово

[aidar_i]

Можете сделать пример с body страницы, какие там настройки можно применить и как с ним работать)

Хорошо.

И ещё… можно ли менять тему

Я не волшебник, я только учусь. Пока не могу ответить.
Сегодня долго бился с переключением со входа картинок, но так и не смог привязать к режиму обновления. Сами входы работают.

[aidar_i]

можно ли менять тему светлую на темную через веб интерфейс?

Так?

СпойлерПоказать

Запись_2022_06_22_09_42_18_781.mp4

(431.48 КБ) 15 скачиваний

[velmir]

Здравствуйте Айдар можно пример как вывести два значения на экран допустим температуру и влажность .....

[aidar_i]

можно ли менять тему светлую на темную через веб интерфейс?

Изменил стартовый блок для этого

Переключение темы с веб интерфейса.flp

(307.54 КБ) 17 скачиваний

В этом примере на кнопке показал, как применять параметр Настройки.

Отправлено спустя 2 часа 17 минут 5 секунд:

Здравствуйте Айдар можно пример как вывести два значения на экран допустим температуру и влажность .....

Ставите режим обновления (GyverPortal START_UPDATE Обновление в реальном времени) , на вход блока (GyverPortal TEXT_U Вывод текста) подайте через конвертацию числа в строку значение.

Внимание костыль!
Расположите блоки портала отдельно на свох платах, тогда порядок компиляции будет так, как они стоят в проекте. Можно их и сдвигать вместе с платой куда надо.
Советую, для уменьшения количества плат, делать по два блока в плате, если что их заменить проще, чем блоки всего проекта.

[ibalabanov]

можно ли менять тему светлую на темную через веб интерфейс?

Изменил стартовый блок для этого
Переключение темы с веб интерфейса.flp
В этом примере на кнопке показал, как применять параметр Настройки.

Отправлено спустя 2 часа 17 минут 5 секунд:

Здравствуйте Айдар можно пример как вывести два значения на экран допустим температуру и влажность .....

Ставите режим обновления (GyverPortal START_UPDATE Обновление в реальном времени) , на вход блока (GyverPortal TEXT_U Вывод текста) подайте через конвертацию числа в строку значение.

Внимание костыль!
Расположите блоки портала отдельно на свох платах, тогда порядок компиляции будет так, как они стоят в проекте. Можно их и сдвигать вместе с платой куда надо.

А вы говорите не волшебник Волшебник!! Спасибо!!

[velmir]

Ставите режим обновления (GyverPortal START_UPDATE Обновление в реальном времени) , на вход блока (GyverPortal TEXT_U Вывод текста) подайте через конвертацию числа в строку значение.

Внимание костыль!
Расположите блоки портала отдельно на свох платах, тогда порядок компиляции будет так, как они стоят в проекте. Можно их и сдвигать вместе с платой куда надо.

Спасибо Вам за проделанную работу. Всё получилось

[aidar_i]

Можете сделать пример с body страницы, какие там настройки можно применить и как с ним работать)

Сделал пример с Боди, также показал настройки кнопки и линии(для линии нужно изменить приложенные файлы в библиотеке)

Пример настроек компонентов.flp

(290.41 КБ) 13 скачиваний

Файлы для замены.rar

(9.68 КБ) 16 скачиваний

СпойлерПоказать

[philipp2222]

Всем привет,
возможна ли работа GyverPortal в режиме AccessPoint. Если да, то какие дополнителные настройки необходимо сделать. Не получается запустить проект, не отображается страничка.
Заранее благодарю за ответ.

[aidar_i]

Всем привет,
возможна ли работа GyverPortal в режиме AccessPoint. Если да, то какие дополнителные настройки необходимо сделать. Не получается запустить проект, не отображается страничка.
Заранее благодарю за ответ.

Работает. IP странички правильно установите.

[aidar_i]

Всем привет,
возможна ли работа GyverPortal в режиме AccessPoint. Если да, то какие дополнителные настройки необходимо сделать. Не получается запустить проект, не отображается страничка.
Заранее благодарю за ответ.

Запустили? Что то не отписались.

[philipp2222]

Всем привет,
возможна ли работа GyverPortal в режиме AccessPoint. Если да, то какие дополнителные настройки необходимо сделать. Не получается запустить проект, не отображается страничка.
Заранее благодарю за ответ.

Запустили? Что то не отписались.

Привет,
получилось запустить с примером из поста 94, почему раньше не работало пока сам не понял.
Спасибо за поддержку.

[philipp2222]

Всем привет,
возможна ли работа GyverPortal в режиме AccessPoint. Если да, то какие дополнителные настройки необходимо сделать. Не получается запустить проект, не отображается страничка.
Заранее благодарю за ответ.

Запустили? Что то не отписались.

Привет,
получилось запустить с примером из поста 94, почему раньше не работало пока сам не понял.
Спасибо за поддержку.

Вставил в проект из поста 94 отображение графика - страничка отображается, график нет . Может кто гланет.
Заранее благодарю.

[aidar_i]

страничка отображается, график нет

В описании библиотеки написано:
Компоненты конструктора
.................
................
Несколько типов графиков (требуется интернет)
Без интернета не работает.