locked
I need a Photos app like control

    Question

  • I need to show a grid (ListView ?) with images, but I want to let the user either tap on an image or zoom in, and the image should go (almost) full screen, and from there she can swipe left or right to navigate thru the pictures. That's pretty mucha what the Photos app do...

    So I was thinking on creating a semantic zoom control, but I don't need to actually group anything. I want two ListViews with the same itemDataSource but different ItemTemplates so I can show the images in the size I want. Is that even possible? Should I keep trying with the semantic zoom control? can anybody thing of a better way to approach this?

    Thanks


    http://bit.ly/sebagomez

    Monday, February 04, 2013 7:31 PM

Answers

  • Thanks Steven, that's exactly what I'm doing right now... the thing is the FlipView is not zoomable, so I'm creating my own control which derives from the FlipView and implements the IZommableView interface...

    BTW: there's an issue in the documentation of the IZoomableView, will post it there


    http://bit.ly/sebagomez

    Wednesday, February 06, 2013 2:27 PM

All replies

  • Hi sebastian,

    It sounds like you need something like a combination of the ListView and FlipView control. Maybe you can consider the following approach:

    • Use ListView to show all the photos as a normal ungrouped style
    • Whenever user tapped or selected a photo in the ListView, you can either show a flyout (or a custom <div> which occupy the entire window) which contains a FlipView control (that also bounds to all photos). But you need to set the current displayed item in FlipView as the selected one in ListView
    • Then in the FlipView user can swipe left and right to navigate between all photos and can also close the flyout <div> to return to ListView



    #Quickstart: Adding a FlipView (Windows Store apps using JavaScript and HTML) (Windows)
    http://msdn.microsoft.com/en-us/library/windows/apps/hh465425

    #FlipView control sample
    http://code.msdn.microsoft.com/windowsapps/FlipView-control-sample-18e434b4


    Please remember to mark the replies as answers if they help and unmark them if they provide no help.

    Wednesday, February 06, 2013 8:28 AM
    Moderator
  • Thanks Steven, that's exactly what I'm doing right now... the thing is the FlipView is not zoomable, so I'm creating my own control which derives from the FlipView and implements the IZommableView interface...

    BTW: there's an issue in the documentation of the IZoomableView, will post it there


    http://bit.ly/sebagomez

    Wednesday, February 06, 2013 2:27 PM
  • May I have a look at the control you created? I'm trying to do the same and still facing errors!
    Tuesday, April 07, 2015 8:48 AM