适用于 Windows Phone 7 的 XAML答案

【问题标题】：XAML for Windows Phone 7适用于 Windows Phone 7 的 XAML
【发布时间】：2014-02-11 06:04:21
【问题描述】：

我正在 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>

【问题讨论】：

滚动不是文本块行为，您可以使用文本框。

标签： c# xaml windows-phone-7

【解决方案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://dotnet.dzone.com/news/scrollviewer-not-scrollable

【讨论】：

它不工作。请查看我现在发布的完整代码。此外，texblock1 是一个不应滚动的标题。
如果你想让用户滚动，你不能使用换行，你必须选择两者之一。

【解决方案2】：

尝试使用可滚动的文本块。希望能帮助您解决问题。

【讨论】：