Partager via

Comment : utiliser la propriété BetweenShowDelay

  • Article

Cet exemple montre comment utiliser la BetweenShowDelay propriété de temps afin que les info-bulles apparaissent rapidement ( avec peu ou pas de retard) lorsqu’un utilisateur déplace le pointeur de la souris d’une info-bulle directement vers un autre.

Exemple

Dans l’exemple suivant, la InitialShowDelay propriété est définie sur une seconde (1 000 millisecondes) et la valeur BetweenShowDelay est de deux secondes (2 000 millisecondes) pour les info-bulles des deux Ellipse contrôles. Si vous affichez l’info-bulle pour l’un des points de suspension, puis déplacez le pointeur de la souris vers un autre ellipse en deux secondes et suspendez-la, l’info-bulle de la deuxième ellipse s’affiche immédiatement.

Dans l’un des scénarios suivants, l’application InitialShowDelay s’applique, ce qui provoque l’info-bulle de la deuxième ellipse d’attendre une seconde avant qu’elle ne s’affiche :

  • Si le temps nécessaire pour passer au deuxième bouton est supérieur à deux secondes.

  • Si l’info-bulle n’est pas visible au 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