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 progetto di esempio:
ResponsiveExternalImage.zipPrerequisiti
- Scaricare ed estrarre il logo.
- Per sviluppare il progetto
- InVista progetto, fare doppio clic suMainWindow (type).L'editor viene aperto in una finestra separata.
- Trascinare il logo scaricato dal computer nell'editor.InVista progettoviene visualizzato un oggettoImmagine1inMainWindow (type).
- InProprietà, impostareAllineamento orizzontaleeAllineamento verticalesuAllarga:
- Disporre gli elementi dell'interfaccia.
- Salvare il progetto.

Selezionare
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.
Esegui
Fornire un feedback