Comment puis-je éliminer les artefacts visuels dans les contrôles utilisateur redimensionnables et zoomables avec des coins arrondis ?

Élimination des artefacts visuels dans les contrôles utilisateur zoomables redimensionnables avec des coins arrondis

Dans ce numéro, un contrôle utilisateur avec des coins arrondis et des bordures colorées présente des artefacts visuels lorsque zoomé ou dézoomé. Le côté droit de la bordure devient invisible lors d'un zoom arrière, et plusieurs bordures jaunes apparaissent sur le côté droit lors d'un zoom avant.

Explication du problème

Les artefacts visuels proviennent de la façon dont la région du UserControl est définie et la bordure est peinte. Lorsque la région est créée, ses frontières extérieures ne sont pas anticrénelées, ce qui entraîne la perte de la section extérieure de la bordure peinte en dehors de la région.

Solution suggérée

Pour résoudre ce problème, une approche de dessin modifiée est proposée :

1. Utiliser les transformations matricielles : Appliquer l'échelle et traduisez les matrices vers les limites de la région pour les déplacer à l'intérieur de la région externe du contrôle. Cela garantit que la section anticrénelée de la bordure se trouve dans les limites de la région.
2. Mettre à jour le code de peinture : Utilisez une méthode OnPaint mise à jour qui remplit la région avec la couleur d'arrière-plan et dessine la bordure. en utilisant la taille de stylo et les paramètres de couleur appropriés.
3. Définir les bordures et l'arrière-plan : Implémentez les propriétés pour définir la BorderSize, BorderColor et FillColor du UserControl.
4. Gérer les modifications de mise en page : Dans l'événement OnLayout, mettez à jour la région pour s'adapter aux changements de taille.

Exemple de code

Le code suivant illustre ces éléments modifications :

using System.Drawing;
using System.Drawing.Drawing2D;

public class RoundedControl : UserControl
{
    // ... Your existing code

    // ... Added code suggested in the solution

    private void UpdateRegion()
    {
        GraphicsPathWithBorder = RoundedCornerRectangle(ClientRectangle);
        Region = new Region(GraphicsPathWithBorder);
        Invalidate();
    }
}

Avantages de la solution

• Élimine les artefacts visuels de la bordure colorée.
• Maintient les effets d'anti-aliasing autour de la frontière.
• Permet la personnalisation de la bordure apparence.

Remarque : La courbeSize dans la méthode RoundedCornerRectangle devra peut-être être ajustée pour empêcher certaines parties du contrôle de s'étendre au-delà de la bordure.

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!