請幫我一個彈出式菜單

Question

我有一個圖像和一個彈出菜單。當點擊圖像彈出窗口時應該打開。

我開始這樣，現在我卡住了。

 <Image x:Name="LockImage" Source="/Lock.png"> 
      <Image.Triggers> 
       <EventTrigger RoutedEvent="MouseDown"> 
        // ?????? WHAT's here? 
       </EventTrigger> 
      </Image.Triggers> 
     </Image> 
     <Popup x:Name="LockPopup" PlacementTarget="{Binding ElementName=LockImage}"> 
      <TextBlock Text="This is a popup" /> 
     </Popup> 

UPD ......哎呀，其實我忘了......我想可以不立即，而是經過一兩秒鐘所示的彈出窗口。如果只是一個點擊，它會是別的...（默認操作）

Answer 1

這是你想要做的解決方案。延遲時間可以在Storyboard定義中設置。將此代碼插入到新的wpf應用程序項目Window.xaml文件中。

<Window.Resources> 
     <Storyboard x:Key="ShowPopup"> 
      <BooleanAnimationUsingKeyFrames Storyboard.TargetName="LockPopup" Storyboard.TargetProperty="(Popup.IsOpen)"> 
       <DiscreteBooleanKeyFrame KeyTime="00:00:00.5" Value="True" /> 
      </BooleanAnimationUsingKeyFrames> 
     </Storyboard> 

     <Storyboard x:Key="HidePopup" Storyboard.TargetName="LockPopup" Storyboard.TargetProperty="(Popup.IsOpen)"> 
      <BooleanAnimationUsingKeyFrames> 
       <DiscreteBooleanKeyFrame KeyTime="00:00:00.5" Value="False" /> 
      </BooleanAnimationUsingKeyFrames> 
     </Storyboard> 
    </Window.Resources> 
    <Grid x:Name="grid" ShowGridLines="True"> 
     <Image x:Name="LockImage" Stretch="None" > 
      <Image.Source> 
       <DrawingImage> 
        <DrawingImage.Drawing> 
         <GeometryDrawing Brush="Black"> 
          <GeometryDrawing.Geometry> 
           <EllipseGeometry RadiusX="10" RadiusY="10"/> 
          </GeometryDrawing.Geometry> 
         </GeometryDrawing> 
        </DrawingImage.Drawing> 
       </DrawingImage> 
      </Image.Source> 
      <Image.Triggers> 
       <EventTrigger RoutedEvent="Image.MouseLeftButtonDown"> 
        <BeginStoryboard Storyboard="{StaticResource ShowPopup}"/> 
       </EventTrigger> 
       <EventTrigger RoutedEvent="Image.MouseLeave"> 
        <BeginStoryboard Storyboard="{StaticResource HidePopup}"/> 
       </EventTrigger> 
      </Image.Triggers> 
     </Image> 
     <Popup x:Name="LockPopup" PlacementTarget="{Binding ElementName=LockImage}" DataContext="{Binding}" Placement="Bottom"> 
      <TextBlock Text="This is a popup" Background="White" Foreground="Black" /> 
     </Popup>  
    </Grid>