Элемент управления "Изображение" в PowerAppsImage control in PowerApps

Этот элемент управления служит для показа изображения из локального файла или источника данных.A control that shows an image from, for example, a local file or a data source.

ОписаниеDescription

Добавив в приложение один или несколько элементов управления Изображение, можно отобразить изображения, не входящие в набор данных, или изображения из записей в источниках данных.If you add one or more Image controls to your app, you can show individual images that aren't part of a data set, or you can incorporate images from records in data sources.

Основные свойстваKey properties

Image — имя изображения, которое отображается в элементе управления "Изображение", "Звук" или "Микрофон".Image – The name of the image that appears in an image, audio, or microphone control.

Дополнительные свойстваAdditional properties

AutoDisableOnSelect — автоматически отключает элемент управления при выполнении функции, назначенной свойству OnSelect.AutoDisableOnSelect – Automatically disables the control while the OnSelect behavior is executing.

BorderColor — цвет границы элемента управления.BorderColor – The color of a control's border.

BorderStyle — стиль границы элемента управления: Сплошная, Штриховая, Пунктирная или Отсутствует.BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness — толщина границы элемента управления.BorderThickness – The thickness of a control's border.

FocusedBorderThickness — толщина границы элемента управления, когда он находится в фокусе.FocusedBorderThickness – The thickness of the control's border when it has keyboard focus.

CalculateOriginalDimensions — включает свойства OriginalHeight и OriginalWidth.CalculateOriginalDimensions – Enables the OriginalHeight and OriginalWidth properties.

DisplayMode — в зависимости от значения этого режима элемент управления разрешает пользователю вводить данные (Изменение), только отображает данные (Просмотр) или элемент вообще отключен (Отключено).DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

DisabledBorderColor — цвет границы элемента управления, если для его свойства DisplayMode установлено значение Отключено.DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.

DisabledFill — цвет фона элемента управления, если для его свойства DisplayMode установлено значение Отключено.DisabledFill – The background color of a control if its DisplayMode property is set to Disabled.

Fill — цвет фона элемента управления.Fill – The background color of a control.

Height — расстояние между верхним и нижним краем элемента управления.Height – The distance between a control's top and bottom edges.

HoverBorderColor — цвет границы элемента управления при удерживании указателя мыши на нем.HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that control.

HoverFill — цвет фона элемента управления при удерживании указателя мыши на нем.HoverFill – The background color of a control when the user keeps the mouse pointer on it.

ImagePosition — расположение изображения на экране или в элементе управления, если его размеры отличаются от размеров изображения: Fill (Заполнить), Fit (По размеру), Stretch (Растянуть), Tile (Плитка) или Center (По центру).ImagePosition – The position (Fill, Fit, Stretch, Tile, or Center) of an image in a screen or a control if it isn't the same size as the image.

OnSelect — поведение приложения, когда пользователь щелкает элемент управления или касается его.OnSelect – How the app responds when the user taps or clicks a control.

OriginalHeight — исходная высота изображения (активируется свойством CalculateOriginalDimensions).OriginalHeight – Original height of an image, enabled with the CalculateOriginalDimensions property.

OriginalWidth — исходная ширина изображения (активируется свойством CalculateOriginalDimensions).OriginalWidth – Original width of an image, enabled with the CalculateOriginalDimensions property.

PaddingBottom — расстояние между текстом в элементе управления и нижним краем элемента управления.PaddingBottom – The distance between text in a control and the bottom edge of that control.

PaddingLeft — расстояние между текстом в элементе управления и левым краем элемента управления.PaddingLeft – The distance between text in a control and the left edge of that control.

PaddingRight — расстояние между текстом в элементе управления и правым краем элемента управления.PaddingRight – The distance between text in a control and the right edge of that control.

PaddingTop — расстояние между текстом в элементе управления и верхним краем элемента управления.PaddingTop – The distance between text in a control and the top edge of that control.

