Develop a UI with a responsive image

Sviluppo di un'interfaccia utente con un'immagine reattiva

Implementare un'immagine esterna nel progetto e rendere l'immagine reattiva alle dimensioni della finestra.
Esempio di applicazione
In questo esempio, il logo
Rockwell Automation
 si adatta ai bordi della finestra dell'applicazione quando viene ridimensionata.
NOTA:
Scaricare un esempio di progetto:
 ResponsiveExternalImage.zip
Prerequisiti
  1. Per sviluppare il progetto
  2. In
    Vista progetto
    , fare doppio clic su
    MainWindow (type)
    .
  3. Trascinare il logo scaricato dal computer nell'editor.
    In
    Vista progetto
     viene visualizzato un oggetto
    Immagine1
     in
    MainWindow (type)
    .
  4. In
    Proprietà
    , impostare
    Allineamento orizzontale
     e
    Allineamento verticale
     su
    Allarga
    :
  5. Disporre gli elementi dell'interfaccia.
  6. Salvare il progetto.
In
FactoryTalk Optix Studio
, selezionare
Esegui
 per eseguire il progetto utilizzando l'emulatore client per testare il progetto. Per eseguire il progetto su un client remoto, vedere Aggiunta di un dispositivo client.
Fornire un feedback
Hai domande o feedback su questa documentazione? invia il tuo feedback qui.