如何为Silverlight中的每个(动态)列表框项设置多行的工具提示

时间:2011-10-02 15:04:56

标签: c# silverlight listbox tooltip

我想在Silverlight中为ListBox中的每个项目设置一个包含许多行的工具提示。

在XAML中我有一个列表框和一个按钮:

<ListBox Height="100" HorizontalAlignment="Left" Margin="24,136,0,0" Name="listBox1" VerticalAlignment="Top" Width="109" ItemsSource="{Binding}">
<Button Content="Add"  Name="button_add" VerticalAlignment="Top" Width="118" Click="add_Click">

在c#

private void button_add_Click(object sender, RoutedEventArgs e)
    {
        ObservableCollection<Person> obs1 = new ObservableCollection<Person>();
        obs1.Add(new Person(){Name="Name1", Age=1});
        obs1.Add(new Person(){Name="Name2", Age=2});
        listBox1.ItemsSource = obs1;
        // This Line of Code MUST NOT BE USED!! listBox1.DisplayMemberPath = "Name";          
    }
public class Person
{
    public String Name { get; set; }
    public int Age { get; set; }

    public override string ToString()
    {
        return Name;
    }
}

我想为每个项目显示年龄作为我的工具提示。

编辑:好的,这是仅将AGE显示为工具提示的解决方案。那是一行/一行。

                <ListBox Height="100" HorizontalAlignment="Left" Margin="24,136,0,0" Name="listBox1" VerticalAlignment="Top" Width="109" ItemsSource="{Binding}">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                                <TextBlock Text="{Binding Name}" ToolTipService.ToolTip="{Binding Age}"/>
                            </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>

但是,如果我想显示2行的工具提示怎么办?类似的东西:

 Name: Name1
 Age: 1

编辑:3行,2列。我还添加了公共字符串注释{set;得到;类class

                    <ListBox Height="100" HorizontalAlignment="Left" Margin="24,136,0,0" Name="listBox1" VerticalAlignment="Top" Width="109" ItemsSource="{Binding}">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel>
                                <ToolTipService.ToolTip>
                                    <ToolTip>
                                        <Grid>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="20"></RowDefinition>
                                                <RowDefinition Height="20"></RowDefinition>
                                                <RowDefinition Height="40"></RowDefinition>
                                            </Grid.RowDefinitions>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="80"/>
                                                <ColumnDefinition Width="250"/>

                                            </Grid.ColumnDefinitions>
                                            <TextBlock Text="Name: " Grid.Row="0" Grid.Column="0" />
                                            <TextBlock Text="{Binding Name}" Grid.Row="0" Grid.Column="1"/>
                                            <TextBlock Text="Age: " Grid.Row="1" Grid.Column="0"/>
                                            <TextBlock Text="{Binding Age}" Grid.Row="1" Grid.Column="1"/>
                                            <TextBlock Text="Comment: " Grid.Row="2" Grid.Column="0"/>
                                            <TextBlock Text="{Binding Comment}" Grid.Row="2" Grid.Column="1" TextWrapping="Wrap" />
                                        </Grid>
                                    </ToolTip>
                                </ToolTipService.ToolTip>
                                <TextBlock Text="{Binding Name}" />
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>

但是存在一个问题。注释可以是短的或长的,所以我想使注释的ROWS / LINES / SPACE变为可变,否则Text被截断。

1 个答案:

答案 0 :(得分:0)

您可以对工具提示内容使用任何控件:

<ToolTipService.ToolTip>
    <StackPanel Orientation="Vertical">
        <TextBlock Text="{Binding Name}" />
        <TextBlock Text="{Binding Age}" />
    </StackPanel>
</ToolTipService.ToolTip>

其他可能性是使用转换器,它返回由Name分隔的Age\r\n