PressedBorderColor — цвет границы элемента управления при щелчке или касании.PressedBorderColor – The color of a control's border when the user taps or clicks that control.

PressedFill — цвет фона элемента управления при щелчке или касании.PressedFill – The background color of a control when the user taps or clicks that control.

RadiusBottomLeft — градус скругления нижнего левого угла элемента управления.RadiusBottomLeft – The degree to which the bottom-left corner of a control is rounded.

RadiusBottomRight — градус скругления нижнего правого угла элемента управления.RadiusBottomRight – The degree to which the bottom-right corner of a control is rounded.

RadiusTopLeft — градус, до которого округляется верхний левый угол элемента управления.RadiusTopLeft – The degree to which the top-left corner of a control is rounded.

RadiusTopRight — градус скругления верхнего правого угла элемента управления.RadiusTopRight – The degree to which the top-right corner of a control is rounded.

Tooltip — пояснительный текст, отображаемый при наведении указателя мыши на элемент управления.Tooltip – Explanatory text that appears when the user hovers over a control.

Transparency — прозрачность, или показатель того, насколько видны элементы управления за изображением.Transparency – The degree to which controls behind an image remain visible.

Visible определяет, отображается ли элемент управления или он скрыт.Visible – Whether a control appears or is hidden.

Width — расстояние между левым и правым краем элемента управления.Width – The distance between a control's left and right edges.

X — расстояние между левым краем элемента управления и левым краем его родительского контейнера (или экрана, если родительского контейнера нет).X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y — расстояние между верхним краем элемента управления и верхним краем его родительского контейнера (или экрана, если родительского контейнера нет).Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

Remove( DataSource; ThisItem )Remove( DataSource, ThisItem )

ПримерыExamples

Показ изображения из локального файлаShow an image from a local file

  1. Выберите на вкладке Содержимое пункт Мультимедиа и нажмите кнопку Просмотр.On the Content tab, click or tap Media, and then click or tap Browse.
  2. Выберите изображение, которое нужно добавить, и нажмите кнопку Открыть, а затем нажмите клавишу Esc, чтобы вернуться в рабочую область по умолчанию.Click or tap the image file that you want to add, click or tap Open, and then press Esc to return to the default workspace.
  3. Добавьте в приложение элемент управления Изображение и назначьте его свойству Items имя добавленного файла.Add an Image control, and set its Items property to the name of the file that you added.

    Не знаете, как добавить и настроить элемент управления?Don't know how to add and configure a control?

    В элементе управления Изображение появится указанное изображение.The Image control shows the image that you specified.

Показ набора изображений из источника данныхShow a set of images from a data source

  1. Сохраните этот файл Excel на локальном устройстве.Download this Excel file, and save it on your local device.
  2. В PowerApps Studio создайте или откройте приложение, затем щелкните (коснитесь) Добавить источник данных в правой области.In PowerApps Studio, create or open an app, and then click or tap Add data source in the right-hand pane.

    Если в правой области не отображается элемент Добавить источник данных, щелкните (коснитесь) любой экран на панели навигации слева.If Add data source doesn't appear in the right-hand pane, click or tap a screen in the left navigation bar.

  3. Выберите команду Добавить статические данные для приложения, укажите скачанный файл Excel и нажмите кнопку Открыть.Click or tap Add static data to your app, click or tap the Excel file that you downloaded, and then click or tap Open.
  4. Установите флажок FlooringEstimates и нажмите кнопку Подключение.Select the Flooring Estimates check box, and then click or tap Connect.
  5. Добавьте элемент управления Коллекция с изображениями и назначьте его свойству Items значение FlooringEstimates.Add a Gallery control with images, and set its Items property to FlooringEstimates.

    Не знаете, как добавить и настроить элемент управления?Don't know how to add and configure a control?

    В элементе управления Коллекция отображаются изображения товаров (ковровые покрытия, древесина и плитка), доступные по ссылкам из скачанного файла Excel.The Gallery control shows images of carpet, hardwood, and tile products based on links in the Excel file that you downloaded.