Afficher : Delphi
C++
Préférences d'affichage
Création de l'interface utilisateur (tutoriel FireMonkey 3D)
De RAD Studio XE2
Remonter à Tutoriel : Création d'une application FireMonkey 3D
Sommaire |
Création d'une application FireMonkey 3D
- Sélectionnez Fichier > Nouveau > Autre > Projets Delphi > Application FireMonkey 3D.
- Pour ouvrir le Concepteur de fiches FireMonkey, double-cliquez sur Unit1.pas dans le Gestionnaire de projets, puis cliquez sur l'onglet Conception sur le bord inférieur de l'éditeur de code.
- Le Concepteur de fiches FireMonkey apparaît, en affichant un FMX.Forms.TForm3D.
- Dans la figure suivante, les volets de l'EDI sont présentés (la Vue Structure, l'inspecteur d'objets, le Gestionnaire de projets et la Palette d'outils), et le défilement vers la fin de la Palette d'outils montre certaines des dernières catégories FireMonkey, notamment 3DScene et Effects :
-
Ajout et ajustement des composants
- Depuis la Palette d'outils, ajoutez les deux composants FireMonkey 3D suivants (en entrant le nom du composant dans le champ Chercher et en appuyant sur la touche Entrée) :
- Après la séparation des deux composants (par glissement du composant TLight dans le coin supérieur gauche de la fiche), voici l'EDI avec la fiche 3D et ses deux composants enfant :
-
- Dans le Concepteur de fiches FireMonkey, ajustez la position et la taille des composants FireMonkey 3D à votre guise :
- Pour déplacer un objet, effectuez un simple glisser-déposer.
- Pour faire pivoter un composant 3D, utilisez les trois poignées bleues qui apparaissent quand vous cliquez sur le composant. Chaque poignée fait pivoter le composant dans le plan associé de l'espace (c'est-à-dire, le sommet x, y ou z). Quand vous cliquez sur une poignée, elle devient rouge pour indiquer que c'est la poignée active. Remarque : Vous pouvez aussi utiliser les propriétés RotationAngle dans l'inspecteur d'objets (x, y et z).
- Pour redimensionner un composant, utilisez le contrôle redimensionneur, représenté sous la forme d'un petit cube bleu situé sur un coin du composant. Le redimensionneur travaille dans une dimension à la fois. Il est rouge sur le côté du cube qui est la dimension sélectionnée (active). Remarque : Vous pouvez aussi utiliser les propriétés dans l'inspecteur d'objets (pour TCube, les propriétés associées à la taille sont Depth, Width et Height).
- Dans l'inspecteur d'objets, ajustez les paramètres des propriétés pour votre composant TCube :
- Pour spécifier la couleur et la texture du TCube, utilisez la propriété Material.
- Pour utiliser le Concepteur de matériaux graphique, cliquez sur les points de suspension […] du champ Material.
- Dans l'inspecteur d'objets, changez la couleur de la fiche.
- Dans la figure suivante, vous pouvez voir les composants light et cube repositionnés, deux des trois poignées et le redimensionneur sur le cube, ainsi que les divers volets de l'EDI autour du Concepteur de fiches FireMonkey :
-
- A ce stade, vous pouvez cliquer sur F9 pour compiler, construire et exécuter votre première application FireMonkey 3D (bien que les composants ne sont pas encore activés).
