Cet article s'adresse aux développeurs Delphi utilisant le framework UniGUI. Si vous êtes confronté à la multitude de démos fournies par la bibliothèque de composants UniFalcon et ne savez pas par où commencer, ce guide pratique vous servira de manuel de navigation. Nous allons bien au-delà d'une simple liste de fonctionnalités de composants ; nous décortiquerons la philosophie de conception, les scénarios d'application et les points techniques cruciaux de chaque démo, vous aidant ainsi à maîtriser rapidement l'essence de ces composants puissants. ### 1. Aperçu de la bibliothèque de composants UniFalcon et préparation de l'environnement de développement

UniFalcon, un élément essentiel de l'écosystème UniGUI, propose une suite de composants d'interface web modernes et hautement interactifs. Ces composants ne sont pas seulement esthétiques, mais surtout optimisés pour les scénarios d'applications web, améliorant significativement l'efficacité du développemant et l'expérience utilisateur. #### 1.1 Configuration de base de l'environnement de développement

Avant de plonger dans les démos, assurez-vous que votre environnement de développement répond aux exigences suivantes : - Delphi 10.4 Sydney ou une version ultérieure

• UniGUI Complete 1.90.0.x ou une version supérieure
• Le dernier package d'installation de la bibliothèque de composants UniFalcon
• Un navigateur web moderne (Chrome ou Edge récent recommandé)

Conseil : Après l'installation d'UniFalcon, les projets de démonstration se trouvent généralement dans le dossier 'Demos' du répertoire d'installation, par exemple : D:\riocomponents\UniFalcon\Demos\

1.2 Méthodologie d'apprentissage des démos

Face à un grand nombre d'exemples de démonstration, une approche d'apprentissage systématique est cruciale : 1. Identification de la fonctionnalité : Comprendre d'abord le problème principal que chaque composant résout. 2. Analyse des propriétés : Se concentrer sur la configuration des propriétés clés et leurs effets. 3. Adaptation au scénario : Réfléchir à la manière de l'appliquer dans vos propres projets. 4. Réutilisation du code : Extraire des extraits de code et des modèles réutilisables.

2.1 FSButton : Cmoposant de bouton moderne

FSButton va au-delà de la simple fonctionnalité de clic des boutons traditionnels, offrant une riche variété d'effets visuels et de méthodes d'interaction. Dans l'exemple situé à D:\riocomponents\UniFalcon\Demos\FSButton, vous apprendrez à : - Différents styles de boutons : Plat, 3D, rond, avec icônes, etc.

• Effets dynamiques : Animations au survol, feedback au clic, états de chargement.

• Configuration des propriétés clés : ```delphi

  // Exemple de code pour créer un bouton FSButton avec une icône FSButton1.IconCls := 'fa fa-save'; FSButton1.Text := 'Enregistrer'; FSButton1.ButtonStyle := fbsRoundRect; FSButton1.HoverEffect := fheRaise;

Scénarios d'application réels : - Boutons de soumission de formulaire

• Boutons de confirmation d'action
• Actions importantes nécessitant une mise en évidence visuelle

2.2 FSEdit et FSMaskEdit : Composants de saisie améliorés

Dans les répertoires D:\riocomponents\UniFalcon\Demos\FSEdit et D:\riocomponents\UniFalcon\Demos\FSMaskEdit, vous découvrirez comment ces composants améliorent l'expérience des champs de saisie traditionnels : | Caractéristique | FSEdit | FSMaskEdit | |---|---|---| | Validation de la saisie | Validation de base supportée | Validation de format complexe supportée | | Intégration d'icônes | Peut ajouter des icônes avant ou après | Généralement sans icônes | | Indicateur de placeholder | Supporté | Supporté | | Usage typique | Saisie de texte générale | Saisie de format spécifique (date, téléphone) |

// Exemple d'utilisation de FSMaskEdit pour la saisie de numéro de téléphone
FSMaskEdit1.Mask := '(999) 999-9999';
FSMaskEdit1.Placeholder := 'Entrez votre numéro de téléphone';
FSMaskEdit1.EmptyText := 'Numéro de téléphone';