[C#][2.0]UserCtl Degradé backcolor + Bord arrondi

**chnew** · 24/01/2006, 12h39

Bonjour,

J'ai surchargé la methode onPaint de mmon usercontrol afin de lui affecter un fond degradé comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
        protected override void OnPaint(PaintEventArgs e)
 
        {           
 
            if (e == null)
 
                return;
 
            if (e.Graphics == null)
 
                return;
 
            Graphics g = e.Graphics;
 
 
 
 
 
            Rectangle r = new Rectangle(e.ClipRectangle.X, e.ClipRectangle.Y, e.ClipRectangle.Width, e.ClipRectangle.Height);
 
            LinearGradientBrush lb = new LinearGradientBrush(r, GUICst.GUICstColorBlue, GUICst.GUICstColorBlue,
 
                                                                   LinearGradientMode.ForwardDiagonal);
 
            e.Graphics.FillRectangle(lb, e.ClipRectangle);
 
 
 
        }

Deja est ce la bonne methode ?
comment affecter cette couleur a ma proprieté backcolor ?
en fait lorsque je vais mettre des controles dans ce usercontrol (this.add(Ctl) )
je veux que les controls qui y seront ajouté aient la meme couleur .
il suffit d'affecter la proprieté backcolor de mon usercontrol par ma couleur degradé ?

Edit :
En fait la question simple est comment affecté à la proprieté backcolor de mon control une couleur degradé.
parce quen fait jai des controls qui viennent sur ce control et qui sont transparent ...
comme je dessine un rectangle que je peinds en couleur degradé, ma proprieté backcolor n'est pas en phase.
du coup mes controles qui viennent au dessus sont transparent mais ont la couleur de backcolor qui n'est pas degradé

Ensuite jai une autre question ... comment faire des bords ronds (arrondies) à mon usercontrol ?

Merci

**ekinox17** · 24/01/2006, 16h40

pour le degrader : fait toi une image sous paint et met la en background je crois pas qu'il existe de moyen de definir une couleur degrader : c'est comme si tu demander un fond rouge et jaune a petits pois

Sinon pour les bord rond .... tu veux parler du style windows xp ?
si oui alors essaye la methode EnableVisualStyles()
Je suis pas sur du tout la c'est juste que en c++ notre form se lance avec ce paramètre et que on a un comment au dessus :

Envoyé par le commentaire

// Enabling Windows XP visual effects before any controls are created

**chnew** · 24/01/2006, 17h23

Envoyé par ekinox17

pour le degrader : fait toi une image sous paint et met la en background je crois pas qu'il existe de moyen de definir une couleur degrader : c'est comme si tu demander un fond rouge et jaune a petits pois

Sinon pour les bord rond .... tu veux parler du style windows xp ?
si oui alors essaye la methode EnableVisualStyles()
Je suis pas sur du tout la c'est juste que en c++ notre form se lance avec ce paramètre et que on a un comment au dessus :

Envoyé par le commentaire

// Enabling Windows XP visual effects before any controls are created

pour le degrader il faut utiliser LinearGradientBrush
cela fonctionne
mais je narrive pas a affecter a ma proprieté backcolor de mon usercontrol.
je ne peux pas en fait faire de fond en "image" car le developpeur/user peut definir lui meme son propre degradé de couleur dans le panel de choix de windows..

sinon pour les bords rond , ce sont des usercontrols
le enablevisualstyle ne fonctionne pas.
je ne trouve pas un moyen simple de faire cela ...

**NicolasG** · 24/01/2006, 20h34

Pour un dégradé de couleur, il faut effectivement utiliser une LinearGradientBrush.
BackColor ne peut pas gérer un dégradé puisque c'est un type Color et non Brush.

Tu peux surcharger la méthode OnPaintBackGround pour dessiner le fond.

Il ne faut pas recréer de brush à chaque fois. Les classes Brush doivent être libérées par Dispose() car elles réservent des ressources système.
Il vaut mieux créer une Brush dans le constructeur(ou à l'affectation d'une propriété) et la conserver comme membre pour la réutiliser.

Pour créer un contrôle non rectangle, il faut définir sa propriété Region.

**chnew** · 25/01/2006, 09h11

Envoyé par NicolasG

Pour un dégradé de couleur, il faut effectivement utiliser une LinearGradientBrush.
BackColor ne peut pas gérer un dégradé puisque c'est un type Color et non Brush.

Tu peux surcharger la méthode OnPaintBackGround pour dessiner le fond.

Il ne faut pas recréer de brush à chaque fois. Les classes Brush doivent être libérées par Dispose() car elles réservent des ressources système.
Il vaut mieux créer une Brush dans le constructeur(ou à l'affectation d'une propriété) et la conserver comme membre pour la réutiliser.

ok merci.
mais donc si je met un control en backcolor transparent sur mon usercontrol que je cree et dessine le fond, il prendra jamais la "couleur" de mon fond degradé que je dessine moi meme ?

Pour créer un contrôle non rectangle, il faut définir sa propriété Region.

aurait tu un code ou un lien stp ?

**chnew** · 25/01/2006, 10h50

c'est bon j'ai reussi pour les arrondis
et la redefinission de la region .

Par contre quand je met un control par dessus mon usercontrol
la transparence n'est toujours pas geré

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
 
  protected override void OnPaintBackground(PaintEventArgs e)
        {
            #region Graphics
            if (e == null)
                return;
            if (e.Graphics == null)
                return;
            Graphics g = e.Graphics;
            #endregion
 
            #region BAckground
            if (e.ClipRectangle.Width > 0 & e.ClipRectangle.Height > 0)
            {
                Rectangle r = new Rectangle(e.ClipRectangle.X, e.ClipRectangle.Y, e.ClipRectangle.Width, e.ClipRectangle.Height);
                using(_lb = GetBrushColorGradient(ref r))
                e.Graphics.FillRectangle(_lb, e.ClipRectangle);
 
 
 
                GraphicsPath gp = new GraphicsPath();
                Pen p = new Pen(Color.White,2);
                float radius = 15;
                gp.AddLine(e.ClipRectangle.X + radius, e.ClipRectangle.Y, e.ClipRectangle.X + e.ClipRectangle.Width - (radius * 2), e.ClipRectangle.Y);
                gp.AddArc(e.ClipRectangle.X + e.ClipRectangle.Width - (radius * 2), e.ClipRectangle.Y, radius * 2, radius * 2, 270, 90);
                gp.AddLine(e.ClipRectangle.X + e.ClipRectangle.Width, e.ClipRectangle.Y + radius, e.ClipRectangle.X + e.ClipRectangle.Width, e.ClipRectangle.Y + e.ClipRectangle.Height - (radius * 2));
                gp.AddArc(e.ClipRectangle.X + e.ClipRectangle.Width - (radius * 2), e.ClipRectangle.Y + e.ClipRectangle.Height - (radius * 2), radius * 2, radius * 2, 0, 90);
                gp.AddLine(e.ClipRectangle.X + e.ClipRectangle.Width - (radius * 2), e.ClipRectangle.Y + e.ClipRectangle.Height, e.ClipRectangle.X + radius, e.ClipRectangle.Y + e.ClipRectangle.Height);
                gp.AddArc(e.ClipRectangle.X, e.ClipRectangle.Y + e.ClipRectangle.Height - (radius * 2), radius * 2, radius * 2, 90, 90);
                gp.AddLine(e.ClipRectangle.X, e.ClipRectangle.Y + e.ClipRectangle.Height- (radius * 2), e.ClipRectangle.X, e.ClipRectangle.Y + radius);
                gp.AddArc(e.ClipRectangle.X, e.ClipRectangle.Y, radius * 2, radius * 2, 180, 90);
                gp.CloseFigure();
                g.DrawPath(p, gp);
 
                this.Region = new System.Drawing.Region(gp);
                ControlPaint.DrawBorder3D(g, r, Border3DStyle.RaisedInner);
 
                gp.Dispose();
 
 
 
            }

**NicolasG** · 25/01/2006, 18h53

Une précision sur PaintEventArgs.ClipRectangle : ce rectangle est la partie du contrôle à redessiner. Si une partie seulement a été cachée et est à redessiner, tu vas avoir des surprises.

Dans ton code, à chaque appel de OnPaintBackground(), tu recrée un nouveau brush

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

_lb = GetBrushColorGradient(ref r)

et une nouvelle région

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.Region = new System.Drawing.Region(gp);

pour les libérer à chaque fois.

C'est la méthode la moins efficace possible.
Il faut conserver ces objets et les recréer uniquement lors du redimensionnement du contrôle. Pour ça, il faut surcharger Control.SetBoundsCore()

**chnew** · 26/01/2006, 11h34

Envoyé par NicolasG

Une précision sur PaintEventArgs.ClipRectangle : ce rectangle est la partie du contrôle à redessiner. Si une partie seulement a été cachée et est à redessiner, tu vas avoir des surprises.

Dans ton code, à chaque appel de OnPaintBackground(), tu recrée un nouveau brush

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

_lb = GetBrushColorGradient(ref r)

et une nouvelle région

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.Region = new System.Drawing.Region(gp);

pour les libérer à chaque fois.

C'est la méthode la moins efficace possible.
Il faut conserver ces objets et les recréer uniquement lors du redimensionnement du contrôle. Pour ça, il faut surcharger Control.SetBoundsCore()

ok .

il faut donc que je crée mon brush dans la surcharge de cette methode ?
en lui specifiant le rectanche this.bounds ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
        protected override void SetBoundsCore(int x, int y, int width, int height, BoundsSpecified specified)
        {
            base.SetBoundsCore(x, y, width, height, specified);
            if (_lb ==null)
                _lb = GUI.GUICst.GetBrushColorGradient(this.Bounds, _StyleColor);
        }

et remplacer cliprectangle par this.bounds ?

**NicolasG** · 26/01/2006, 11h49

C'est ça.
Avec quand même un défaut, il faut recréer _lb dans tous les cas donc pas de test _lb==null

Il faut aussi mettre à jour Control.Region dans SetBoundsCore().

**chnew** · 26/01/2006, 12h28

Envoyé par NicolasG

C'est ça.
Avec quand même un défaut, il faut recréer _lb dans tous les cas donc pas de test _lb==null

Il faut aussi mettre à jour Control.Region dans SetBoundsCore().

Merci beaucoup
je fais ca cette apres midi ...

c'est sympa le developpement de controls avec GDI+ en fait ;-)
ca change du fonctionnel

**chnew** · 26/01/2006, 14h18

Envoyé par NicolasG

Il faut aussi mettre à jour Control.Region dans SetBoundsCore().

Si je simplifie mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
        protected override void SetBoundsCore(int x, int y, int width, int height, BoundsSpecified specified)
        {
            base.SetBoundsCore(x, y, width, height, specified);            
            this.Region = new Region(Bounds);
 
            _lb = new LinearGradientBrush(Bounds, Color.Red, Color.Green,
                                                                   LinearGradientMode.BackwardDiagonal);
 
        }

dans paintbackground surchargé

je fais juste

g.FillRectangle(_lb, this.Bounds);

mais mon usercontrol est tout noir ...
sauf quand je lagrandi en fait ma zone repeinte n'est pas bonne ...
pourtant elle doit correspondre a bounds non ?

**NicolasG** · 26/01/2006, 19h20

Le problème vient du fait que Bounds définit la position et taille dans le contrôle parent
Que tu utilise PaintEventArgs.Graphics, les coordonnées n'ont pas la même origine. L'origine est alors le coin haut gauche du contrôle et non de son parent.
Il faut donc utiliser

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Rectangle(0, 0, this.Width, this.Height)

plutôt que

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.Bounds

Il n'y a pas de contre-indication à créer un GraphicsPath pour faire des coins arrondis mais attention à l'origine (0,0).

[C#][2.0]UserCtl Degradé backcolor + Bord arrondi

Windows Forms

Discussions similaires

Partager

Partager