1с элементы стиля как использовать

Обновлено: 06.07.2024

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

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

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

В элементах управления данные не хранятся!

Для обычной формы полный список элементов можно открыть из меню "Форма" - "Список элементов управления формы" (рис. отсюда ): Добавить элемент управления в обычную форму можно:

через пункт главного меню "Форма - Вставить элемент управления";
с помощью командной панели "Элементы управления".

Элемент управления "Панель"

Элемент управления "Панель" предназначен для разделения визуального пространства формы на отдельные закладки, причем на каждой закладке могут быть расположены свои элементы управления.

Особенности использования элемента управления "Панель":

Если в форму вставлен элемент управления "Панель", то для этого элемента можно задать режим "Автоправила", отличный от одноименного режима формы, причем данный режим будет действовать на все страницы панели. Свойство "Автоправила" обеспечивает автоматическую привязку границ элементов управления. Для Панели автоправила можно выставить в значение, отличающееся от значения родительской формы.
При размещении элементов управления в форме нельзя разместить один и тот же элемент управления на двух страницах.
Многостраничная форма может не иметь закладок, если:
- для свойства формы "Отображать закладки" установлено значение "Не отображать";
- отображение закладок отключено программным способом.
Закладки на форме могут быть расположены сверху, снизу, справа и слева.

используя пункт контекстного меню формы "Добавить страницу";

Элемент управления "Поле HTML-документа"

Элемент управления "Поле HTML-документа" предназначен для просмотра или редактирования HTML-документов и позволяет:

отобразить на форме веб-страницу;
назначить обработчики для множества событий.

HTML-документ в элементе управления "Поле HTML-документа" может быть сформирован:

программно;
загружен из ресурса, указываемого через URL;
загружен из макета типа HTML-документ.

Редактировать HTML-документ, отображаемый в элементе управления "Поле HTML-документа", можно в режиме 1С:Предприятие (в конфигураторе документ не редактируется).

Элементы формы для списочных значений

В ходе разработчик прикладного решения, может возникнуть задача выбора какого-либо значения из заранее заданного списка. Список значений при этом может быть связан с какими-то данными конфигурации, либо определяться для формы. Эта задача может быть реализована с использованием элементов формы для выбора, ввода и вывода списочных значений:

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

Можно одновременно создать элемент управления "Поле ввода" вместе с поясняющей надписью, представляющей элемент управления "Надпись", для чего необходимо создавать поле ввода через пункт главного меню "Форма - Вставить элемент управления. ".

Особенности работы с элементами формы для списочных значений:

Элемент управления "Поле ввода" предназначен для:
- ввода значений непосредственно в поле, например, с клавиатуры;
- выбора ссылок на объекты;
- выбора значений из предварительно сформированного списка.
Тонкая прерывистая линия красного цвета в поле ввода означает, что данное поле обязательно к заполнению.
Состав кнопок, расположенных справа у элемента управления "Поле ввода", определяется:
- значением свойства поля ввода "Тип значения";
- выбором соответствующего свойства в окне свойств элемента управления.

Отсюда . Первая опция определяется тем, что не каждый тип данных можно открыть скажем на просмотр (например для перечислений). Вторая опция также существует:

Элементы стиля

Область применения: управляемое приложение.

Для каждого элемента управления оформление по умолчанию задается платформой. Умолчаний следует придерживаться в большинстве случаев — это позволяет обеспечить единообразное оформление всех форм.

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

Для изменения оформления следует использовать элементы стиля, а не задавать конкретные значения непосредственно в элементах управления. Это требуется для того, чтобы аналогичные элементы управления выглядели одинаково во всех формах, где они встречаются.

Виды элементов стиля:
• Цвет (задается значение RGB)
• Шрифт (задаются вид, размер и начертание)
• Рамка (задаются тип и ширина границ)

1. Элементы стиля нужно использовать всегда, когда требуется изменить оформление (Цвет, Шрифт, Рамку), установленные по умолчанию.

Например, информационные надписи среди других надписей можно выделить с помощью цвета. Цвет таких надписей следует задавать в виде элемента стиля "ИнформационнаяНадпись", а не в виде значения RGB или выбора цвета web/windows:

