I want to develop my app with the following style/design:
Some comments on the implementation:
- The content is loaded dynamically (the three categories (Subtitle 1-3) are fixed.
- The number of sub-items (grey) my vary
- I want the user to be able to scroll to the right (as usual in metro-apps)
Unfortunately I have some difficulties with the implementation (in XAML):
I tried a GridView (like in the example tutorials) which has a VirtualizingStackPanel (Orientation=Horizontal) within the ItemsPanelTemplate. The three categories (Green, Yellow, Grey) are displayed as grids with different templates.
This works mostly fine, but now I have multiple functions of the GridView I don't like/need: I can select it and drag it a bit. I disabled the SelectionMode, etc. Unfortunately the Hover-effect still takes place as well as the possibility to drag the whole category a bit. I tried IsHitTestVisible=false what removed this hover & dragging, but disabled all buttons and click-events within the categories.
How can I do this better, e.g. solve my problem?
Any hint and suggestions are highly appreciated. Thanks!