locked
Semantic Zoom control is not working for two Grid View control in scrolling.

    Question

  • Problem: I put two grid views inside semantic zoom control. If I scrolled any grid view than other is already scrolling at that level. But I don’t want any effect on second grid view.

    Tried Solutions: If I use two semantic zoom for both grid view control then second one is working and first one is not working

    Please provide me any proper solution for that.

    Thanks in advance.

    <SemanticZoom x:Name="SemanticZoomControl"    
                Grid.Row="2" Background="Transparent">
                <SemanticZoom.ZoomedInView >
                    <GridView ItemContainerStyle="{StaticResource GridViewItemStyle11}">
                        <Grid Margin="120,0,0,0">
                            <GridView x:Name="FeaturedGridView"   Visibility="{Binding FeaturedGridViewVisibility}"           
            	                VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
            	                ItemsSource="{Binding FeaturedDataSource}"         
            	                ItemTemplate="{StaticResource CommonDataTemplateForMoviesList}"
            	                ScrollViewer.VerticalScrollMode="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled"  
            	                ScrollViewer.HorizontalScrollMode="Enabled" ScrollViewer.HorizontalScrollBarVisibility="Hidden"
            	                SelectionMode="Single" IsSwipeEnabled="false"
            	                IsItemClickEnabled="False" ItemContainerStyle="{StaticResource GridViewItemStyle11}" RenderTransformOrigin="0.5,0.5"  Grid.Row="2" >                             
                            </GridView>
                            <GridView ScrollViewer.HorizontalScrollBarVisibility="Hidden" x:Name="TopViewedGridView" Visibility="{Binding TopViewedGridViewVisibility}"                   	     
            	                VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
                                ItemContainerStyle="{StaticResource GridViewItemStyle11}"
            	                ItemsSource="{Binding TopViewedDataSource}"           
            	                ItemTemplate="{StaticResource CommonDataTemplateForMoviesList}"
            	                ScrollViewer.VerticalScrollMode="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled"  
            	                ScrollViewer.HorizontalScrollMode="Enabled" 
            	                SelectionMode="Single"                       
            	                IsSwipeEnabled="false"
            	                IsItemClickEnabled="False" RenderTransformOrigin="0.5,0.5" Grid.Row="2">                                     
                            </GridView>                     
                        </Grid>
                    </GridView>
    
                </SemanticZoom.ZoomedInView>
                <SemanticZoom.ZoomedOutView>
                    <GridView Background="Transparent" ItemContainerStyle="{StaticResource GridViewItemStyle11}" >
                        <Grid Margin="120,0,0,0">
                            <GridView  ScrollViewer.HorizontalScrollBarVisibility="Hidden"  Name="FeaturedListView" ItemContainerStyle="{StaticResource GridViewItemStyle11}" Grid.Row="2"
                                       Visibility="{Binding FeaturedGridViewVisibility}"
                                       VerticalAlignment="Stretch"    HorizontalAlignment="Stretch"
                                       ItemsSource="{Binding FeaturedDataSource}"  RenderTransformOrigin="0.5,0.5"  >                                                      
                            </GridView>
                            <GridView  ScrollViewer.HorizontalScrollBarVisibility="Hidden" Name="TopViwedListView" ItemContainerStyle="{StaticResource GridViewItemStyle11}" Grid.Row="2"
                                Visibility="{Binding TopViewedGridViewVisibility}" VerticalAlignment="Stretch"    HorizontalAlignment="Stretch"
                                ItemsSource="{Binding TopViewedDataSource}"  RenderTransformOrigin="0.5,0.5"  >                           
                            </GridView>                      
                        </Grid>
                    </GridView>
                </SemanticZoom.ZoomedOutView>
            </SemanticZoom>

    CB

    Wednesday, March 26, 2014 9:25 AM

Answers

  • Hello Sager,

    Semantic zoom have that property if u r working in one grid view other one getting affected itself.

    that is default behavior of zoom in and zoom out control. so problem is solved.

    Thanks for your help.


    CB

    Thursday, April 03, 2014 6:12 AM

All replies

  • Hi,

    Could you please provide more information about the usage for multiple GridViews for each semantic zoom view? I am not sure if above code will work which nests one GridView into another. Also, could you please explain the problem in detail about the solution not working in case of multiple semantic zoom controls?

    Sagar

    Wednesday, March 26, 2014 11:29 AM
  • Hello Sager,

    Semantic zoom have that property if u r working in one grid view other one getting affected itself.

    that is default behavior of zoom in and zoom out control. so problem is solved.

    Thanks for your help.


    CB

    Thursday, April 03, 2014 6:12 AM