Develop a UI with a responsive external image

Implement an external image into your project and make the image responsive to the window size.
Application example
In this example, the
Rockwell Automation
 logo stretches to the edges of the application window as you resize it.
NOTA:
Download the sample
FactoryTalk Optix Studio
 project:
 ExampleApplication-ResponsiveExternalImage.zip
Prerequisites:
  1. Create an image object:
    1. In the
      Project view
       pane, expand the
      UI
       folder.
    2. Right-click
      MainWindow (type)
       and select
      New
      Drawings
      Image
      .
  2. Configure the image object:
    1. In the
      Properties
       pane, set the values of the following properties to
      Stretch
      :
      • Horizontal alignment
      • Vertical alignment
    2. Set the
      Path
       property value to
      %PROJECTDIR%\RA_Logo.svg
      .
      SUGGERIMENTO: For best image quality and responsiveness, use an
      SVG
       image.
  3. Arrange the interface elements.
  4. Save the project.
In
FactoryTalk Optix Studio
, select
Run
 to run the project using the client emulator to test your project. To run the project on a remote client, see Add a client device.
Fornire un feedback
Hai domande o feedback su questa documentazione? invia il tuo feedback qui.
Normal