WrapPanel Horizontal orientation doesn't work

Question

With new version of kinect not exist the old kinectScrollviewer so i have used a ScrollViewer with a listView of images. The problem is the unscrollable when hidden ScrollbarVisibility or with horizontal scroll and if i use a SelectionChanged it works fine with mouse, but if i use a hand gesture after first click the selection area not disappear and so i don't select the elements I would scroll only horizontal (so i have disabled vertical), but also with your code doesn't scroll with gesture. Also the click doesn't works. If i use orientation="Vertical" it's scroll vertical (although in the example scroll horizontal using this setting), but if i use orientation="Horizontal" it doesn't works :(

 <k:KinectRegion x:Name="ChoiceExercise" Background="Black" >
            <DockPanel>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <k:KinectUserViewer Grid.Row="0" Height="100"/>
                    <ContentControl Grid.Row="1" x:Name="navigationRegion">
                        <Grid x:Name="kinectGrid">
                            <ScrollViewer Grid.Row="0" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Disabled" k:KinectRegion.IsScrollInertiaEnabled="True">
                                <ListView Grid.Row="0" x:Name="listViewExercise" SelectionChanged="listViewExercise_SelectionChanged" BorderThickness="0" Background="Black" >
                                    <ListView.ItemsPanel>
                                        <ItemsPanelTemplate>
                                            <WrapPanel VerticalAlignment="Center" Orientation="Horizontal" />
                                        </ItemsPanelTemplate>
                                    </ListView.ItemsPanel>
                                </ListView>
                            </ScrollViewer>
                        </Grid>
                    </ContentControl>
                </Grid>
            </DockPanel>
        </k:KinectRegion>

dkozl · Accepted Answer · 2014-11-21T09:18:03.693

1

ListView already contains ScrollViewer as part of default template and it's this behaviour that you need to disable by setting attached ScrollViewer.VerticalScrollBarVisibility property to Disabled

<Grid>
   <Grid.RowDefinitions>
      <RowDefinition Height="Auto"/>
      <RowDefinition Height="*"/>
   </Grid.RowDefinitions>
   <k:KinectUserViewer Grid.Row="0" Height="100"/>
   <ContentControl Grid.Row="1" x:Name="navigationRegion">
      <Grid x:Name="kinectGrid">
         <ListView 
             Grid.Row="0" 
             ScrollViewer.VerticalScrollBarVisibility="Disabled" 
             x:Name="listViewExercise" 
             SelectionChanged="listViewExercise_SelectionChanged" 
             BorderThickness="0" 
             Background="Black" >
            <ListView.ItemsPanel>
               <ItemsPanelTemplate>
                  <WrapPanel VerticalAlignment="Center" Orientation="Horizontal" />
               </ItemsPanelTemplate>
            </ListView.ItemsPanel>
         </ListView>
      </Grid>
   </ContentControl>
</Grid>

Also WrapPanel with horizontal orientation is meant to stack items horizontally until item cannot fit then move to the next row. Since you you want to scroll horizontally I think horizontal StackPanel would suit you better.

<ItemsPanelTemplate>
    <StackPanel Orientation="Horizontal"/>
</ItemsPanelTemplate>

edited Nov 21 '14 at 09:18

answered Nov 21 '14 at 09:12

dkozl

32,814
8
87
89

Perfect, now horizontal scroll works fine. If i use [tag:StackPanel] the scroll is a step and not flowing. For the click with your hand because you think it does not work as mouse click? – luca Nov 21 '14 at 09:27
2

If you want to scroll by physical units try setting `ScrollViewer.CanContentScroll="false"` against `ListView` as well – dkozl Nov 21 '14 at 09:30
thanks now scroll fine also with ListView. Now i try to resolve click ahnd problem – luca Nov 21 '14 at 10:08
and what is the problem with click? – dkozl Nov 21 '14 at 10:19
if i use mouse works fine, if i use a gesture, when i press on one image i select it but remains pressed and if i press on another image returns forever the first. Now I do not know if I need a single or multiple selection – luca Nov 21 '14 at 10:53

WrapPanel Horizontal orientation doesn't work

1 Answers1