Bienvenue à Blogs CodeS-SourceS Identification | Inscription | Aide

Cyril Sansus

WPF, Interfaces Utilisateurs et .NET
[WPF] Thumb … la suite !

Comme promis, voici un exemple plus concret de l’utilité du contrôle Thumb.

Voici comment en 20 minutes et à l’aide de 2 Thumbs, on peut déplacer et redimensionner des contrôles très simplement.

Edit : suite à une remarque judicieuse, je vous met même un petit GIF animé ! ThumbPart2

Le code source est extrêmement simple :

private void Thumb_DragDelta(object sender, System.Windows.Controls.Primitives.DragDeltaEventArgs e)
{
    this.SetValue (Canvas.LeftProperty, (double)this.GetValue(Canvas.LeftProperty) + e.HorizontalChange);
    this.SetValue(Canvas.TopProperty, (double)this.GetValue(Canvas.TopProperty) + e.VerticalChange);
}
 
private void resizeThumb_DragDelta(object sender, System.Windows.Controls.Primitives.DragDeltaEventArgs e)
{
    double width = this.ActualWidth + e.HorizontalChange;
    double height = this.ActualHeight + e.VerticalChange;
 
    if (width <= 0)
        width = 1;
 
    if (height <= 0)
        height = 1;
 
    this.Width = width;
    this.Height = height;
}

Hop, je vous laisse télécharger le code source (oui … j’ai passé les 20 minutes sous Blend)

Enjoy !

Télécharger le code source

Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :
Posted: vendredi 16 octobre 2009 07:39 par Vko
Classé sous :

Commentaires

Loïc Berthollet a dit :

Sympa, ce Thumb !

Connaissait pas. Merci.

Bien aussi la petite app de démo. Elle pourrait aussi servir d'exemple à article sur l'utilisation des ressources, templates et styles.

Et dans ce cadre, histoire que l'utilisateur ne perde pas irrémédiablement l'accès aux composants déplacés hors de la fenêtre (si si, il va y avoir qui vont le faire... la preuve: je l'ai fait!), on peut transformer Thumb_DragDelta comme cela :

     private void Thumb_DragDelta( object sender, System.Windows.Controls.Primitives.DragDeltaEventArgs e )

     {

        const double minLeft = 10;

        const double minTop = 10;

        var left = (double) GetValue(Canvas.LeftProperty) + e.HorizontalChange;

        var top = (double) GetValue(Canvas.TopProperty) + e.VerticalChange;

        if (left + Width &lt;= minLeft)

           left = minLeft - Width;

        if (top + Height &lt;= minTop)

           top = minTop - Height;

        SetValue(Canvas.LeftProperty, left);

        SetValue(Canvas.TopProperty, top);

     }

Certes, cela n'apporte rien à la compréhension, mais ca ne mange pas de pain...

# octobre 19, 2009 10:14
Les commentaires anonymes sont désactivés

Les 10 derniers blogs postés

- TechDays Paris 2012 : Session pleinière jour 3 par Blog Technique de Romelard Fabrice le il y a 13 heures et 40 minutes

- Mishra Reader : un lecteur RSS très Zune Style en Open Source ! par Cyril Sansus le il y a 16 heures et 14 minutes

- [framework 4] Les Tasks et le Thread UI par Fathi Bellahcene le 02-09-2012, 00:33

- Workflow Foundation 3 a un pied dans la tombe par Blog de Jérémy Jeanson le 02-08-2012, 22:15

- TechDays Paris 2012 : Nouvelles tendances du poste de travail - Bring Your own PC par Blog Technique de Romelard Fabrice le 02-08-2012, 19:42

- TechDays Paris 2012 : System Center Service Manager 2012 Vue d’ensemble par Blog Technique de Romelard Fabrice le 02-08-2012, 17:32

- TechDays Paris 2012 : Pleinière second jour par Blog Technique de Romelard Fabrice le 02-08-2012, 16:23

- TechDays Paris 2012 : Retour d'expérience sur la mise en place d'un Cloud Privé par Blog Technique de Romelard Fabrice le 02-08-2012, 16:04

- TechDays Paris 2012 : Comment SharePoint a sauvé mes TechDays par Blog Technique de Romelard Fabrice le 02-07-2012, 23:59

- Perspective 3.0 pour Silverlight 5.0 par Perspective le 02-07-2012, 22:39