Utiliser le UIDesigner pour créer une Interface Utilisateur
Nous allons maintenant voir comme utiliser UIDesigner pour créer une interface adaptée à nos besoins.
- View > UIDesigner
- Aller dans le UI Designer
- Cliquer sur bouton + pour ajouter un User interface
Page 1 : GENERAL
- Renommer la Page
- Drag&drop un élément image depuis l’onglet gauche
- Drag&drop un media image source depuis la fenêtre Media. Cette image sera l’arrière plan de l’UI
- Drag&drop un *Text * pour ajouter un titre à notre page.
- Drag&drop un élément Timeline et choisir la timeline SHOW
- Drag&drop un élément Task
Par défaut, un élément Task affiche toutes les tasks, nous pouvons filtrer cet affichage en ajoutant des keywords à nos tasks.
Retourner dans l’UI Designer et indiquer le keyword des tasks à afficher dans l’élément Task.
Page 2 : REHEARSAL (répétitions)
Sur cette page nous avons seulement besoin de Tasks afin de lancer quelques séquences rapidement pendant les répétitions.
Page 3 : VIDEO PROJECTORS
Nous ajoutons ensuite une troisième page qui sera une page de contrôle des video projecteurs.
- Drag&drop une Page et la renommer
- Aller dans la fenêtre Device et ajouter 2 video projecteurs Barco UDX. La grande liste de Device nous permet de prendre le contrôle de tous ces périphériques, il y a dans ces devices la plupart des produits AV utilisés sur le marché.
- Retourner dans la fenêtre UI Designer
- Drag&drop les deux video projectors dans la page 2.
Ajouter des boutons pour passer d’une page à une autre
- Sur la page GENERAL ajouter trois boutons: GENERAL, REHEARSAL, VIDEO PROJECTORS
- Sélectionner le bouton General et aller dans l’onglet Actions
- Cliquer sur onClicked
- Dans l’onglet UI drag&drop Go to page
- Sélectionner la page GENERAL
- Répéter ces étapes pour les deux autres boutons
Vous pouvez améliorer cette interface de bien des façon, et même créer d’autres UI si vous avez des périphériques d’affichages de taille différente (un Ipad, un iPhone etc.)
Need more help with this?
Don’t hesitate to contact us here.