4. Название для элемента стиля следует подбирать таким образом, чтобы в нем отразить назначение элемента стиля.

5. Для нескольких элементов стиля, имеющих одинаковое название, но разный вид, рекомендуется включать вид (слова "Цвет", "Шрифт", "Рамка") в название:

Например: "ТекстНевыбраннойКартинкиЦвет" и "ТекстНевыбраннойКартинкиШрифт".

При этом вид элемента стиля (Цвет, Шрифт, Рамка) следует указывать после его названия. Это требуется для того, чтобы можно было по первым буквам найти нужный элемент стиля в списке.

В названии элемента стиля следует указывать только тот вид (Цвет, Шрифт, Рамка), который используется фактически.

Например, для элемента стиля вида "Цвет" не следует включать в название слово "Шрифт":

Данная статья является анонсом новой функциональности.
Не рекомендуется использовать содержание данной статьи для освоения новой функциональности.
Полное описание новой функциональности будет приведено в документации к соответствующей версии.
Полный список изменений в новой версии приводится в файле v8Update.htm.

Реализовано в версии 8.3.13.1513.

Благодаря тому, что в основе всех прикладных решений 1С:Предприятия находится платформа, прикладные решения имеют однотипный интерфейс, они привычны для пользователей и выглядят узнаваемо. В то же время на крупных внедрениях такая узнаваемость может являться недостатком, если вместе с 1С:Предприятием заказчик использует сторонние программные продукты, выполненные в другой палитре или в определенном корпоративном стиле, принятом в компании.

Поэтому в версии 8.3.13 мы решили сделать несколько доработок, которые позволят вам подстроить внешний вид прикладного решения под эстетические требования заказчика, под тот стиль, который используется в большинстве его программных продуктов.

Такая возможность, безусловно, будет полезна вам при внедрении корпоративных типовых решений, потому что позволит учесть корпоративный стиль заказчика.

Также эта возможность будет полезна для нетиповых решений, тесно интегрированных со сторонними продуктами заказчика. Например, когда глобальная навигация реализована в стороннем приложении, а 1С:Предприятие должно запускаться в нужные моменты и сразу переходить на требуемую точку навигации. При этом очень желательно, чтобы запуск происходил без заставки и стартовых диалогов, а само 1С:Предприятие было бы похоже на то стороннее приложение, из которого оно запускается.

Основной стиль в управляемом приложении

Все изменения, о которых пойдёт речь, мы реализовали с помощью хорошо известных вам объектов конфигурации Стиль. Они существовали в прошлых версиях платформы, они использовались в обычном приложении. Но с появлением управляемого приложения и интерфейса Такси, необходимость в этих объектах, как в инструменте «раскрашивания» интерфейса исчезла. И сейчас мы возвращаем лишь некоторые их возможности.

Во-первых, мы вернули свойство конфигурации ОсновнойСтиль. То есть вы можете указать, какой из имеющихся стилей является основным для вашего прикладного решения.

Естественно, мы вернули и сами объекты конфигурации Стиль. Теперь вы можете видеть их в дереве конфигурации. Однако в управляемом приложении вам будет доступна настройка только пяти стилевых цветов, которые используются в интерфейсе Такси:

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

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

Основной стиль в мобильном клиенте

