0

我正在尝试在 3 个文本块中的应用程序页面中显示文本。我想滚动它，因为文本是动态变化的，它取决于我们在上一页中选择的内容。当我这样做时：

<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" Background="Transparent">
    <Grid.RowDefinitions>
        <RowDefinition Height="auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <!--TitlePanel contains the name of the application and page title-->
    <StackPanel Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
        <TextBlock Text="Asystent Barmana" Style="{StaticResource PhoneTextNormalStyle}"/>
        <TextBlock Name="PageName" Text="page name" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
    </StackPanel>
    <ScrollViewer Name="Scroller"  HorizontalAlignment="Center" Height="auto" Margin="12,10,10,-1055" Grid.Row="1" VerticalAlignment="Top" Width="460" ManipulationMode="Control" MaxHeight="2500" >
        <StackPanel HorizontalAlignment="Left" Height="auto" VerticalAlignment="Top" Width="460">
            <TextBlock Name="MissingSkladnik" TextWrapping="Wrap" Height="auto" FontSize="24"/>
            <TextBlock Name="Skladniki" TextWrapping="Wrap" Height="auto" FontSize="24"/>
            <TextBlock Name="Przepis" TextWrapping="Wrap" Height="auto" FontSize="24"/>
        </StackPanel>
    </ScrollViewer>

</Grid>

并且文本不是那么长它可以正常工作。但在某些情况下，文本较长，部分文本被截断。当我将 StackPanel 高度更改为 1950 时，它显示得很好，但是当我有较短的文本时，页面末尾是黑色的，没有可滚动的内容：/ 有什么想法吗？

PS。我为我的英语道歉，我已经有一段时间没有使用它了；）

编辑：

我阅读评论并将堆栈面板更改为网格。我是这样做的：

<ScrollViewer Name="Scroller"  HorizontalAlignment="Center" Height="auto" Margin="12,10,10,-1055" Grid.Row="1" VerticalAlignment="Top" Width="460" ManipulationMode="Control" MaxHeight="2500" >
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <TextBlock Name="MissingSkladnik" TextWrapping="Wrap" Height="auto" FontSize="24" Grid.Row="0"/>
            <TextBlock Name="Skladniki" TextWrapping="Wrap" Height="auto" FontSize="24" Grid.Row="1"/>
            <TextBlock Name="Przepis" TextWrapping="Wrap" Height="auto" FontSize="24" Grid.Row="2"/>
        </Grid>
    </ScrollViewer>

它也不起作用。如果我设置 stackpanel 的高度，它可以工作，但是当有少量文本时，它看起来不太好。用户可以 srcoll 黑色空屏：/

4

1 回答 1

2

A不会以与 a不会调整其内容大小StackPanel相同的方式调整其内容的大小。Canvas但是，Grid控件可以调整其内容的大小。尝试替换这个：

<StackPanel Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
    <TextBlock Text="Asystent Barmana" Style="{StaticResource PhoneTextNormalStyle}"/>
    <TextBlock Name="PageName" Text="page name" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
</StackPanel>

有了这个：

<Grid Name="TitleGrid" Grid.Row="0" Margin="12,17,0,28">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <TextBlock Grid.Row="0" Text="Asystent Barmana" 
        Style="{StaticResource PhoneTextNormalStyle}"/>
    <TextBlock Grid.Row="1" Name="PageName" Text="page name" Margin="9,-7,0,0" 
        Style="{StaticResource PhoneTextTitle1Style}"/>
</Grid>

更新>>>

在 WPF 中，设置显式高度和/或宽度尺寸和/或边距将阻止 aControl调整自身大小。如果您希望将ScrollViewer自身重新调整为其内容的大小，请尝试删除您设置的显式布局和尺寸值，例如。Margin.

于 2013-07-22T14:26:04.447 回答