Comment créer un contrôle circulaire semi-transparent avec du texte centré en C# ?

Création d'un contrôle circulaire transparent personnalisable avec du texte en C#

Ce guide détaille la création d'un contrôle circulaire en C# avec un texte centré, une transparence réglable et un redimensionnement dynamique qui évite le chevauchement d'autres éléments du formulaire.

Défi : Créer un contrôle circulaire avec du texte qui se centre et se redimensionne automatiquement tout en conservant la transparence pour éviter d'obscurcir les contrôles sous-jacents.

Solution : Un contrôle personnalisé résout ce problème en implémentant plusieurs fonctionnalités clés :

Étape 1 : Définir les propriétés du contrôle

• Niveau de transparence : Une propriété pour contrôler l'opacité de l'arrière-plan.
• Marge intérieure : Définit l'espacement entre le cercle intérieur et le bord du contrôle.
• Marge du texte : Détermine l'espacement entre le texte et le cercle intérieur.

Étape 2 : Activer la transparence

• Remplacez la propriété CreateParams pour inclure l'indicateur WS_EX_TRANSPARENT.
• Utilisez ControlStyles.Opaque et ControlStyles.SupportsTransparentBackColor pour empêcher la peinture d'arrière-plan et activer la transparence.

Étape 3 : Redimensionnement dynamique et positionnement du texte

• Le gestionnaire d'événements OnPaint calcule dynamiquement la zone circulaire et centre le texte en fonction des dimensions actuelles du contrôle.

Étape 4 : Implémentation de propriétés personnalisées et de sélection de polices

• Les propriétés publiques (InnerMargin, TextMargin) exposent les paramètres personnalisés.
• Utilisez une police spécifiée (par exemple, Segoe UI) et ajustez la ligne de base pour un centrage précis du texte dans le cercle.

Étape 5 : Utilisation

• Ajoutez le contrôle personnalisé à votre formulaire à partir de la boîte à outils.
• Ajustez les propriétés (taille, transparence, marges) pour affiner l'apparence du contrôle.

Améliorations clés :

• Une transparence totale est réalisable, permettant un chevauchement des contrôles.
• Le texte reste parfaitement centré dans le cercle quelle que soit sa taille.
• Le code fourni est un modèle et peut nécessiter des ajustements pour des applications spécifiques.

Remarque : Ce contrôle est principalement destiné à des fins d'illustration et ne dispose actuellement pas d'un concepteur personnalisé. Par conséquent, il fonctionne comme entièrement transparent ou complètement opaque.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!