다음을 통해 공유

방법: BetweenShowDelay 속성 사용

  • 아티클

이 예제는 사용자가 마우스 포인터를 한 도구 설명에서 다른 도구 설명으로 곧바로 이동할 때 도구 설명이 빠르게(지연이 없거나 거의 없이) 나타나도록 BetweenShowDelay 시간 속성을 사용하는 방법을 보여 줍니다.

예제

다음 예제에서 두 Ellipse 컨트롤의 도구 설명은 InitialShowDelay 속성이 1초(1000밀리초), BetweenShowDelay 속성이 2초(2000밀리초)로 설정되어 있습니다. 줄임표 중 하나의 도구 설명을 표시한 다음 2초 이내에 마우스 포인터를 다른 줄임표로 이동하고 잠시 멈추면 두 번째 줄임표의 도구 설명이 즉시 표시됩니다.

다음 두 시나리오에는 InitialShowDelay가 적용되어 두 번째 줄임표의 도구 설명이 1초 동안 기다렸다가 표시됩니다.

  • 두 번째 단추로 이동하는 데 걸리는 시간이 2초 이상인 경우

  • 첫 번째 줄임표의 시간 간격이 시작될 때 도구 설명이 표시되지 않는 경우

<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>

참고 항목