程式 . 生活 . D小調

<UserControl x:Class="StackPanelDemo1.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="600" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White" Loaded="LayoutRoot_Loaded">
        <ScrollViewer Name="scrollViewer1"  VerticalScrollBarVisibility="Hidden" VerticalAlignment="Top" HorizontalAlignment="Left" Height="600" Width="251" Margin="0,0,148,0">
            <StackPanel Name="stkpnlImage"   />

        </ScrollViewer>
        <Button Content="往上" Height="23" HorizontalAlignment="Left" Margin="286,136,0,0" Name="btnUp" VerticalAlignment="Top" Width="75" FontSize="14" Click="btnUp_Click" />
        <Button Content="往下" FontSize="14" Height="23" HorizontalAlignment="Left" Margin="286,231,0,0" Name="btnDown" VerticalAlignment="Top" Width="75" Click="btnDown_Click" />
    </Grid>
</UserControl>

private void LayoutRoot_Loaded(object sender, System.Windows.RoutedEventArgs e)
{
          for(int i=0;i<=30;i++)
          {
              Image imgItem = new Image();
              imgItem.Width = 100;
              imgItem.Height = 100;
              //如果是雙數就放另外一張圖
              if(i%2==0)
              {
                  imgItem.Source = (new BitmapImage(new Uri("a.jpg", UriKind.Relative)));              
              }
              else
              {
                  imgItem.Source = (new BitmapImage(new Uri("b.jpg", UriKind.Relative)));
                 
              }
              this.stkpnlImage.Children.Add(imgItem);
          }
}

private void btnUp_Click(object sender, System.Windows.RoutedEventArgs e)
{
            scrollViewer1.ScrollToVerticalOffset(scrollViewer1.VerticalOffset - 20);         

}

private void btnDown_Click(object sender, System.Windows.RoutedEventArgs e)
{
            scrollViewer1.ScrollToVerticalOffset(scrollViewer1.VerticalOffset+20);
}