Вырожденное состояние и сложность в интерфейсе

19.12.22

Разработка - Работа с интерфейсом

На примере вырожденного состояния из одного параметра дается представление о рождении сложности интерфейсного представления объекта.

Скачать файлы

Наименование Файл Версия Размер
Вырожденное состояние и сложность в интерфейсе:
.dt 120,60Mb
1
.dt 1.0.0.4 120,60Mb 1 Скачать

Представим себе объект, состояние которого определяется числом от 0 до 5 (некий рейтинг). Для отображения на форме этого объекта используем представление рейтинга в виде ряда звезд. Такая форма также будет иметь 6 состояний, однако в нашем примере для ее описания потребуется 10 параметров: 5 для полных звезд и 5 для пустых.

Вот так, на простом случае от одного параметра у нас получилась форма, управляемая 10-ю параметрами. Мера сложности здесь - это то количество параметров, которое описывает состояния объекта. Здесь для объекта с 6-ю состояниями требуется один параметр, а для формы - 10.

Это простой случай иллюстрирует рождение сложности в описании пользовательских интерфейсов. На каждый параметр объекта может приходится несколько параметров элементов интерфейса. Это и называется - “богатство” интерфейса. Очень легко заплутать в этой “богатой” и порой, “болотистой” местности среди интерфейсных элементов. Как же обуздать эту “фауну”?

Вернемся обратно к нашему примеру. Количество состояний для формы не увеличилось и осталось в строгом соответствии с состояниями объекта. Число же потенциальных состояний формы значительно превышает допустимые: 2^10 = 1024. Но не стоит паниковать! Это значит, что как бы не был сложен интерфейс объекта, все его параметры строго соответствуют параметрам объекта. Что если выразить интерфейс через этот параметр?

Итак, у нас 5 полных звезд и 5 - пустых. Нам достаточно описать только видимость каждой звезды в зависимости от состояния объекта. Опишем эти зависимости:

ВыбраннаяЗвезда1.Видимость = Рейтинг >= 1
ВыбраннаяЗвезда2.Видимость = Рейтинг >= 2
ВыбраннаяЗвезда3.Видимость = Рейтинг >= 3
ВыбраннаяЗвезда4.Видимость = Рейтинг >= 4
ВыбраннаяЗвезда5.Видимость = Рейтинг = 5

и для пустых:

ПустаяЗвезда1.Видимость = Рейтинг = 0
ПустаяЗвезда2.Видимость = Рейтинг < 2
ПустаяЗвезда3.Видимость = Рейтинг < 3
ПустаяЗвезда4.Видимость = Рейтинг < 4
ПустаяЗвезда5.Видимость = Рейтинг < 5

Для каждой звезды нам также потребуется реализовать контроллер. В контроллере будет устанавливаться значение рейтинга в зависимости от выбранной звезды.

&НаКлиенте
Процедура ВыбратьРейтинг(Рейтинг, ИмяЭлемента)
	ШаблонОбъекта = Новый Структура;
	ШаблонОбъекта.Вставить("Рейтинг", Рейтинг);
	ИзмененныеПараметры = РаботаСМодельюОбъектаКлиентСервер.Заполнить(ЭтотОбъект, ШаблонОбъекта);
	ПриИзмененииНаКлиенте(ИзмененныеПараметры);
	//  Возвращение фокуса на элемент звезды в месте нажатия (на каждом месте отображаются одна из двух звезд: полная или пустая)
	ЭтоВыбраннаяЗвезда = НЕ СтрНачинаетсяС(ИмяЭлемента, "Выбранная");
	РейтингЗвезды = Прав(ИмяЭлемента, 1);
	ТекущийЭлемент = Элементы[?(ЭтоВыбраннаяЗвезда, "Выбранная", "Пустая") + "Звезда" + РейтингЗвезды];
КонецПроцедуры

//  Пример вызова контроллера для полной звезды 1
// Здесь при нажатии на полную звезду 1 происходит понижение рейтинга до 0, поэтому в контроллер передается 0
&НаКлиенте
Процедура ВыбраннаяЗвезда1Нажатие(Элемент)
	ВыбратьРейтинг(0, Элемент.Имя);
КонецПроцедуры

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

