「ポップアップウィンドウ」を表示します。
-
12-10-2019 - |
質問
ListBoxで観測可能なコレクションをバインドします。 ListBoxアイテムにデータテンペートがあります。 1つの画像コントロールとSOM TextBlockを認めます。
いくつかのリストボックスアイテムにマウスがオーバーしている場合、私はこの動作を実現したいと思います:
- Popup/Tooltip(コントロール付きの「長方形」)を表示し、ListBox Currentアイテムの値をバインドします。
- また、アイテムデータテンプレートのテキストボックスでスタイルがあります。たとえば、テキストブロックのテキストの色を、たとえば黒から緑まで変更したいと思います。
スタイルはここにあります:
<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>
私の英語のためにソリー、私はこの行動を正しいと説明する方法に問題があります。私は多くのことを試していますが、それらのどれもうまくいきません。
これが私のスタイルです:
<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>
私を助けてくれたみんなに感謝します。
解決
さて、私はこれを見つけました トロリアル, この記事、MSDNによる そして別の スタックオーバーフローの質問。基本的に、ここにあります:
<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>
所属していません StackOverflow