Аналогичные изменения мы выполнили и в мобильном клиенте. Однако из-за специфики мобильного интерфейса в нём используется меньшее количество стилевых цветов:
- Цвет активности применяется к следующим элементам интерфейса:
  - фон заголовка формы,
  - фон текущего элемента меню,
  - фон текущей строки и ячейки таблицы,
  - индикатор,
  - иконки рабочего стола;
  - текст заголовка выбранной страницы,
  - отметка флажка, переключателя и полосы регулирования,
  - фон кнопок;
  - к полосе в поле ввода в режиме редактирования,
  - к полоскам на барабане при выборе даты;
  Цвет навигации, цвет дополнительной навигации и цвет важного в мобильном клиенте не используются.
  
  Так же, как и в «обычных» клиентских приложениях, платформа автоматически адаптирует цвет текста под цвет фона (на светлом фоне черный цвет, на темном фоне белый текст). Кроме этого фон кнопок контекстного меню строки таблицы рассчитывается исходя из выбранного вами цвета активности.
  
  Отключение заставки при запуске
  
  Теперь мы добавили к ним ещё один параметр – DisableSplash. На корпоративных внедрениях этот параметр позволяет не показывать при запуске собственную заставку 1С:Предприятия, замена которой была согласована с фирмой 1С.
  
  Расширение стилей и картинок
  
  Возможность изменения стиля приложения мы вынесли и в расширения. То есть, применяя то или другое расширение, вы тоже можете менять стиль прикладного решения, не меняя саму конфигурацию.
  
  В расширениях вы можете теперь, например, создавать собственные стили, переопределять основной стиль конфигурации, а также заимствовать и переопределять стили конфигурации.
  
  Кроме этого в расширении вы можете переопределять свойства конфигурации, содержащие картинки. Это такие свойства, как:
  - Картинка основного раздела;
  - Логотип;
  - Заставка.
  При этом происходит полное замещение картинки, то есть используется только картинка из расширения. Если одно и то же свойство переопределяют сразу несколько расширений, то в результате будет использоваться картинка из расширения, применённого последним.
  
  Брендирование расширений
  
  Применительно к расширениям хочется сказать ещё об одной новой возможности. Она не связана непосредственно со стилем прикладного решения, но позволяет вам обозначить авторство своего расширения, и дать ссылки на подробную информацию, связанную с ним.
  
  Непосредственно в расширение конфигурации мы добавили поля с информацией о поставщике и о самом расширении:
  - Краткая информация;
  - Подробная информация;
  - Авторские права;
  - Адрес информации о поставщике;
  - Адрес информации о конфигурации.
  Эти поля имеют то же назначение, что и одноимённые свойства конфигурации, но описывают расширение. Информация из этих полей отображается в окне О программе для каждого из установленных расширений. Например, так:
  
  Мы надеемся, что новые возможности помогут вам осуществлять более качественные внедрения, и адаптировать внешний вид приложений к корпоративным стилям.
  
  Редактор формы используется для создания и редактирования форм объектов прикладного решения.
  
  Формы объектов используются системой для визуального отображения данных в процессе работы пользователя.
  
  Составляющие управляемой формы 1С:
  - элемент - объект, определяющий визуальное представление формы и осуществляющий взаимодействие с пользователем;
  - командный интерфейс - совокупность команд, отображаемых в форме;
  - реквизит - объект, данные которого форма использует в своей работе;
  - команда - действие, которое определено в данной конкретной форме;
  - параметр - объект, значения которого характеризует саму форму и используются при ее создании (остаются постоянными в процессе "жизни" формы);
  - модуль - программа на встроенном языке, отвечающая за работу с элементами и за обработку событий.
  Редактор формы содержит несколько закладок, обеспечивающих редактирование всех составляющих формы.
  
  В отдельном окне, в нижней части редактора, отображается внешний вид формы в режиме 1С:Предприятие.
  
  Редактирование элементов формы 1С
  
  Элементы формы 1С
  
  Элементы управления - это объекты формы, определяющие визуальное представление формы и предназначенные для интерактивного взаимодействия с пользователем (например, кнопки, флажки, поля ввода и т.д., визуальное объединение "элементарных" элементов управления).
  
  Поведение каждого типа элементов управления по умолчанию задано платформой, однако может корректироваться разработчиком.
  
  Для обычных форм элементы управления настраиваются только конфигуратором, а для управляемых возможны определенные корректировки элементов в режиме 1С:Предприятие.
  
  В элементах управления данные не хранятся!
  
  Для управляемой формы, список элементов управления доступен из соответствующего окна:
  
  Редактор форм позволяет разработчику использовать широкий набор возможностей для изменения набора элементов формы и, соответственно, внешнего вида формы - того вида, который форма будет иметь в режиме 1С:Предприятие.
  
  Особенности элементов управляемых форм:
  1. Поведение элементов управлениястандартно, но имеет место специфичное поведение, определяемое расширениями формы, расширениями элементов управления и расширениями, связанными с отображаемыми данными.
  2. Свойство "Тип значения" элемента управления формы нельзя изменить, если задана связь элемента управления с данными (некоторые элементы управления могут быть связаны с реальными данными формы - например, табличное поле соответствует реальной табличной части).
  3. Изменение размера элемента управления в диалоге управляемой формы осуществляется с помощью определенных свойств элемента управления.
  1. добавить элемент "Поле";
  2. связать его с реквизитом, у которого задан тип "Диаграмма".
  Создадим внешнюю обработку, зададим в ней реквизит (HTMLполе) с типом "Строка" (длина строки должна превышать длину URL сайта, иначе будет обрезать):
  1. поле для реквизита с типом HTMLполе;
  2. команду перехода ("Команды - Команды формы");
  3. кнопку действия, которую свяжем с командой перехода.
  Запрограммируем действие (правой кнопкой на кнопке команды - <Действие команды>):
  
  Результат исполнения обработки:
  
  Редактор позволяет добавлять в форму различные элементы:
  - с помощью команды добавления или
  - путем перетаскивания реквизитов формы в дерево элементов.
  Все элементы формы представляются в виде иерархической структуры, корнем которой является сама форма. Это позволяет быстро перемещаться к нужному элементу формы.
  
  Располагая элементы выше (ниже) в дереве, подчиняя их другим элементам и задавая свойства элементов-групп можно задавать порядок, в котором пользователь будет обходить элементы управления формы при вводе и редактировании данных.
  
  В режиме 1С:Предприятие элементы формы будут обходиться:
  - в порядке их иерархии и
  - в соответствии с тем, какой тип группировки выбран для групп (вертикальная или горизонтальная).
  Если в обычной форме разработчик в явном виде определяет местоположение для каждого реквизита или команды, то в управляемом приложении визуальный интерфейс программа отрисовывает на основе особенностей расположения, размерности, графического выделения объектов (элементов) через их группировку и настройку этих групп.
  
  Редактор форм позволяет добавлять в форму специальные элементы, которые позволяют:
  - придать форме собственный узнаваемый стиль;
  - сделать доступ к данным простым и понятным;
  - разместить большой объем информации на ограниченной площади.
  Заголовок каждой группы-страницы отображается на отдельной закладке. Разработчик имеет возможность задать режим отображения закладок (снизу или сверху) в свойствах группы.
  
  Исходный вариант формы элемента:
  
  Элементы "Код", "Услуга" и "Наименование" помещены на разные закладки:
  
  Вид формы в режиме 1С:Предприятие:
  
  Разделители формы 1С
  
  Разделители являются специальными элементами, с помощью которых возможно перераспределение пространства формы без изменения ее размеров.
  
  Платформа в режиме 1С:Предприятие для управляемых форм самостоятельно добавляет эти элементы в форму.
  
  При построении обычных форм используются вертикальные и горизонтальные разделители.
  
  Элемент управления Разделитель позволяет пользователю менять пространство формы, сдвигая ее части. Разделитель может быть как с отображением, так и невидимый.
  
  Наличие разделителя должно интуитивно угадываться при работе с формой, поэтому ближайшие от разделителя по направлениям его передвижения элементы управления размещаются вплотную к нему, таким образом визуально предполагая его расположение:
  - вертикальным разделителям устанавливается ширина 6, горизонтальную привязку рекомендуется устанавливать в НеПривязано ;
  - горизонтальным разделителям устанавливается высота 6, вертикальную привязку рекомендуется устанавливать в НеПривязано;
  - рамку рекомендуется устанавливать в НетРамки . В сложных случаях, когда пользователю может быть тяжело догадаться о наличие разделителя, допускается устанавливать рамку Одинарная .
  Разделитель обладает способностью "захватываться" мышью и перемещаться внутри формы в ее пределах с учетом возможности расположения других элементов и ориентации разделителя.
  При перемещении разделителя, все элементы, связанные с разделителем, будут изменять свои размеры или перемещаться.
  Таким образом, элемент управления "Разделитель" позволяет перераспределять внутреннее пространство формы, изменяя размеры расположенных в ней элементов управления, привязанных к разделителю. Размеры самой формы при этом не меняются.
  
  Модуль формы 1С
  
  Для редактирования модуля формы конфигуратор вызывает редактор текстов и модулей. Этот редактор предоставляет разработчику большое разнообразие возможностей для создания и изменения текста модуля формы.
  
  Модуль формы 1C предназначен для обработки:
  1. событий, связанных непосредственно с самой формой (например, открытие или закрытие), а также
  2. событий, связанных с действиями пользователя (например, вводом данных и обработкой корректности их ввода).
  Модуль формы компилируется:
  - обычной - на клиенте;
  - управляемой - четко разграничен по контексту выполнения, поэтому все переменные и методы должны иметь директиву компиляции (если директива в явном виде не указана, тогда эта переменная или метод будут скомпилированы на стороне сервера).
  В модуле формы доступны разделы описания переменных и методов, а также раздел основной программы.
  
  К стандартным событиям формы можно обратиться:
  - через список процедур и функций (Ctrl+Alt+P) либо
  - в палитре свойств самой формы.
  Особенности модуля управляемых форм:
  1. модуль управляемой формы четко разделяется на контекст: каждая процедура (функция) должна иметь директиву компиляции;
  2. в модуле управляемой формы можно объявлять процедуры и функции, объявлять переменные и описывать раздел основной программы;
  3. в управляемой форме можно обработать событие записи элемента (присутствует только для форм объектов - справочников, документов и некоторых других).
  Реквизиты формы 1С
  
  Редактирование реквизитов формы выполняется в списке, который позволяет создавать новые реквизиты, изменять имеющиеся и удалять ненужные реквизиты.
  
  Свойства реквизитов задаются с помощью палитры свойств .
  
  Если у формы существует основной реквизит, определяющий поведение формы, отличное от типового, - он выделяется жирным шрифтом.
  
  Командный интерфейс формы 1С
  
  Командный интерфейс 1С - это основное средство навигации пользователя по функциональности конфигурации.
  
  В системе 1С:Предприятие он строится на основе иерархии подсистем, которую должен создать в конфигурации разработчик, и отражающую для пользователя структуру функциональности прикладного решения (подробнее читай Командные интерфейсы 1С).
  
  Все прикладные объекты конфигурации (справочники, документы, отчеты и т. д.) привязываются разработчиком конфигурации к подсистемам. Иерархия подсистем должна отражать структуру функциональности именно так, как она будет представляться пользователю.
  
  Уже на основе этой информации (структуры подсистем и привязки объектов к подсистемам) платформа автоматически строит командный интерфейс для пользователя. Пользователю отображается структура прикладного решения (иерархия подсистем) и предоставляются стандартные команды доступа к функциональности прикладных объектов (вызов списков справочников, документов, открытие отчетов, обработок и т. д.). Однако разработчик, разумеется, может отредактировать предлагаемое системой построение командного интерфейса (изменить порядок, видимость команд). Для этого предназначен целый ряд редакторов командного интерфейса, которые позволяют настраивать различные части интерфейса программы.
  
  Командный интерфейс формы редактируется в дереве. Основные ветви дерева содержат команды, добавленные в панель навигации окна, в котором будет показана форма, и в командную панель формы. Внутри каждой из этих ветвей команды разделены по стандартным группам.
  
  Часть команд в командный интерфейс платформа добавляет автоматически. Наряду с этим разработчик самостоятельно может добавить в командный интерфейс команды, перетащив их из списка команд формы, стандартных команд или из списка доступных глобальных команд.
  
  Для всех команд, добавленных в командный интерфейс, разработчик может задать их видимость для различных ролей, определенных в конфигурации.
  
  Команды формы 1С
  
  Команды формы редактируются в списке. Разработчик имеет возможность:
  - добавить, удалить команды формы;
  - задать свойства команд с помощью палитры свойств;
  - назначить для команды процедуру, которая будет выполняться при вызове этой команды пользователем.
  На закладках "Стандартные команды" и "Глобальные команды" разработчику предоставляются списки команд, генерируемых платформой и доступных для использования в данной форме. Их свойства изменять нельзя, можно только добавлять их в форму.
  
  С помощью мыши разработчик может перетащить команду в командный интерфейс формы (платформа автоматически нарисует кнопку). Также можно перетащить команду и прямо в дерево элементов, если нужно, например, отобразить эту команду в виде кнопки, расположенной в форме (платформа автоматически нарисует кнопку).
  
  Читайте также: