Control similar to contacts viewer on iPhone for WPF?
-
Hey all, I'm new to WPF/Silverlight, which I've noticed is of the sweet goodness. In a project, I'd like to add a listbox/grid type control that's similar to the Contacts app on the iPhone, as seen in this screenshot[]. ie: it has an A-Z type thing on the side , which when clicked, takes you to the group of items starting w/ that letter. The goal is to display a potentially "large" # of items in it but still make it easy to find the one you're looking for. Maybe at the top, it'd have a textbox for autocompletion while typing, and/or a search button, similar to what you get in Blend for searching properties in the Property editor window. Does anyone know what I mean? I'd be interested in any free or paid 3rd party control which has this or parts of this,so if you know of any, let me know. If I should roll my own, could you describe the basic layout items? Would it just be a datagrid/dataview type control using a grouping feature, & scrollviewer & a few snippets to move it to items based on clicks, etc? Any help is appreciated!
-
Hey all, I'm new to WPF/Silverlight, which I've noticed is of the sweet goodness. In a project, I'd like to add a listbox/grid type control that's similar to the Contacts app on the iPhone, as seen in this screenshot[]. ie: it has an A-Z type thing on the side , which when clicked, takes you to the group of items starting w/ that letter. The goal is to display a potentially "large" # of items in it but still make it easy to find the one you're looking for. Maybe at the top, it'd have a textbox for autocompletion while typing, and/or a search button, similar to what you get in Blend for searching properties in the Property editor window. Does anyone know what I mean? I'd be interested in any free or paid 3rd party control which has this or parts of this,so if you know of any, let me know. If I should roll my own, could you describe the basic layout items? Would it just be a datagrid/dataview type control using a grouping feature, & scrollviewer & a few snippets to move it to items based on clicks, etc? Any help is appreciated!
Hmm... two ways I can think of off the top of my head: 1) ListView in the GridView view mode with groups enabled. Then you'd style the items and style the group headers to look like your screen shot. 2) TreeView with the collapse / expand functionality disabled... first level would be A - Z, second level would be the items. Style the first level one way and the 2nd level the other way. Should be easy to disable the collapsing / expanding. In either case, the A - Z overlay could be done a ton of ways too... vertical stackpanel with TextBlocks (or hyperlinks)... single selection listbox, etc. No real personal preference between #1 and #2... they both sound like about the same amount of work. Or you could just use a single listbox and manage inserting and deleting the header items.
