Partager via

Comment : utiliser la propriété BetweenShowDelay

  • Article

Cet exemple montre comment utiliser la propriété temporelle BetweenShowDelay afin que les info-bulles apparaissent rapidement, avec peu ou pas de délai, lorsqu'un utilisateur déplace directement le pointeur de la souris d'une info-bulle à une autre.

Exemple

Dans l'exemple suivant, la propriété InitialShowDelay a la valeur une seconde (1 000 millisecondes) et BetweenShowDelay a la valeur deux secondes (2 000 millisecondes) pour les info-bulles des deux contrôles Ellipse. Si vous affichez l'info-bulle de l'une des ellipses et qu'ensuite vous déplacez le pointeur de la souris vers une autre ellipse dans les deux secondes en marquant une pause, l'info-bulle de la deuxième ellipse s'affiche immédiatement.

Dans l'un ou l'autre des scénarios suivants, InitialShowDelay s'applique, obligeant l'info-bulle de la deuxième ellipse à attendre une seconde avant d'apparaître :

  • Si vous mettez plus de deux secondes à vous déplacer vers le deuxième bouton.

  • Si l'info-bulle n'est pas visible dès le début de l'intervalle de temps pour la première ellipse.

      <Ellipse Height="25" Width="50" 
               Fill="Gray" 
               HorizontalAlignment="Left"
               ToolTipService.InitialShowDelay="1000"
               ToolTipService.ShowDuration="7000"
               ToolTipService.BetweenShowDelay="2000">
        <Ellipse.ToolTip>
          <ToolTip Placement="Right" 
                   PlacementRectangle="50,0,0,0"
                   HorizontalOffset="10" 
                   VerticalOffset="20"
                   HasDropShadow="false"
                   Opened="whenToolTipOpens"
                   Closed="whenToolTipCloses"
                   >
            <BulletDecorator>
              <BulletDecorator.Bullet>
                <Ellipse Height="10" Width="20" Fill="Blue"/>
              </BulletDecorator.Bullet>
              <TextBlock>Uses the ToolTip Class</TextBlock>
            </BulletDecorator>
          </ToolTip>
        </Ellipse.ToolTip>
      </Ellipse>



...


<Ellipse Height="25" Width="50" 
      Fill="Gray" 
      HorizontalAlignment="Left"
      ToolTipService.InitialShowDelay="1000"
      ToolTipService.ShowDuration="7000"
      ToolTipService.BetweenShowDelay="2000"
      ToolTipService.Placement="Right" 
      ToolTipService.PlacementRectangle="50,0,0,0"
      ToolTipService.HorizontalOffset="10" 
      ToolTipService.VerticalOffset="20"
      ToolTipService.HasDropShadow="false"
      ToolTipService.ShowOnDisabled="true" 
      ToolTipService.IsEnabled="true"
      ToolTipOpening="whenToolTipOpens"
      ToolTipClosing="whenToolTipCloses"
      >
  <Ellipse.ToolTip>
    <BulletDecorator>
      <BulletDecorator.Bullet>
        <Ellipse Height="10" Width="20" Fill="Blue"/>
      </BulletDecorator.Bullet>
      <TextBlock>Uses the ToolTipService class</TextBlock>
    </BulletDecorator>
  </Ellipse.ToolTip>
</Ellipse>

Voir aussi

Référence

ToolTip

ToolTipService

Concepts

Vue d'ensemble de l'info-bulle

Autres ressources

Rubriques "Comment" relatives aux info-bulles

Historique des modifications

Date

Historique

Motif

Juillet 2010

Code manquant ajouté.

Commentaires client.