So erstellen Sie ein Benutzersteuerelement mit abgerundeten Ecken?

Question

Ich versuche, ein Benutzersteuerelement mit abgerundeten Ecken zu haben. Es hat keine feste Größe, aber es hat normalerweise keine Breite viel mehr als 120 Pixel.

Ich brauche das User Control und seinen Inhalt (ein Label und eine Tabelle), um abgerundete Kanten zu haben und wie eine runde Box aussehen.

Ich habe diesen Code verwendet.

[DllImport("Gdi32.dll", EntryPoint = "CreateRoundRectRgn")] 
    private static extern IntPtr CreateRoundRectRgn 
    (
     int nLeftRect, // x-coordinate of upper-left corner 
     int nTopRect, // y-coordinate of upper-left corner 
     int nRightRect, // x-coordinate of lower-right corner 
     int nBottomRect, // y-coordinate of lower-right corner 
     int nWidthEllipse, // height of ellipse 
     int nHeightEllipse // width of ellipse 
    ); 

    public static System.Drawing.Region GetRoundedRegion(int controlWidth, int controlHeight) 
    { 
      return System.Drawing.Region.FromHrgn(CreateRoundRectRgn(0, 0, controlWidth - 5, controlHeight - 5, 20, 20)); 
    } 

Dies gibt die Steuer abgerundete Ecken, aber nachdem es afew mal ausgeführt worden, und ich habe ein Vielfach von meinen User Control zu dem Formular hinzugefügt wird es ein Leck verursachen, und ich werde die Whitebox mit einem roten Kreuz bekommt auf meinem Benutzersteuerelemente.

Gibt es einen besseren Weg, dies zu tun?

Answer 1

Die Einstellung Region ist nur sinnvoll, wenn Sie den transparenten Bereich "durchklicken" möchten. Wenn die abgerundeten Ecken nicht so groß sind und Sie möchten nur die Ecken optisch transparent machen, können Sie das gleiche tun wie Button tut.

Der Vorteil dieser Lösung, dass Sie eine schöne Anti-Aliased abgerundete Ecke hier haben können, während die Kanten einer Region immer scharf sind. Nicht zu erwähnen, dass eine Region Instanz verwaltet nicht verwaltete Ressourcen und sollte irgendwie entsorgt werden.

protected override void OnPaint(PaintEventArgs e) 
{ 
    PaintTransparentBackground(this, e); 
    // TODO: Paint your actual content here with rounded corners 
} 

private static void PaintTransparentBackground(Control c, PaintEventArgs e) 
{ 
    if (c.Parent == null || !Application.RenderWithVisualStyles) 
     return; 

    ButtonRenderer.DrawParentBackground(e.Graphics, c.ClientRectangle, c); 
} 

Answer 2

Wenn Sie wirklich runde Ecke wollen und nicht nur transparent Trick können Sie dieses Beispiel verwenden:

private int radius=20; 
[DefaultValue(20)] 
public int Radius 
{ 
    get { return radius; } 
    set 
    { 
     radius = value; 
     this.RecreateRegion(); 
    } 
} 
private GraphicsPath GetRoundRectagle(Rectangle bounds, int radius) 
{ 
    GraphicsPath path = new GraphicsPath(); 
    path.AddArc(bounds.X, bounds.Y, radius, radius, 180, 90); 
    path.AddArc(bounds.X + bounds.Width - radius, bounds.Y, radius, radius, 270, 90); 
    path.AddArc(bounds.X + bounds.Width - radius, bounds.Y + bounds.Height - radius, 
       radius, radius, 0, 90); 
    path.AddArc(bounds.X, bounds.Y + bounds.Height - radius, radius, radius, 90, 90); 
    path.CloseAllFigures(); 
    return path; 
} 
private void RecreateRegion() 
{ 
    var bounds = new Rectangle(this.ClientRectangle.Location, this.ClientRectangle.Size); 
    bounds.Inflate(-1, -1); 
    this.Region = new Region(GetRoundRectagle(bounds, this.Radius)); 
    this.Invalidate(); 
} 
protected override void OnSizeChanged(EventArgs e) 
{ 
    base.OnSizeChanged(e); 
    this.RecreateRegion(); 
} 

Und Screenshot wird:

Der Unterschied zwischen diesem Ansatz und transparent machen:

• Einstellung runden Bereich, das Steuerelement hat wirklich runde Ecken und Sie können sehen, was hinter dem runden Teil ist, obwohl wenn es transparent ist, werden Sie Hintergrund der Form sehen.
• Einstellung runden Bereich, wenn Sie auf abgerundete Teil klicken, klicken Sie durch die Region und reicht nach hinten, aber wenn Sie Transparenz Trick verwenden klicken Sie auf transparente Region wird durch das Steuerelement behandelt.

Sie können eine dieser 2 Optionen verwenden. Transparent machen oder Region basierend auf Ihrer Anforderung einstellen.

Answer 3

Ich habe meine eigene Frage beantwortet.

Nach Sinatrs Kommentar habe ich festgestellt, dass ich das OnHandleCreated nicht verwenden konnte, da ich das Objekt malen musste, bevor ich wusste, wie groß es wäre. Folgen Sie dem Link Sinatr zur Verfügung gestellt GetRoundedRegion exception

Also was ich getan habe, ist eine IntPtr-Variable zu meinem UserControl hinzugefügt, die auf der CreateRoundRectRgn-Methode jede Farbe mit dem Handle zugeordnet ist. Bevor dies ausgelöst wird, verwende ich das DeleteObject, um das alte Handle zu entfernen.

Keine optimale Lösung, aber scheint für jetzt gut zu funktionieren.

Die anderen Vorschläge zwar gut, würde in meinem Fall nicht funktionieren.