Question

我正在尝试在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。我为自己的英语道歉，自从我用它以来已经有一段时间了;）

编辑：

我阅读了评论，并将stackpanel更改为grid。我这样做了：

<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黑色空屏幕：/

Answer 1

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>

更新＆gt;＆gt;＆gt;

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

StackPanel不会与Windows Phone 8应用程序中的Textblock一起增长

1 个答案: