適用於Windows Phone 7的XAML

Question

我在Windows Phone 7中構建應用程序。
我在不同的TextBlocks中顯示了一些數據。
但由於數據量太大，所以不適合我的觀點。
我想顯示一個段落的數據。
如果數據大小超過模擬器的大小，我想放置一個ScrollBar，以便滾動和查看數據。
請幫幫我。
我正在提供我的XAML設計。

<Grid x:Name="ContentPanel" Margin="12,17,12,0" Grid.RowSpan="2"> 

     <TextBlock TextAlignment="Center" Height="63" HorizontalAlignment="Right" Margin="0,6,43,0" Name="textBlock1" Text="News Details" VerticalAlignment="Top" Width="308" FontFamily="Verdana" FontSize="48" Foreground="AntiqueWhite"/> 

     <TextBlock Height="46" HorizontalAlignment="Left" Margin="45,333,0,0" Name="date" Text="" VerticalAlignment="Top" Width="173" FontFamily="Verdana" FontSize="24" /> 

     <TextBlock Height="43" HorizontalAlignment="Left" Margin="45,397,0,0" Name="title" Text="" VerticalAlignment="Top" Width="373" /> 

     <TextBlock Height="206" HorizontalAlignment="Left" Margin="45,462,0,0" Name="description" Text="" VerticalAlignment="Top" Width="373" /> 

     <Image Height="167" HorizontalAlignment="Left" Margin="45,113,0,0" Name="newsimage" Stretch="Fill" VerticalAlignment="Top" Width="368" /> 


    </Grid> 

    <Button x:Name="previous" BorderThickness="0" Click="Image_Back" Margin="0,23,431,682" HorizontalAlignment="Right" Width="76" Height="63" Grid.RowSpan="2"> 
     <Button.Background> 
      <ImageBrush Stretch="Fill" ImageSource="Image/Previous.png" /> 
     </Button.Background> 
    </Button> 
     </Grid> 

Answer 1

試試這個，

<Grid x:Name="ContentPanel" Margin="12,17,12,0" Grid.RowSpan="2"> 

<ScrollViewer HorizontalScrollBarVisibility="Auto"> 
    <Grid VerticalAlignment="Top" HorizontalAlignment="Left"> 

      <TextBlock TextWrapping="Wrap" TextAlignment="Center" Height="63" HorizontalAlignment="Right" Margin="0,6,43,0" Name="textBlock1" Text="News Details" VerticalAlignment="Top" Width="308" FontFamily="Verdana" FontSize="48" Foreground="AntiqueWhite"/> 

      <TextBlock TextWrapping="Wrap" Height="46" HorizontalAlignment="Left" Margin="45,333,0,0" Name="date" Text="" VerticalAlignment="Top" Width="173" FontFamily="Verdana" FontSize="24" /> 

      <TextBlock TextWrapping="Wrap" Height="43" HorizontalAlignment="Left" Margin="45,397,0,0" Name="title" Text="" VerticalAlignment="Top" Width="373" /> 

      <TextBlock TextWrapping="Wrap" Height="206" HorizontalAlignment="Left" Margin="45,462,0,0" Name="description" Text="" VerticalAlignment="Top" Width="373" /> 

      <Image Height="167" HorizontalAlignment="Left" Margin="45,113,0,0" Name="newsimage" Stretch="Fill" VerticalAlignment="Top" Width="368" /> 

    </Grid> 
    </ScrollViewer> 
</Grid> 

更多細節

http://msdn.microsoft.com/en-us/library/system.windows.controls.scrollviewer(v=vs.110).aspx

http://dotnet.dzone.com/news/scrollviewer-not-scrollable

Answer 2

嘗試使用滾動文本塊。希望能幫助你解決問題。