WPF Menu in the style of WMC

I'm trying to create and style a custom control that will behave like the menu system in Windows Media Centre.

Specifically I want to recreate the Grid menu you see when browsing files and folders. I've had some ideas, but I keep coming back to which building blocks should I use.. a styled ListBox? a heavily styled TreeView? I really have no clue where to start.

Any help would be appreciated.
bigdave79Asked:
Who is Participating?
 
Gautham JanardhanConnect With a Mentor Commented:
when we are creating template we can use a hierarchial data template so we can show n levels according to requirement
0
 
Gautham JanardhanCommented:
can u post a screen shot of what u want ?... Grid menu you see when browsing files and folders ?
0
 
bigdave79Author Commented:
This is the best screenshot I could find...

http://on10.net/Link/855bae2e-127d-463e-863d-dcdd3d6f76b9/

Essentially, you are presented with a 3 row grid of items. Clicking on an item causes the grid to fade away, and for the contents of that menu item to appear (in the same grid format). Pressing back will bring you back to the main menu.

I'm not using this specifically for Files/Folders. I'd like it to be bindable to any collection if possible.. but we're a long way from that at the moment :)
0
Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
Gautham JanardhanCommented:
a stack panel with orientation and a control template to show the items is the best choice i guess.. u can write a trigger for the control template on mouse over to make it animate and move forward while reducing the opacity of the other items..quite a bit of work i wud say ...
0
 
bigdave79Author Commented:
The looks I can sort out later, its more the functionality i'm interested in.

I'm not sure how to deal with the multi-level menu aspect. i.e User selects a folder, the folder contains other folders and clicks through to it. User is then presented with the contents of that folder.. and so on.
0
 
bigdave79Author Commented:
I've managed to style the ListBox in the way that I want, now I just need to be able to bind it to an xml file, and behave the way I want.

I've attached a sample piece of xml data that could be used to give my listbox the data. How would I go about making the ListBox drill down.

I.e.
ListBox displays the items "Fruit", "Colours", "Countries.
User selects "Fruit" and the top level items disappear and the fruit items are displayed.

Anyone know how I can implement this behaviour?
<?xml version="1.0" encoding="utf-8" ?>
<GridMenu>
  <Menu Name="Fruit">
    <Menu Name="Apple"/>
    <Menu Name="Orange"/>
    <Menu Name="Banana"/>
    <Menu Name="Apple"/>
  </Menu>
  <Menu Name="Colors">
    <Menu Name="Red" />
    <Menu Name="Yellow" />
    <Menu Name="Blue" />
    <Menu Name="Green" />
  </Menu>
  <Menu Name="Countries">
    <Menu Name="England"/>
    <Menu Name="France"/>
    <Menu Name="Spain"/>
    <Menu Name="Germany"/>
  </Menu>
</GridMenu>

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.