Mostra “finestra pop-up” quando è mouse sopra oggetto listBox
-
12-10-2019 - |
Domanda
I legano raccolta osservabile sulla casella di riepilogo. Ho Tempate dati sulla voce casella di riepilogo. Si CONSIT un controllo delle immagini e som textBlock.
Se è mouse su qualche elemento listBox vorrei ottenere questo comportamento:
- Mostra PopUp / ToolTip (qualche "rettangolo" con controlli) e si legano i valori da listBox voce corrente.
- E sulla casella di testo in voce dati del modello che ho stile, vorrei cambiare il colore del testo in textBlock, ad esempio, dal nero al verde.
Lo stile è qui:
<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 per il mio inglese, ho problema di come descrivere questo comportamento corretto. Provo molte cose, ma nessuno di loro non funziona bene.
Qui è il mio stile:
<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>
Grazie a tutti quelli che mi aiutano.
Soluzione
Bene, ho trovato questo turorial , questo articolo, dal MSDN e un altro stack di overflow di domanda . In sostanza, ecco come:
<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>
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow