WP8 高亮 SelectedItem LongListSelector

Question

我关心的是在我的 LongListSelector 中突出显示选定的项目 当用户点击它时。

我试过这个解决方案：http://code.msdn.microsoft.com/windowsapps/Highlight-a-selected-item-30ced444#content

但我还是有问题。
在我的项目中，LongListSelector 填充了 90~100 个项目，如果我点击 x^th 元素、(x+20)^th、(x+ 40)^th、(x+60)^th、(x+80)^th... 也被突出显示。这怎么可能？这是什么原因造成的？

我尝试调试，我注意到“userControlList”（通过上面的链接查看 MyLongListSelector1_SelectionChanged 事件处理程序）在“GetItemsRecursive”执行后有 20 个元素，而不是 90~100，因为我至少是预期的。

如果你不能解决这个问题，那么有谁知道如何在 LongListSelector 中实际突出显示选定的项目？ （不能使用 Listbox 代替）

Answer 1

不如我们给你写一个更容易理解的更好的？另外，您可以使用任何突出显示颜色的组合？我将它用于我的一些应用程序。它所做的只是将背景颜色也绑定到类。如果选择它，则返回类的突出显示颜色，否则返回非突出显示颜色。

---

示例数据点 - 如您所见，您可以设置突出显示颜色和不突出显示颜色

public class sample_data : INotifyPropertyChanged
{
    // Create the OnPropertyChanged method to raise the event
    public event PropertyChangedEventHandler PropertyChanged;         
    protected void OnPropertyChanged(string name)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(name));
        }
    }

    public sample_data(string name)
    {
        this.Name = name;
        this.IsSelected = false;
        this.NonHighlightColor = new SolidColorBrush(Colors.Transparent);
        this.HighLightColor = new SolidColorBrush(Colors.Red);
    }      

    public string Name { get; set; }

    private bool _is_selected;
    public bool IsSelected
    {
        get { return _is_selected; }
        set
        {
            _is_selected = value;
            OnPropertyChanged("HighlightBackgroundColor");
        }
    }

    public SolidColorBrush HighlightBackgroundColor
    {
        get { if (IsSelected) return HighLightColor; else return NonHighlightColor; }
    }

    private SolidColorBrush HighLightColor{ get; set; }

    private SolidColorBrush NonHighlightColor { get; set; }
}

---

让我们创建 ObservableCollection 并设置 LongListSelector 的 ItemSource。

    private ObservableCollection<sample_data> CreateSampleData()
    {
        ObservableCollection<sample_data> sd = new ObservableCollection<sample_data>();

        sd.Add(new sample_data("Bob"));
        sd.Add(new sample_data("Dan"));
        sd.Add(new sample_data("Kate"));
        sd.Add(new sample_data("Bart"));
        sd.Add(new sample_data("Sanders"));
        sd.Add(new sample_data("Dog"));

        return sd;
    }

    // Constructor
    public MainPage()
    {
        InitializeComponent();

        mylonglist.ItemsSource = CreateSampleData();
    }

---

现在是 XAML

        <phone:LongListSelector x:Name="mylonglist" SelectionChanged="mylonglist_SelectionChanged">
            <phone:LongListSelector.ItemTemplate>
                <DataTemplate>
                    <StackPanel Background="{Binding HighlightBackgroundColor}" Height="100">
                        <TextBlock Text="{Binding Name}"></TextBlock>
                    </StackPanel>
                </DataTemplate>
            </phone:LongListSelector.ItemTemplate>
        </phone:LongListSelector>

---

选择更改的代码

    private void mylonglist_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        try
        {
            LongListSelector ls = sender as LongListSelector;
            sample_data selected_item = ls.SelectedItem as sample_data;

            // unselected the previous selections
            foreach (sample_data sd in ls.ItemsSource)
            {
                if (sd != selected_item)
                {
                    sd.IsSelected = false;
                }
            }

            // set the selected item (this will cause the background color to change)
            selected_item.IsSelected = true;
        }
        catch (Exception ex)
        {
            string error = ex.Message;
        }
    }

---

你有它，现在你可以用任何颜色和自定义颜色突出显示每个项目，而不会弄乱凌乱的 VisualState 管理器。