Wp8滚动区域（ScrollViewer）控件的使用

1. <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock Text="我的应用程序" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>
            <TextBlock Text="Grid控件" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>
        <ScrollViewer x:Name="ScrollViewer1" HorizontalAlignment="Left" Height="607" Grid.Row="1" VerticalAlignment="Top" Width="336" Background="#FFC9C1C1" VerticalScrollBarVisibility="Hidden" HorizontalScrollBarVisibility="Visible">
            <StackPanel x:Name="stkpnlImage"  Width="324"/> <!--不要设置stkpnlImage的高度，否则不能滚动-->
        </ScrollViewer>
        <Button x:Name="Top" Content="上划" HorizontalAlignment="Left" Height="157" Margin="326,149,-13,0" VerticalAlignment="Top" Width="167" Grid.RowSpan="2"/>
        <Button x:Name="Dowm" Content="下划" HorizontalAlignment="Left" Height="157" Margin="326,119,-13,0" VerticalAlignment="Top" Width="167" Grid.Row="1"/>
        <Button x:Name="Stop" Content="停止" HorizontalAlignment="Left" Height="157" Margin="326,252,-13,0" VerticalAlignment="Top" Width="167" Grid.Row="1"/>

2.

namespace PhoneApp1
{
    public partial class MainPage : PhoneApplicationPage
    {
        private DispatcherTimer trmDown;
        private DispatcherTimer trmUp;
        // 构造函数
        public MainPage()
        {
            InitializeComponent();

            for (int i = 0; i < 30; i++)
            {
                Image image = new Image();
                image.Width =image.Height=250;
                if (i % 4 == 0)
                {
                    image.Source = new BitmapImage(new Uri("/Image/1.jpg", UriKind.Relative));
                }
                else if (i % 4 == 1)
                { image.Source = new BitmapImage(new Uri("../Image/2.jpg", UriKind.Relative)); }
                else if (i % 4 == 2)
                { image.Source = new BitmapImage(new Uri("../Image/3.jpg", UriKind.Relative)); }
                else
                { image.Source = new BitmapImage(new Uri("/Image/4.jpg", UriKind.Relative)); }
                stkpnlImage.Children.Add(image);
            }
            trmDown = new DispatcherTimer();
            trmUp = new DispatcherTimer();
            trmDown.Interval = TimeSpan.FromMilliseconds(500);
            trmUp.Interval = TimeSpan.FromMilliseconds(500);

            trmDown.Tick += trmDown_Tick;
            trmUp.Tick += trmUp_Tick;
            Top.Click += Top_Click;
            Dowm.Click += Dowm_Click;
            Stop.Click += Stop_Click;
        }

        void Stop_Click(object sender, RoutedEventArgs e)
        {
            trmDown.Stop();
            trmUp.Stop();
        }

        void Dowm_Click(object sender, RoutedEventArgs e)
        {
            trmUp.Stop();
            trmDown.Start();
        }

        void Top_Click(object sender, RoutedEventArgs e)
        {
            trmDown.Stop();
            trmUp.Start();
        }

        void trmUp_Tick(object sender, EventArgs e)
        {
            ScrollViewer1.ScrollToVerticalOffset(ScrollViewer1.VerticalOffset - 10);
        }

        void trmDown_Tick(object sender, EventArgs e)
        {
            ScrollViewer1.ScrollToVerticalOffset(ScrollViewer1.VerticalOffset +10);
        } 

    }
}