Utilisation des dispositions pour créer un effet à l'échelle

Remonter à Tutoriel : Utilisation des dispositions FireMonkey

Ce tutoriel montre comment utiliser les dispositions FireMonkey pour mettre à l'échelle un ensemble de boutons à la même dimension.

1. Sur la fiche créée du tutoriel précédent, ajoutez un TScaledLayout et un TTrackBar.
2. Dans l'inspecteur d'objets, effectuez les modifications suivantes :
   • Pour la barre de suivi :
     • Définissez Align sur MostBottom.
     • Définissez la propriété Max sur 2.
     • Définissez la propriété Frequency sur 0.01.
   • Pour la disposition à l'échelle, définissez Align sur Center.
3. Dans la vue Structure, sélectionnez toutes les dispositions (Ctrl+clic sur chaque disposition).
4. Faites glisser et déposez les dispositions sous le TScaledLayout.
5. Dans le Concepteur de fiches, redimensionnez le TScaledLayout afin que le motif entier remplisse le TScaledLayout. Avec toutes les dispositions sélectionnées, centrez le motif entier à l'intérieur du TScaledLayout.

   

6. Dans l'inspecteur d'objets, mettez à l'échelle le TScaledLayout comme suit :
   • Définissez les coordonnées de la propriété Scale sur 0.5.
   • Définissez la propriété Value de la barre de suivi sur 0.5.
7. Double-cliquez sur le TTrackBar pour lui attacher les gestionnaires d'événements OnChange.

 // Object Pascal version of the implementation
  procedure TForm1.TrackBar1Change(Sender: TObject);
 begin
   ScaledLayout1.Scale.X:=TrackBar1.Value;
   ScaledLayout1.Scale.Y:=TrackBar1.Value;
 end;

 // C++ version of the implementation
 void __fastcall TForm3D1::TrackBar1Change(TObject *Sender)
 {
       ScaledLayout1->Scale->X=TrackBar1->Value;
       ScaledLayout1->Scale->Y=TrackBar1->Value;
 }

8. Exécutez le projet en appuyant sur F9. Les résultats doivent ressembler à ceci :

Quand les boutons sont à l'échelle, ils ne sont pas désactivés. Ils restent actifs, quelle que soit l'échelle utilisée.

Suivant

• Utilisation des dispositions de grille et de flux

Voir aussi

• Création d'un composant FireMonkey (Delphi)
• Création d'un composant FireMonkey (C++)
• Application HD multi-périphérique
• Stratégies des dispositions FireMonkey