Here's how you can do it.
1. Create a Popup element and place controls in it.
<Popup Height="Auto" Width="100" Name="listViewPopup" StaysOpen="True" AllowsTransparency="True" >
<Border BorderThickness="2" Background="ForestGreen" >
<StackPanel Margin="20" Orientation="Horizontal">
<TextBlock Text="Age is "/>
<TextBlock Name="popupTextBlock" />
</StackPanel>
</Border>
</Popup>
2. In your ListView, add a Style in your ItemsContainerStyle. Then in that style put EventSetters for MouseEnter and for MouseLeave.
<ListView Name="motherList" ItemsSource="{Binding}">
<ListView.ItemContainerStyle>
<Style TargetType="{x:Type ListViewItem}">
<EventSetter Event="Mouse.MouseEnter" Handler="Get_Ldiary_PopupToolTip" />
<EventSetter Event="Mouse.MouseLeave" Handler="Remove_Ldiary_PopupToolTip"/>
</Style>
</ListView.ItemContainerStyle>
<ListView.View>
<GridView >
<GridView.Columns>
<GridViewColumn Header="First Name" DisplayMemberBinding="{Binding Path=First}" />
<GridViewColumn Header="Last Name" DisplayMemberBinding="{Binding Path=Last}" />
</GridView.Columns>
</GridView>
</ListView.View>
</ListView>
3. In your code-behind, define the handlers for these MouseEnter and MouseLeave events.
private void Get_Ldiary_PopupToolTip(object sender, MouseEventArgs e)
{
ListViewItem listViewItem = e.Source as ListViewItem;
Person person = listViewItem.Content as Person;
popupTextBlock.Text = person.Age;
listViewPopup.PlacementTarget = listViewItem;
listViewPopup.Placement = PlacementMode.MousePoint;
listViewPopup.IsOpen = true;
}
private void Remove_Ldiary_PopupToolTip(object sender, MouseEventArgs e)
{
listViewPopup.IsOpen = false;
}
Here is a working sample you can try.
<Window x:Class="LdiaryPopupToolTip.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="200" Width="250">
<StackPanel Name="motherPanel">
<Popup Height="Auto" Width="100" Name="listViewPopup" StaysOpen="True" AllowsTransparency="True" >
<Border BorderThickness="2" Background="ForestGreen" >
<StackPanel Margin="20" Orientation="Horizontal">
<TextBlock Text="Age is "/>
<TextBlock Name="popupTextBlock" />
</StackPanel>
</Border>
</Popup>
<ListView Name="motherList" ItemsSource="{Binding}">
<ListView.ItemContainerStyle>
<Style TargetType="{x:Type ListViewItem}">
<EventSetter Event="Mouse.MouseEnter" Handler="Get_Ldiary_PopupToolTip" />
<EventSetter Event="Mouse.MouseLeave" Handler="Remove_Ldiary_PopupToolTip"/>
</Style>
</ListView.ItemContainerStyle>
<ListView.View>
<GridView >
<GridView.Columns>
<GridViewColumn Header="First Name" DisplayMemberBinding="{Binding Path=First}" />
<GridViewColumn Header="Last Name" DisplayMemberBinding="{Binding Path=Last}" />
</GridView.Columns>
</GridView>
</ListView.View>
</ListView>
</StackPanel>
</Window>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.Windows.Controls.Primitives;
namespace LdiaryPopupToolTip
{
/// <summary>
/// Interaction logic for Window1.xaml
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
List<Person> lst = new List<Person>();
Person ps = new Person();
ps.First = "Ldiary";
ps.Last = "Translations";
ps.Age = "21";
lst.Add(ps);
ps = new Person();
ps.First = "L";
ps.Last = "English";
ps.Age = "30";
lst.Add(ps);
ps = new Person();
ps.First = "Diary";
ps.Last = "Japanese";
ps.Age = "19";
lst.Add(ps);
motherPanel.DataContext = lst;
}
private void Get_Ldiary_PopupToolTip(object sender, MouseEventArgs e)
{
ListViewItem listViewItem = e.Source as ListViewItem;
Person person = listViewItem.Content as Person;
popupTextBlock.Text = person.Age;
listViewPopup.PlacementTarget = listViewItem;
listViewPopup.Placement = PlacementMode.MousePoint;
listViewPopup.IsOpen = true;
}
private void Remove_Ldiary_PopupToolTip(object sender, MouseEventArgs e)
{
listViewPopup.IsOpen = false;
}
}
public class Person
{
private string _first;
public string First
{
get { return _first; }
set { _first = value; }
}
private string _last;
public string Last
{
get { return _last; }
set { _last = value; }
}
private string _age;
public string Age
{
get { return _age; }
set { _age = value; }
}
}
}
Need translation help? I translate from English to Japanese and vice versa. Please feel free to contact me for your translation needs. 日英・英日翻訳依頼を受け付けています。 お気軽にご相談下さい。(Ldiary.com)
