Как настроить виджеты
  • 19 Mar 2023
  • 2 Минуты для чтения
  • Авторы

Как настроить виджеты


Article Summary

Обзор

Каждый элемент в вашем приложении, который Tulip называет Виджетами, может быть настроен так, чтобы наилучшим образом соответствовать желаемой форме и функции.

Различные виджеты поддерживают различные параметры конфигурации. Эти параметры могут влиять на множество различных атрибутов виджетов: - Сопоставление содержимого/данных- например: какой текст будет отображаться на кнопке, какие столбцы таблицы будут отображаться? - например: где должно храниться значение ввода, какая таблица должна отображаться? - Стилизация- например: какого цвета должна быть кнопка, должен ли текстовый виджет быть выделен жирным или курсивом? - Триггеры- например: что происходит, когда пользователь нажимает [Enter], что происходит, когда пользователь выбирает строку?

Как настраивать виджеты

Чтобы отредактировать виджет, он должен быть выбран.

  1. Выберите виджет, который вы хотите настроить. 2. При выборе отображается контекстная панель для этого виджета.Context Pane{height="" width=""}.

Содержание - отображение данных

Содержимое, отображаемое для виджетов, отличается для разных виджетов, но процесс сопоставления данных не отличается. Параметр виджета "Источник данных" определяет источник содержимого виджета. Когда вы впервые добавляете виджеты, их данные не будут отображены.

Datasource mapping.png{height="" width="400"}.

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

Источник данных - это конкретный атрибут в рамках данного типа, с которым сопоставлен виджет.

:::(Info) (ПРИМЕЧАНИЕ) В углу ввода появляется значок предупреждения, указывающий на то, что источник данных не выбран:

Сопоставление данных

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

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

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

Стилизация

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

  • Размер шрифта
  • Цвет шрифта
  • Стиль шрифта
  • Выравнивание текста кнопки
  • Цвет кнопки
  • Размер
  • Вращение
  • Тень
  • Радиус границы
  • Мигающий

Виджеты, управляемые данными

Многие виджеты могут быть заполнены динамическими данными. В большинстве динамических виджетов параметр Datasource указывает, какие данные определяют состояние виджета.image.png{height="" width="450"}.

ЦветВсе свойства цвета могут быть установлены либо статически, либо динамически на основе переменной.

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

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

Интерактивная таблицаВиджет интерактивной таблицы отображает текущее состояние таблицы.

Триггеры

Многие виджеты могут запускать логику приложения. Различные виджеты предлагают различное поведение, которое приводит к срабатыванию триггеров.

image.png{height="200" width=""}.

Виджеты вводаДля всех виджетов ввода при изменении ввода запускаются триггеры.:::(Info) (ПРИМЕЧАНИЕ) В случае виджетов ввода числа и текста триггеры срабатывают при нажатии кнопки [Enter] :::Интерактивная таблицаКогда пользователь выбирает строку, запускается триггер. Кроме того, эта строка будет загружена в держатель записи таблицы, установленный в настройках виджета Linked Record. Подробнее о виджете интерактивной таблицы можно узнать здесь.

:::(Warning) (Внимание) Чтобы строки в виджете интерактивной таблицы можно было выбирать, его поле Linked Record должно быть привязано к заполнителю записи таблицы. :::

Дальнейшее чтение


Была ли эта статья полезной?