Вот так выглядит декларативное описание элементов формы в коде:

	МодельСостояния.ЭлементФормы("ВыбраннаяЗвезда1")
		.Свойство("Видимость")
			.Параметр("Рейтинг")
			.Выражение("Параметры.Рейтинг >= 1")
	;
	МодельСостояния.ЭлементФормы("ВыбраннаяЗвезда2")
		.Свойство("Видимость")
			.Параметр("Рейтинг")
			.Выражение("Параметры.Рейтинг >= 2")
	;
	МодельСостояния.ЭлементФормы("ВыбраннаяЗвезда3")
		.Свойство("Видимость")
			.Параметр("Рейтинг")
			.Выражение("Параметры.Рейтинг >= 3")
	;
	МодельСостояния.ЭлементФормы("ВыбраннаяЗвезда4")
		.Свойство("Видимость")
			.Параметр("Рейтинг")
			.Выражение("Параметры.Рейтинг >= 4")
	;
	МодельСостояния.ЭлементФормы("ВыбраннаяЗвезда5")
		.Свойство("Видимость")
			.Параметр("Рейтинг")
			.Выражение("Параметры.Рейтинг = 5")
	;
	МодельСостояния.ЭлементФормы("ПустаяЗвезда1")
		.Свойство("Видимость")
			.Параметр("Рейтинг")
			.Выражение("Параметры.Рейтинг = 0")
	;
	МодельСостояния.ЭлементФормы("ПустаяЗвезда2")
		.Свойство("Видимость")
			.Параметр("Рейтинг")
			.Выражение("Параметры.Рейтинг < 2")
	;
	МодельСостояния.ЭлементФормы("ПустаяЗвезда3")
		.Свойство("Видимость")
			.Параметр("Рейтинг")
			.Выражение("Параметры.Рейтинг < 3")
	;
	МодельСостояния.ЭлементФормы("ПустаяЗвезда4")
		.Свойство("Видимость")
			.Параметр("Рейтинг")
			.Выражение("Параметры.Рейтинг < 4")
	;
	МодельСостояния.ЭлементФормы("ПустаяЗвезда5")
		.Свойство("Видимость")
			.Параметр("Рейтинг")
			.Выражение("Параметры.Рейтинг < 5")
	;

Живой пример можно посмотреть в демо базе на платформе 8.3.21.1302.

Публикация создана по мотивам публикации Звездный рейтинг ***** и демонстрирует новый подход к описанию состояния через DSL.

Интейфейс DSL Элемент формы Видимость

См. также

Богатый редактор картинок, хранимых в базе, с возможностью РИСОВАНИЯ. Редактор внешних файлов картинок. Объект, расширяющий возможности работы с картинками из встроенного языка (Три в одном) + Обработка «Стандартизация картинок»

Работа с интерфейсом Рабочее место Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Обработка предназначена для редактирования картинок в режиме «Предприятие», с возможностью РИСОВАТЬ на них. Поддерживается работа как в обычных формах (толстый клиент) так и на управляемых формах (тонкий клиент). Обработка позволяет редактировать как картинки, хранимые в базе, так и графические файлы с диска на файловой системе. Помимо базовых функций (изменение размеров, преобразование формата, обрезание картинки, повороты и т.п.) – редактор имеет богатый набор инструментов для рисования. Доступна функция вставки изображения из буфера обмена. Также обработка может быть использована из встроенного языка как объект для редактирования картинок. Объект может быть использован: на стороне клиента, на стороне сервера, из внешнего соединения. Данная обработка будет особенно полезна тем, кто вносит картинки в базу (изображения номенклатуры, фотографии физических лиц и т.п.). Функционал реализуется с использованием JavaScript и бесплатного ПО ImageMagick (без использования внешних компонент).

6000 руб.

16.01.2015    61795    43    59    

80

[Расширения] Динамическое управление видимостью и доступностью элементов форм (УФ) (8.3.6+)

Работа с интерфейсом Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Механизм «Динамическое управление доступом к элементам форм объектов 1С8» предназначен для обеспечения возможности оперативного управления видимостью и доступностью элементов форм документов и справочников продуктов фирмы «1С» «1С:Предприятие 8». Решение универсальное, встраивается в любую конфигурацию с минимальными доработками, что позволяет без проблем обновлять типовые решения.

5000 руб.

14.01.2016    54402    16    21    

42

Управление дашбордами

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Платные (руб)

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

2400 руб.

