Поделиться через

Panel контроль (экспериментальный)

  • Статья

[Данная статья посвящена предварительному выпуску и может быть изменена.]

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

Элемент управления Panel.

Внимание

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

Description

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

Этот компонент холста имитирует стиль и поведение элемента управления Panel Fluent UI.

Свойства

Ключевые свойства

Свойство Описание:
Buttons Набор данных, определяющий кнопки.
Title Текст, отображаемый в разделе заголовка.
Subtitle Необязательно. Текст, отображаемый под заголовком.
DialogWidth Ширина панели.
ContentX Координата X области содержимого.
ContentY Координата Y области содержимого.
ContentWidth Ширина области содержимого панели.
ContentHeight Высота области содержимого панели.

Buttons характеристики

Свойство Description
Label Подпись, отображаемая на кнопке
ButtonType Перечисление, определяющее оформление кнопки. Выберите Standard или Primary 
Table(
  {
    Label: "Cancel",
    ButtonType: 'Microsoft.CoreControls.Button.ButtonType'.Standard 
  },{
    Label: "Ok", 
    ButtonType: 'Microsoft.CoreControls.Button.ButtonType'.Primary
  }
)

Свойства стиля

Свойство Description
Overlay Color Цвет, отображаемый в области наложения.
DialogWidth Ширина панели (не путать с шириной элемента управления, которая должна соответствовать ширине приложения).
Position of the panel Укажите текстовое значение Right или Left, чтобы указать, с какой стороны экрана должна отображаться панель.
Theme Объект Theme. Если оставить это поле пустым, будет отображаться тема Power Apps по умолчанию. Сведения о порядке настройки см. в разделе темы.

Свойства событий

Свойство Description
OnCloseSelect Выражение для действия, которое выполняется при выборе кнопки закрытия.
OnButtonSelect Выражение для действия, которое выполняется при выборе одной из кнопок действия.

Поведение

Настройка видимости панели

Видимость элемента управления Panel можно переключать с помощью переменной логического типа (true/false).

  1. Используйте следующую формулу Power Fx для отображения диалогового окна (например, свойство OnSelect элемента управления Button):

    UpdateContext({ showHideDialog: true })

  2. Назначьте следующие значения элементу управления Panel:

    Свойство Стоимость
    OnCloseSelect UpdateContext({ showHideDialog: false })
    Visible showHideDialog

Настройка действий кнопки

В свойстве OnButtonSelect панели укажите действия в условии If() или Switch(), зависящем от на текстового значения Self.SelectedButton.Label, чтобы определить действие. В зависимости от действия обычно принято скрывать элемент управления Panel после завершения действия.

Switch( Self.SelectedButton.Label,
  "Ok", Notify("The Ok button was pressed.");
);

// Closes the panel
UpdateContext({ showHideDialog: false })

Формат содержимого панели

Свяжите контейнер со свойствами содержимого Panel для размещения контента в соответствующей области экрана. Обязательно свяжите видимость содержимого с Panel.

Шаги для форматирования содержимого на панели:

  1. Добавьте Panel (пример имени: cmp_panel)

  2. Добавьте контейнер (пример имени: c_panelContent)

  3. Измените следующие свойства элемента c_panelContent:

    Свойство Стоимость
    X cmp_panel.ContentX
    Y cmp_panel.ContentY
    Width cmp_panel.ContentWidth
    Height cmp_panel.ContentHeight
    Visible cmp_panel.Visible

Ограничения

Этот компонент холста можно использовать только в приложениях на основе холста и настраиваемых страницах.