Question

I’m now facing the most common problem faced my many while working with listboxes. Though I found many answers the the forum, nothing seems to work for me or else i have got it wrong. .

I have created a listbox through code. Every listbox item has a stackpanel and within it two textblocks. the stackpanel has vertical orientation.The foreground of the textblocks have been set to specific colors. When an item has been selected or clicked it moves to another page and on the close of the new page it returns to the old page.

My problem is that, when a listbox item has been clicked, it does not show the selection color which is by default the phones accent color before moving to the next page. Is it because the color of the textblocks have already set while creating the listbox?

So i tried to set it the foreground of the selected item through the SelectionChanged() like this

ListBoxItem selItem = (ListBoxItem)(listboxNotes.ItemContainerGenerator.ContainerFromIndex(listboxNotes.SelectedIndex));
selItem .Foreground = (SolidColorBrush)Application.Current.Resources["PhoneAccentBrush"];

But this does not work, and i assume its cuz there is a stackpanel inside the item.

How exactly this needs to be done? Do i need to retrieve the textblocks inside the stackpanel and set the foreground?? I have not used binding here. Visual Tree Helper???

Thanks

Alfah

Answer 1

In general, the selected color doesn’t change on lists where you’re navigating.

From my experience with android, there’s no ‘selector’ background on WP7. If you’re looking for a cool UI effect that shows some action is happening, the TiltEffect is definitely recommended, and very easy to implement.

http://www.windowsphonegeek.com/articles/Silverlight-for-WP7-Toolkit-TiltEffect-in-depth

However – if you’re creating an app that doesn’t have immediate navigation, it is possible that you might want a ‘selected’ cell color / etc. I’ve attached an image:

https://skydrive.live.com/redir.aspx?cid=ef08824b672fb5d8&resid=EF08824B672FB5D8!366&parid=EF08824B672FB5D8!343

If you note here, the buttons are related to the selected item on the list – I.e. the user can perform 4 different actions based on the selected item, (but they must select an item first!).

internal void SelectionChanged()
        {
    var item = (((ListBoxItem) _view.servers.SelectedItem).Content) as StackPanel;
                if (item != null)
                {
                    for (int i = 0; i < _view.servers.Items.Count; i++)
                    {
                        var val = (((ListBoxItem) _view.servers.Items[i]).Content) as StackPanel;
                        var tb = val.Children[0] as TextBlock;
                        var tb2 = val.Children[1] as TextBlock;
                        if (i == _view.servers.SelectedIndex)
                        {
                            tb.Foreground = tb2.Foreground = (SolidColorBrush) App.Current.Resources["PhoneAccentBrush"];
                        }
                        else


                       {
                                tb.Foreground = tb2.Foreground = (SolidColorBrush) //regular color here, b/c all these should no longer be selected
                            }

                        }
                    }
}