UWP - グリッド行のマウスオーバーをシミュレートするPointerEntered/PointerExited

Question

私は既にSimulating a mousehover effect on a fontIcon in uwpをチェックしています。しかし、私は別の "ちらつき"問題に直面しています。

私はPivotItemコントロールの子であるScrollViewerの中にグリッドを持っています。グリッドは最初は空であり、その後にプログラムで入力されます。

<PivotItem> 
    <ScrollViewer x:Name="MyScrollBar" > 
     <Grid Name="MyGrid"> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="Auto"></RowDefinition> 
      </Grid.RowDefinitions> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="*"></ColumnDefinition> 
       <ColumnDefinition Width="*"></ColumnDefinition> 
       <ColumnDefinition Width="*"></ColumnDefinition> 
      </Grid.ColumnDefinitions> 
     </Grid> 
    </ScrollViewer> 
</PivotItem> 

各列に3つのTextBlockがそれぞれ格納されます。 私の目標は、1つの行（1つのTextBlockではなく）にカーソルを置いたときにフライアウトに詳細を表示することです。これを達成するため、ColumnSpanが3である透明なRectangleを各行ごとに定義し、各行の最後の子として追加します。ここで

Rectangle rect = new Rectangle(); 
rect.Opacity = 0; 
rect.SetValue(Grid.RowProperty, r); 
rect.SetValue(Grid.ColumnSpanProperty, 3); 
Flyout fl = new Flyout(); 
Grid flGrid = new Grid(); 
TextBlock flTb1 = new TextBlock(); 
flTb1.Text = details.Name; 
flGrid.Children.Add(flTb1); 
fl.Content = flGrid; 
rect.SetValue(FlyoutBase.AttachedFlyoutProperty, fl); 
rect.PointerEntered += Rect_PointerEntered; 
rect.PointerExited += Rect_PointerExited; 
rect.Margin = new Thickness(2); 

PointerEnteredとPointerExitedイベントハンドラ：次のように私はそれにフライアウトを与える

private void Rect_PointerEntered(object sender, PointerRoutedEventArgs e) 
{ 
    ((Flyout)(((Rectangle)sender).GetValue(FlyoutBase.AttachedFlyoutProperty))).ShowAt((Rectangle)sender); 
} 

private void Rect_PointerExited(object sender, PointerRoutedEventArgs e) 
{ 
    ((Flyout)(((Rectangle)sender).GetValue(FlyoutBase.AttachedFlyoutProperty))).Hide(); 
} 

ポインタがグリッド行のヒットゾーンに入ると、突然、フライアウトは と消滅するが表示されます。そして、同じ行であってもポインタが移動するたびに（同じ行にポインタを移動するとフライアウトが消えないようにします）。結果はちらつきフライアウトです。 PointerEntered/PointerExitedイベントは、どちらのポイントでも発生しているように見えます。

1. はfalseにPointerEntered.Handled PointerEnteredのみ（私はこれがベストプラクティスではありませんけど、私が試した）
2. セットハンドル（私は多分、他のコントロールと思った：私はすでに試してみました何

   グリッド内の矩形（S）ポインタが同じ以上であるときに認識する/他の行の動作）

3. のみ
4. 「ホバー」ストアドPointerMovedハンドルおよび「ホバリング」に影響し
5. 私が覚えていない多くの試みは、常に同じちらつきの結果を得ています。

誰かが正しい方向に向いていますか？前もって感謝します！

Answer 1

PointerEntered/PointerExitedイベントは、いずれの時点でも発生しているように見えます。 Flyoutが表示されたらPointerExitedもマウスがヒットテスト領域はありませんトリガされますように

に思えます。 Flyoutがなければ、Pointerのイベントは思った通りに機能します。このためにはofficial sampleをテストできます。

この方法では、PointerExitedイベントなしFlyoutが隠されることはありませんので、働いていたことができるはずです

は（私はこれがベストプラクティスではありません知っているが、私が試した）のみPointerEnteredを処理します。私もそれをテストした Flyout別のスペースをクリックするまで消えません。しかし、あなたが言ったように、これは良い習慣ではないかもしれません。

private void Rect_PointerEntered(object sender, PointerRoutedEventArgs e) 
{ 
    ((Flyout)(((Rectangle)sender).GetValue(FlyoutBase.AttachedFlyoutProperty))).ShowAt((Rectangle)sender); 
} 

private void Rect_PointerExited(object sender, PointerRoutedEventArgs e) 
{ 
    //((Flyout)(((Rectangle)sender).GetValue(FlyoutBase.AttachedFlyoutProperty))).Hide(); 
} 

ToolTipを別の方法で使用できます。 Pointerイベントは必要ありません。行をホバリングすると表示され、移動すると消えます。それはちらつくことはありません。時間がたつと消えますが、詳細を示すだけで十分です。

Rectangle rect = new Rectangle(); 
rect.Opacity = 0.3; 
rect.SetValue(Grid.RowProperty, r); 
rect.SetValue(Grid.ColumnSpanProperty, 3); 
rect.Fill = new SolidColorBrush(Colors.Azure); 
Grid flGrid = new Grid(); 
TextBlock flTb1 = new TextBlock(); 
flTb1.Text = "testname"+r; 
flGrid.Children.Add(flTb1); 
rect.SetValue(ToolTipService.ToolTipProperty, flGrid); 
rect.Margin = new Thickness(2); 
MyGrid.Children.Add(rect);