Scrollviewer位置和wrapanel在2行。

Question

如何更改ScrollViewer以使其位于底部。

正如您在图像中看到的那样，产品放在一条线上，我希望它们在两条线上。

我该怎么做？

http://i62.tinypic.com/al5ico.jpg

<Grid x:Name="kinectRegionGrid" Margin="10,20,10,20" VerticalAlignment="Center" >
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="170" />
    </Grid.RowDefinitions>

   <k:KinectScrollViewer Grid.Row="0" Name="scrollViewer" HorizontalScrollBarVisibility="Visible"  VerticalScrollBarVisibility="Hidden " ScrollChanged="scrollViewer_ScrollChanged">
        <WrapPanel VerticalAlignment="Center" x:Name="wrapPanel" Orientation="Horizontal " k:KinectTileButton.Click="KinectTileButtonClick">
            <!-- items for design layout.  They will be replaced at runtime. -->

            <Image Height="150" Name="image1" Stretch="Fill" Width="200" />
        </WrapPanel>
        </k:KinectScrollViewer>

    <Grid Grid.Row="1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="0, 10, 0, 10">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="10"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <local:KinectHoverButton Grid.Column="0" Style="{StaticResource KinectHoverButtonScrollLeftStyle}" Click="PageLeftButtonClick" Visibility="Hidden" x:Name="lbvi" IsEnabled="{Binding ElementName=ControlsBasicsWindow, Path=PageLeftEnabled}"/>
        <local:KinectHoverButton Grid.Column="2" Style="{StaticResource KinectHoverButtonScrollRightStyle}" Click="PageRightButtonClick" Visibility="Hidden" x:Name="rbvi" IsEnabled="{Binding ElementName=ControlsBasicsWindow, Path=PageRightEnabled}"/>