Показать "всплывающее окно", когда элемент мыши над списком - PullRequest
Новая
       30

Показать "всплывающее окно", когда элемент мыши над списком

0 голосов
/ 18 января 2011

Я связываю наблюдаемую коллекцию в listBox. У меня есть данные на элемент списка. Содержит один элемент управления изображением и текстовый блок.

Если при наведении указателя мыши на какой-либо элемент списка, я бы хотел добиться такого поведения:

  • Показать всплывающую подсказку / всплывающую подсказку («прямоугольник» с элементами управления) и привязать значения из текущего элемента listBox
  • И на textBox в шаблоне данных элемента у меня есть стиль, я хотел бы изменить цвет текста в textBlock, например с черного на зеленый.

Стиль здесь: 

        <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>

Спасибо всем, кто мне помогает.

1 Ответ

1 голос
/ 18 января 2011

Ну, я нашел эту туориал , эту статью в 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>

...