29.06.2020    16697    21    4    

35

Новогоднее оформление для 1С

Работа с интерфейсом Платформа 1С v8.3 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Зарплата и Управление Персоналом 3.x 1С:Управление нашей фирмой 3.0 Бесплатно (free)

Добавьте новогоднего настроения! Расширение создает декорацию в виде гирлянды на некоторых формах объектов.

27.12.2023    10735    750    elcoan    45    

106

Конструктор HTML, CSS и javascript

Инструментарий разработчика Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

Подходит для создания web-страниц для замены управляемых форм 1С, красивых отчетов, интерфейса мобильного приложения на платформе 1С и для простых страниц веб-сайтов.

2 стартмани

10.04.2023    9611    151    acces969    31    

118

Модель состояния для MVC

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

"MVC плохо применима в 1С" - познакомьтесь с моделью состояния и, возможно, ваше мнение поменяется! Представленное решение является эволюционным развитием идеи реализации MVC для 1С. В новой версии добавлены DSL для описания модели состояния, а также параметризация свойств параметров и элементов формы.

1 стартмани

05.07.2022    3665    kalyaka    2    

27

Табло очереди заказов на экран телевизора

WEB-интеграция Работа с интерфейсом Платформа 1С v8.3 1С:Розница 2 Платные (руб)

Связка из веб-приложения и расширения для 1С: Розница 2.3.

3600 руб.

29.04.2022    12080    1    5    

10
Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. mrChOP93 96 19.12.22 07:21 Сейчас в теме
То ли утро понедельника и я не проснулся, то ли Вы простейшую задачу усложнили в несколько раз. Да и сами звезды я бы создавал программно.
ipoloskov; zqzq; ixijixi; +3 Ответить
2. ixijixi 1775 19.12.22 08:58 Сейчас в теме
(1) Вот полностью согласен. Задача решается одним реквизитом и 8-ю строками кода
Прикрепленные файлы:
ВнешняяОбработка2.epf
bulpi; mrChOP93; 0x00; +3 Ответить
3. kalyaka 1053 19.12.22 09:09 Сейчас в теме
(2) не ту задачу решили :) Задача про MVC, а в статье вырожденный пример.
4. ixijixi 1775 19.12.22 09:16 Сейчас в теме
(3) Полистал Ваши публикации... Мне показалось, что Вы склонны всё усложнять.
Задача с пятью звездами решается за 5 минут, и не надо приплетать MVC, DLS, вырожденное состояние (я даже не знаю, что это).

Прошу воспринимать не как наезд, а как критику.
5. kalyaka 1053 19.12.22 09:20 Сейчас в теме
(4) ок, просто мне интересна тема MVC на 1С :)
6. ixijixi 1775 19.12.22 09:28 Сейчас в теме
(5) Интерес понятен. Но это борьба с ветряными мельницами. Вендор не дает нам инструментов для такой работы, поэтому всегда придется идти против течения без гарантии результата. Так Вы только потратите силы и время, которые могли бы потратить на себя, как минимум.

Я тоже рассматривал отсутствие в 1С некоторых инструментов как существенный недостаток и пытался с этим бороться. Потом пересмотрел свой подход и стал использовать то, что есть. И знаете что? Стало легче решать задачи)

Это всё взгляд со своей колокольни, конечно, у Вас может быть своя мотивация)
mrChOP93; 0x00; +2 Ответить
7. RustIG 1351 19.12.22 09:36 Сейчас в теме
(5), (6) конфигуратор 1с - и есть MVC-схема
конфигуратор - это на чем строится Модель
контроллер - это наши алгоритмы и взаимосвязи
представление - это формы и элементы управления
8. ixijixi 1775 19.12.22 09:40 Сейчас в теме
(7) Может быть) Но чтобы предметно дискутировать на эту тему, надо в нее погрузиться, а я не готов))
9. kalyaka 1053 19.12.22 10:30 Сейчас в теме
(7) остается решить: где разместить код модели? Если в объекте, тогда придется использовать серверные вызовы, если в форме, то придется дублировать код. Может в общем модуле - в этом что-то есть. Дальше нужно решить, а как разобраться с взаимосвязями? А может взаимосвязи описать декларативно? А можно тогда и без кода обойтись?

Вот о чем хотелось бы подискутировать :)
Оставьте свое сообщение