Ui-element-structure-and-responsive-layout - История изменений

Admin: Английские адреса Wiki: обновление ссылок с сохранением русских подписей

2026-10-02T22:23:42Z

Английские адреса Wiki: обновление ссылок с сохранением русских подписей

← Предыдущая версия		Версия от 22:23, 2 октября 2026
Строка 4:		Строка 4:
	Редактор поддерживает как адаптивные, так и позиционные интерфейсы, а также их комбинирование в рамках одного проекта.		Редактор поддерживает как адаптивные, так и позиционные интерфейсы, а также их комбинирование в рамках одного проекта.

	'''Lite и Pro — два режима одного XIOT-EDITOR'''. Сначала ознакомьтесь со статьями [[Lite и Pro версии редактора]] и [[Назначение и возможности Pro версии редактора]]. Обзор меню находится в статье [[Обзор инструментов и меню PRO версии редактора]].		'''Lite и Pro — два режима одного XIOT-EDITOR'''. Сначала ознакомьтесь со статьями [[Editor-lite-and-pro\|Lite и Pro версии редактора]] и [[Editor-pro-capabilities\|Назначение и возможности Pro версии редактора]]. Обзор меню находится в статье [[Editor-pro-tools-and-menus\|Обзор инструментов и меню PRO версии редактора]].

	----		----
Строка 173:		Строка 173:
	Это позволяет создавать пользовательские интерфейсы и специализированные инженерные панели для заранее определённых и проверенных размеров экрана.		Это позволяет создавать пользовательские интерфейсы и специализированные инженерные панели для заранее определённых и проверенных размеров экрана.

	Требования к браузеру и порядок входа: [[Доступ к XIOT-EDITOR]].		Требования к браузеру и порядок входа: [[Xiot-editor-access\|Доступ к XIOT-EDITOR]].

Admin: Admin переименовал страницу Структура элементов и адаптивный интерфейс в Ui-element-structure-and-responsive-layout: Английский адрес статьи, русский заголовок и сохранение истории по поручению владельца

2026-10-02T21:41:47Z

Admin переименовал страницу Структура элементов и адаптивный интерфейс в Структура элементов и адаптивный интерфейс: Английский адрес статьи, русский заголовок и сохранение истории по поручению владельца

← Предыдущая версия	Версия от 21:41, 2 октября 2026
(нет различий)

Admin: Английский адрес статьи, русский заголовок и сохранение истории по поручению владельца

2026-10-02T21:41:45Z

Английский адрес статьи, русский заголовок и сохранение истории по поручению владельца

← Предыдущая версия		Версия от 21:41, 2 октября 2026
Строка 1:		Строка 1:
			{{DISPLAYTITLE:Структура элементов и адаптивный интерфейс}}
	Режим Pro в XIOT-EDITOR использует '''вложенную структуру элементов'''. Такой подход помогает проектировать интерфейсы для разных размеров экрана, но результат необходимо проверять на каждом целевом устройстве.		Режим Pro в XIOT-EDITOR использует '''вложенную структуру элементов'''. Такой подход помогает проектировать интерфейсы для разных размеров экрана, но результат необходимо проверять на каждом целевом устройстве.

Admin: OLD-05D: локальное сохранение, облако и загрузка PLC по актуальным исходникам

2026-09-16T06:56:28Z

OLD-05D: локальное сохранение, облако и загрузка PLC по актуальным исходникам

← Предыдущая версия		Версия от 06:56, 16 сентября 2026
Строка 155:		Строка 155:
	'''.xelem — файл элемента, а не всего проекта'''.		'''.xelem — файл элемента, а не всего проекта'''.

	Во время вёрстки полезно периодически нажимать '''Сохранить проект''', создавая самостоятельные контрольные точки. Это не загружает конфигурацию на XIOT-PLC. Если нужно применить текущую конфигурацию, используйте '''Загрузить конфигурацию на контроллер''': команда ~~сама сохранит~~ проект~~, создаст одну новую версию~~ и ~~передаст~~ на XIOT-PLC ~~точный снимок этой версии~~.		Во время вёрстки полезно периодически нажимать '''Сохранить проект''', создавая самостоятельные контрольные точки. Это не загружает конфигурацию на XIOT-PLC. Если нужно применить текущую конфигурацию, используйте '''Загрузить конфигурацию на контроллер''': команда сначала сохраняет проект локально и после успешной записи отправляет сохранённую конфигурацию на XIOT-PLC. Облачное сохранение и публикацию приложения проверяют отдельно: успешная загрузка на PLC их не подтверждает.

	----		----

Admin: COR-06: единый словарь действий и адресов управления/состояния

2026-08-23T16:11:30Z

COR-06: единый словарь действий и адресов управления/состояния

← Предыдущая версия		Версия от 16:11, 23 августа 2026
Строка 143:		Строка 143:
	* стили;		* стили;
	* логику;		* логику;
	* привязки к характеристикам и ~~тэгам~~.		* привязки к характеристикам и физическим адресам.

	Виджеты можно:		Виджеты можно:
