【问题标题】:Grid inside scroll viewer not working滚动查看器内的网格不起作用
【发布时间】:2011-06-14 16:36:22
【问题描述】:

我在滚动查看器顶部添加了一个网格控件(我添加了大约 20 行,每行包含 2 列,每列都有文本块作为子项,并且我将 RowHeight 设置为 Auto)。它正在滚动,但未显示网格的全部内容。可能是什么原因?

【问题讨论】:

    标签: windows-phone-7


    【解决方案1】:

    问题在于框架无法确定分配给控件的整体高度。尝试设置滚动查看器和/或网格的显式高度(如果可以的话)。

    更新 请发布您的确切代码。 (或者,至少是重现问题的代码。)

    以下代码是我对您所描述的内容的理解,但不会产生您所遇到的行为

    <Grid x:Name="LayoutRoot" Background="Transparent">
        <controls:Pivot Title="MY APPLICATION">
            <controls:PivotItem Header="first">
                <ScrollViewer>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>
    
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}"  Text="A1" Grid.Column="0" Grid.Row="0" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="A2" Grid.Column="1" Grid.Row="0" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="B1" Grid.Column="0" Grid.Row="1" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="B2" Grid.Column="1" Grid.Row="1" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="C1" Grid.Column="0" Grid.Row="2" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="C2" Grid.Column="1" Grid.Row="2" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="D1" Grid.Column="0" Grid.Row="3" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="D2" Grid.Column="1" Grid.Row="3" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="E1" Grid.Column="0" Grid.Row="4" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="E2" Grid.Column="1" Grid.Row="4" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="F1" Grid.Column="0" Grid.Row="5" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="F2" Grid.Column="1" Grid.Row="5" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="G1" Grid.Column="0" Grid.Row="6" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="G2" Grid.Column="1" Grid.Row="6" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="H1" Grid.Column="0" Grid.Row="7" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="H2" Grid.Column="1" Grid.Row="7" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="I1" Grid.Column="0" Grid.Row="8" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="I2" Grid.Column="1" Grid.Row="8" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="J1" Grid.Column="0" Grid.Row="9" />
                        <TextBlock Style="{StaticResource PhoneTextHugeStyle}" Text="J2" Grid.Column="1" Grid.Row="9" />
                    </Grid>
                </ScrollViewer>
            </controls:PivotItem>
        </controls:Pivot>
    </Grid>
    

    【讨论】:

    • 我正在做以下事情。我在网格顶部添加全景图和全景图内容,画布我放在堆栈面板顶部,堆栈面板我放在滚动视图和滚动视图上我在网格上添加的视图,这个网格是全景图的内容。它适用于全景图,但使用枢轴它不能正确滚动。并且对于每个画布,我都在设置高度也可能是什么问题。
    • @gusaindpk 如果你展示代码而不是试图解释它可能会更容易
    • 简而言之,我正在使用添加文本块的网格并将此网格添加到滚动视图。并将网格设置为枢轴项目。但它没有正确滚动。当我在全景图中做同样的事情时,滚动效果很好。
    • 感谢我参考了您的代码,如果我将第一个基本网格行高设置为自动,它对于枢轴和滚动视图无法正常工作,但全景视图可以正常工作,所以我已删除枢轴的行高,现在它工作正常非常感谢我真的为此苦苦挣扎。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-02-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多