Mostrar “ventana emergente” cuando es cazador de ratones durante elemento de cuadro de lista
-
12-10-2019 - |
Pregunta
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.
Solución
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>
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow