How to implement collapse/expand ListView menu like official mail app?

Question

Hi. I'm working for develop iTunes-style e-book management app for Windows Store.

My question is that how to implement ListView which can collapse/expand of it's subitems.

I think the best example is official e-mail apps of microsoft. This app has well-designed collapsible ListView menu on left side.

But I can't find any resource of that. Any resources or idea?

Answer 1

There isn't a turnkey control with that behavior, but it shouldn't be hard to build from existing controls.

I would create it as a ListView with each item being one of the categories. The Template for the category item would be expandable to display a list of the sub items when selected.

--Rob

Answer 2

Thanks for reply. I mimicked expandable list menu with ListView and User Control successefully.

Answer 3

Hi Kichang,

I need to implement the same piece of functionality and facing some issue.

can you please share the code if you have been successful in doing the same.

thanks

Richa

Answer 4

Hi Kichang,

I need to implement the same piece of functionality and facing some issue.

can you please share the code if you have been successful in doing the same.

thanks

Richa

Hi. Simply, I implement it as listview with simple custom control. And override OnClick event of custom control, which change it's visibility and it's child menu item.

here is source code of my TreeMenuItem control. (xaml and cs file) and you should modify this code to fit your application :)

http://pastebin.com/R0xwXY8N

http://pastebin.com/HGdBBFfh