Sviluppare un'interfaccia utente con un'immagine reattiva
⟩
⟩
⟩
⟩
⟩ Develop a ui with a responsive image

Sviluppare 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 progetto di esempio:
 ResponsiveExternalImage.zip
Prerequisiti
  1. Per sviluppare il progetto
  2. In
    Vista progetto
    , fare doppio clic su
    MainWindow (type)
    .
    L'editor viene aperto in una finestra separata.
  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.
Selezionare
Esegui
 per eseguire il progetto utilizzando l'emulatore client per testare il progetto. Per eseguire il progetto su un client remoto, vedere Aggiungere un dispositivo client.
Fornire un feedback
Hai domande o feedback su questa documentazione? invia il tuo feedback qui.
Normal