MENU
    Как настроить виджеты
    • 23 Jan 2025
    • 2 Минуты для чтения
    • Авторы

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


    Вводный текст

    Обзор

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

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

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

    Чтобы отредактировать виджет, он должен быть выбран. 1. Выберите виджет, который вы хотите настроить.2. При выборе отображается контекстная панель для этого виджета.side pane

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

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

    Datasource mapping.png

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

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

    NOTE

    A warning icon appears in the corner of an input to indicate that no datasource is selected.

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

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

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

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

    Стилизация

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

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

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

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

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

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

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

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

    Триггеры

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

    image.png

    Виджеты вводаДлявсех виджетов ввода при изменении ввода запускаются их триггеры.:::(Info) (NOTE)
    In the case of Number and Text input widgets, Triggers will fire on users clicking [Enter]
    :::Интерактивная таблицаКогдапользователь выбирает строку, срабатывает ее триггер. Кроме того, эта строка будет загружена в держатель записи таблицы, заданный в настройках виджета "Связанная запись". Подробнее о виджете интерактивной таблицы можно узнать здесь.

    Warning

    For rows in the interactive table widget to be selectable, its Linked Record field must be tied to a table record placeholder.

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


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