Mostrar “ventana emergente” cuando es cazador de ratones durante elemento de cuadro de lista

Question

ato colección observable sobre el cuadro de lista. Tengo tempate datos sobre el tema cuadro de lista. Se Consit un control de imagen y som textBlock.

Si es el puntero del ratón sobre algún elemento de cuadro de lista me gustaría conseguir este comportamiento:

• Mostrar ventana emergente / información sobre herramientas (algunos "rectángulo" con los controles) y se unen los valores de cuadro de lista elemento actual.
• Y en cuadro de texto en la plantilla elemento de datos que tengo estilo, me gustaría cambiar el color del texto en textBlock, por ejemplo, de negro a verde.

El estilo es aquí:

        <Style x:Key="FriedNickStyle" TargetType="TextBlock">
            <Setter Property="Margin" Value="2,2,2,2"/>
            <Setter Property="FontSize" Value="13"/>
            <Setter Property="FontWeight" Value="Medium"/>
            <Setter Property="Foreground" Value="Black"/>
        </Style>

Sory por mi Inglés, no tengo problema de cómo describir este comportamiento correcto. Trato muchas cosa pero cualquiera de ellos no funciona bien.

Aquí es mi estilo:

     <DataTemplate x:Key="FriendListBoxItemTemplate">
                <Grid Name="RootLayout">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="0.3*"></ColumnDefinition>
                        <ColumnDefinition Width="*"></ColumnDefinition>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="60"></RowDefinition>
                    </Grid.RowDefinitions>
                    <Image Margin="4,4,4,2" Grid.Column="0">
                        <Image.Source >
                            <MultiBinding Converter="{StaticResource avatarConverter}">
                                <Binding Path="ProfilePhoto"></Binding>
                                <Binding Path="StatusInfo.IsLogged"></Binding>
                            </MultiBinding>
                        </Image.Source>
                    </Image>
                    <Grid  Grid.Column="1">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"></ColumnDefinition>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*"></RowDefinition>
                        </Grid.RowDefinitions>
                    <TextBlock 
                                       Text="{Binding Path=Nick}" 
                                       Style="{StaticResource FriedNickStyle}"
                                       Grid.Column="0" Grid.Row="0">
                    </TextBlock>
                    </Grid>
                </Grid>
                <DataTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <!--SHOW SOME POP UP WINDOW and bind properties from ITEM (VALUE)-->
<!--Change color of textBlock-->
                    </Trigger>
                </DataTemplate.Triggers>
            </DataTemplate>

Gracias a todos los que me ayude.

Answer 1

Bueno, me encontré con este turorial , este artículo, por el MSDN y otro pila de desbordamiento pregunta . Básicamente, se hace así:

<Popup Margin="10,10,0,13"
    Name="Popup1"
    HorizontalAlignment="Left"
    VerticalAlignment="Top"
    Width="194"
    Height="200"
    IsOpen="True">                      // change this to open it

   <TextBlock Name="McTextBlock" Background="LightBlue" >
        This is popup text
   </TextBlock>