Строка 154:		Строка 154:

	'''.xelem — файл элемента, а не всего проекта'''.		'''.xelem — файл элемента, а не всего проекта'''.

			Во время вёрстки полезно периодически нажимать '''Сохранить проект''', создавая самостоятельные контрольные точки. Это не загружает конфигурацию на XIOT-PLC. Если нужно применить текущую конфигурацию, используйте '''Загрузить конфигурацию на контроллер''': команда сама сохранит проект, создаст одну новую версию и передаст на XIOT-PLC точный снимок этой версии.

	----		----

Admin: Updated from local wiki project

2026-08-22T10:11:16Z

Updated from local wiki project

Внесённые изменения

Admin в 08:18, 26 января 2026

2026-01-26T08:18:03Z

← Предыдущая версия		Версия от 08:18, 26 января 2026
Строка 49:		Строка 49:

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

			[[Файл:Pro1 1.png\|без\|мини\|660x660пкс]]
			[[Файл:Pro 1 2.png\|без\|мини\|659x659пкс]]

	Это базовый принцип адаптивного макета.		Это базовый принцип адаптивного макета.

Admin в 08:16, 26 января 2026

2026-01-26T08:16:53Z

Внесённые изменения

Admin: /* 📱 Почему это лучше классических систем */

2025-12-03T05:05:24Z

📱 Почему это лучше классических систем

← Предыдущая версия		Версия от 05:05, 3 декабря 2025
Строка 137:		Строка 137:
	* виджеты автоматически становятся частью адаптивного макета;		* виджеты автоматически становятся частью адаптивного макета;
	* виджеты корректно отображаются на любом экране без ручной подгонки.		* виджеты корректно отображаются на любом экране без ручной подгонки.

	~~----~~

	~~== 📱 Почему это лучше классических систем ==~~

	~~Преимущества вложенной структуры XIOT:~~

	* 📐 автоматическая адаптация — всё строится в процентах и em;
	* 🔁 масштабирование интерфейса одним параметром — меняем `font-size`, меняется всё приложение;
	* 🧩 элементы собираются в виджеты, виджеты легко копируются;
	* 📌 нет фиксированной привязки к углам экрана, как в iRidium/AMX;
	* 🚀 быстрая сборка интерфейса за счёт готовых компонент;
	* 📦 один дизайн — любой экран.

	----		----
Строка 157:		Строка 144:
	В PRO версии XIOT:		В PRO версии XIOT:

	* структура элементов вложенная, как в современных веб-интерфейсах;		* структура элементов '''вложенная''', как в современных веб-интерфейсах;
	* используются относительные размеры (% и em), обеспечивающие адаптивность;		* используются относительные размеры (% и em), обеспечивающие адаптивность;
	* элементы группируются в виджеты, которые можно многократно использовать;		* элементы группируются в виджеты, которые можно многократно использовать;

Admin: /* 📐 Относительные размеры: % и em */

2025-12-03T05:02:29Z

📐 Относительные размеры: % и em

← Предыдущая версия		Версия от 05:02, 3 декабря 2025
Строка 9:		Строка 9:

	Каждый элемент — это '''блок'''.		Каждый элемент — это '''блок'''.

	Блоки могут содержать другие блоки, а те — свои вложенные блоки и так далее.		Блоки могут содержать другие блоки, а те — свои вложенные блоки и так далее.

Строка 39:		Строка 40:

	* создаём два блока;		* создаём два блока;
	* первому задаём ~~ширину~~ '''50%''';		* первому задаём высоту '''50%''';
	* второму — тоже '''50%'''.		* второму — тоже '''50%'''.

Строка 46:		Строка 47:
	* маленький телефон,		* маленький телефон,
	* планшет,		* планшет,
	* сенсорная панель на стене —		* сенсорная панель на стене

	блоки всегда займут ровно половину ~~ширины~~ страницы.		блоки всегда займут ровно половину высоты страницы.
			[[Файл:Pro1 1.png\|без\|мини\|660x660пкс]]
			[[Файл:Pro 1 2.png\|без\|мини\|659x659пкс]]
			Это основа адаптивного макета.

	~~Это основа адаптивного макета~~.		2. Единицы '''em'''

	2. Единицы em
	Используются для создания виджетов и управляемых элементов.		Используются для создания виджетов и управляемых элементов.

Строка 61:		Строка 64:
	* сохраняют правильный внешний вид при любом разрешении.		* сохраняют правильный внешний вид при любом разрешении.

	'''em''' привязывается к `font-size`.		'''em''' привязывается к '''font-size'''.


	Если изменить размер шрифта — изменится весь виджет целиком, сохранив пропорции и не ломаясь.		Если изменить размер шрифта — изменится весь виджет целиком, сохранив пропорции и не ломаясь.

Строка 73:		Строка 78:
	* главный блок заполняет страницу;		* главный блок заполняет страницу;
	* элементы внутри него автоматически распределяются;		* элементы внутри него автоматически распределяются;
	* если элементов слишком много — главный блок прокручивается.		* если элементов слишком много — главный блок '''прокручивается'''.

	Это отличается от интерфейсов с фиксированным позиционированием, где:		Это отличается от интерфейсов с фиксированным позиционированием, где: