Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

A WrapPanel in which selection divides the panel to show a detail view?

Tags:

People also ask

What is a WrapPanel?

The WrapPanel control positions child elements in sequential position from left to right, breaking content to the next line at the edge of the containing box. Subsequent ordering happens sequentially from top to bottom or from right to left, depending on the value of the Orientation property.

What is WrapPanel WPF?

WPF WrapPanel control is a panel that positions child elements in sequential position from left to right by default. If child elements that are stacked don't fit in the row or column they are in, the remaining elements will wrap around in the same sequence.


  • Scrolling is horizontal
  • Touch-driven.
  • Items flow down, then into the next column
  • Touching an item would scroll the panel to a set point so the detail view would always be in the same spot.
  • The next column over would "break off" and animate to the right, to reveal a details pane in the context of the selected item.
  • Touching any visible item (in a different column) would "close" the revealed detail, then animate the new selected item to the left static point and again cut the next column away to reveal the detail. Touching any visible item in the same column would just do a fade-out-in animation.

Here are some simple mocks:

90% of this is simple to me, but the process to create a wrap panel which can "separate" itself to reveal an item is eluding me in a big way. Any advice would be appreciated.