Come creare un controllo utente con angoli arrotondati?

Question

Sto provando ad avere un controllo utente con gli angoli arrotondati. Non ha una dimensione fissa ma di solito non ha una larghezza molto superiore a 120 pixel.

Ho bisogno che l'User Control e il suo contenuto (un'etichetta e un tavolo) abbiano bordi arrotondati e assomiglino a una scatola rotonda.

Ho usato questo codice.

[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)); 
    } 

Questo dà il controllo gli angoli arrotondati, ma dopo che è stato in esecuzione volte, attendere alcuni secondi e ho aggiunto multipli di mio controllo utente per la forma che causerà una perdita e che otterrà il Whitebox con una croce rossa sul mio controlli utente.

C'è un modo migliore per farlo?

Answer 1

L'impostazione di Region ha senso solo se si desidera "sfogliare" l'area trasparente. Se gli angoli arrotondati non sono così grandi e vuoi solo rendere gli angoli visivamente trasparenti, puoi fare lo stesso di Button.

Il vantaggio di questa soluzione è che qui puoi avere un bel angolo arrotondato con anti-alias, mentre i bordi di una regione sono sempre nitidi. Senza menzionare che un'istanza Region contiene risorse non gestite e deve essere smaltita in qualche modo.

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

Se si vuole angolo davvero rotondo e non solo trucco trasparente è possibile utilizzare questo esempio:

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(); 
} 

E screenshot saranno:

La differenza tra questo approccio e trasparente:

• Impostazione della regione di arrotondamento, il controllo ha angoli davvero arrotondati e puoi vedere cosa c'è dietro la parte rotonda, nonostante quando è trasparente, vedrai lo sfondo della forma.
• Se si seleziona la regione arrotondata, quando si fa clic sulla parte arrotondata rimossa, fare clic su passa attraverso la regione e raggiunge la parte posteriore, ma se si utilizza il trucco della trasparenza fare clic su area trasparente verrà gestito dal controllo.

È possibile utilizzare una di queste 2 opzioni. Rendere trasparente o impostare la regione in base alle tue esigenze.

Answer 3

Ho risposto alla mia stessa domanda.

In seguito al commento di Sinatr, ho trovato che non ero in grado di utilizzare l'OnHandleCreated poiché avevo bisogno di essere sul punto di dipingere l'oggetto prima di sapere quale sarebbe stata la sua dimensione. Seguendo il link Sinatr fornito GetRoundedRegion exception

Quindi ciò che ho fatto è stato aggiungere una variabile IntPtr al mio UserControl che è assegnata al metodo CreateRoundRectRgn ogni vernice con l'handle. Prima di questo trigger sto usando DeleteObject per rimuovere il vecchio handle.

Non è una soluzione ottimale ma sembra funzionare correttamente per ora.

Gli altri suggerimenti, sebbene buoni, non funzionerebbero nel mio caso.