locked
Looking for a photo Carousel/Slide

    General discussion

  • I have 2 months looking for this and can't make it work and also can't found any control that 100% works

    The idea is simple, I have some photos and want to display it. Also the user must be able to zoom

    My latest attempt was with ScrollViewer and FlipView

    https://social.msdn.microsoft.com/Forums/windowsapps/en-US/ff2d4215-62d2-41de-9e86-bbd739e9c84b/scrollviewer-and-changeview-zoomtofactor?forum=winappswithcsharp#ff2d4215-62d2-41de-9e86-bbd739e9c84b

    This is for a Windows Phone Store app

    Monday, February 9, 2015 1:14 AM

All replies

  • Hi,

    There is an sample you can follow up:

     <FlipView>
                <FlipView.Resources>
                    <Style
                        TargetType="FlipViewItem">
                        <Setter
                            Property="Template">
                            <Setter.Value>
                                <ControlTemplate
                                    TargetType="FlipViewItem">
                                    <!--Style="{StaticResource VerticalScrollViewerStyle}" is the standard alternative-->
                                    <ScrollViewer
                                        
                                        HorizontalAlignment="Center"
                                        VerticalAlignment="Center"
                                        HorizontalContentAlignment="Center"
                                        VerticalContentAlignment="Center">
                                        <ContentPresenter />
                                    </ScrollViewer>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </FlipView.Resources>
                <Image
                    Width="600"
                    Height="600"
                    Source="Assets/images.jpg"/>
                <Image
                    Width="600"
                    Height="600"
                    Source="Assets/images.jpg"/>
                <Image
                    Width="600"
                    Height="600"
                    Source="Assets/images.jpg"/>
            </FlipView>
    

    You can pin and zoom the image in FlipView.

    Best Wishes!


    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place. <br/> Click <a href="http://support.microsoft.com/common/survey.aspx?showpage=1&scid=sw%3Ben%3B3559&theme=tech"> HERE</a> to participate the survey.

    Tuesday, February 10, 2015 2:12 AM
  • Ok, first thanks for your reply, and I just check the code and it have at least 3 issues

    1- Doesn't zoom - It needs ZoomMode="Enabled"

    2- When zoom, the container (ContentPresenter I guess) doesn't zoom (removing Horizontal/Verticall stuff appear to "work" but still issue #3)

    3- It auto align the photo to left-top

    The next "issue" will be that it doesn't loop

    I think I saw this code on a SL project.. Don't know how much changes for a WP Store app (ex. The VerticalScrollViewerStyle appear to not ve valid)

    Tuesday, February 10, 2015 5:14 AM