工具提示用于显示集合中项目的索引。 C# WPF MVVM

Question

我正在使用包含 256 个值的数组绘制灰度图像的直方图。我通过创建我自己的包含 256 个垂直矩形（列）的图表来做到这一点。我的目标是，当我将鼠标悬停在一个矩形上时，我会得到它的索引值，它的索引来自它所在的数组，就像我将鼠标悬停在第 200 个矩形上时，我会在光标附近的小文本框中得到 200，就像 ToolTip 应该如何执行一样。问题是我找不到 ToolTip 的正确绑定来使其正常工作。我认为解决方案在于正确使用 AlternationCount / AlternationIndex

这是可能 XAML 的代码，也许有人可以帮我解决这个问题：

<ItemsControl Grid.Row="1" ItemsSource="{Binding HistogramValues}" AlternationCount="{Binding Path=HistogramValues.Count}">              
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Horizontal" />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Rectangle Height="{Binding }" ToolTip="{Binding AlternationIndex, RelativeSource={RelativeSource AncestorType=ItemsControl}}" Width="2" VerticalAlignment="Bottom" Fill="Black"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate> 
</ItemsControl>

我在视图模型中的位置：

public float[] HistogramValues { get; set; }

我发现这很有用 post Numbered listbox 但我仍然无法运行我的情况，我对 ItemTemplate 和 TemplatedParent 感到困惑，我不知道我是否需要或者如果我需要模板，我应该如何编码。

Answer 1

如果您不在绑定中指定源，它总是绑定到 datacontext。

这样做

ToolTip="{Binding (ItemsControl.AlternationIndex), RelativeSource={RelativeSource AncestorType=ContentPresenter}}"

Answer 2

如果显示索引是您唯一的要求，您可以像下面这样实现，, MyConverter 是一个多转换器，并将其包含在资源中

     <ItemsControl Grid.Row="1" ItemsSource="{Binding Collection}" >
                <ItemsControl.ItemContainerStyle>
                    <Style>
                        <Setter Property="Control.ToolTip">
                            <Setter.Value>
                                <MultiBinding Converter="{StaticResource MyConverter}">
                                    <Binding Path="IsMouseOver" RelativeSource="{RelativeSource Self}"/>
                                    <Binding />
                                    <Binding Path="ItemsSource" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType=ItemsControl}"/>
                                </MultiBinding>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </ItemsControl.ItemContainerStyle>
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <StackPanel Orientation="Vertical" />
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
            </ItemsControl>

  public partial class MainWindow : Window
    {
        private ObservableCollection<string> collection;

        public ObservableCollection<string> Collection
        {
            get { return collection; }
            set { collection = value; }
        }

        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = this;
            collection = new ObservableCollection<string>();
            collection.Add("First");
            collection.Add("Second");
            collection.Add("Third");
            collection.Add("Fourth");

        }
    }

     public class MyConverter : IMultiValueConverter
        {
            public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture)
            {
                if ((bool)values[0])
                {
                    return (values[2] as ObservableCollection<string>).IndexOf(values[1].ToString());
                }
                else
                    return "";
            }

            public object[] ConvertBack(object value, Type[] targetTypes, object parameter, System.Globalization.CultureInfo culture)
            {
                throw new NotImplementedException();
            }
        }

Answer 3

如果您对转换器不满意，可以使用它，

 <ItemsControl Grid.Row="1" ItemsSource="{Binding Collection}" AlternationCount="{Binding Path=Collection.Count}">
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Vertical" />
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <TextBlock  Text="{Binding}" ToolTip="{Binding Path=(ItemsControl.AlternationIndex),   RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ContentPresenter}}">
                    </TextBlock>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>

由于附加了 AlternationIndex 属性，它应该用“()”覆盖。

工具提示用于显示集合中项目的索引。 C# WPF MVVM

ToolTip use to show the index of an item from a collection. C# WPF MVVM

c#

wpf

xaml

mvvm

tooltip