仅链接两个滚动查看器的垂直偏移量答案

【问题标题】：Linking only vertical offset of two scrollviewers仅链接两个滚动查看器的垂直偏移量
【发布时间】：2014-04-03 15:45:33
【问题描述】：
我有一个包含两个较小网格的大网格的滚动视图。网格应该垂直滚动，但只有右网格应该水平滚动。这是因为需要左侧网格中的信息作为参考，而右侧网格可以包含 100 多列。
我已经尝试将网格放在单独的滚动视图中，并将它们与事件处理程序链接起来。但我没有在 Windows 8.1 应用程序中找到任何代码来执行此操作。
有没有办法为 WinRT 应用程序做到这一点？
【问题讨论】：
请注意，对于大量行/列 - 您应该尽可能地尝试使用虚拟化 - 例如通过使用默认的ListView 控件。
标签： winrt-xaml windows-8.1 scrollviewer
【解决方案1】：
您应该嵌套ScrollViewers。像这样的：
<Grid
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <ScrollViewer>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition
                    Width="Auto"/>
                <ColumnDefinition
                    Width="700"/>
            </Grid.ColumnDefinitions>
            <StackPanel>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
                <TextBlock Margin="10,10,50,10" FontSize="24">1</TextBlock>
            </StackPanel>
            <ScrollViewer
                Grid.Column="1"
                VerticalScrollBarVisibility="Disabled"
                VerticalScrollMode="Disabled"
                HorizontalScrollBarVisibility="Auto"
                HorizontalScrollMode="Auto"
                ZoomMode="Disabled">
                <StackPanel>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                    <TextBlock Margin="10,10,50,10" FontSize="24">A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. A very long text. </TextBlock>
                </StackPanel>
            </ScrollViewer>
        </Grid>
    </ScrollViewer>
</Grid>
【讨论】：
我试过这个，但是当您在右侧滚动查看器中向下滚动时，它不会显示所有数据，只是最初适合滚动查看器/网格的数据。它不是真正可滚动的，因为需要禁用垂直滚动才能使其正常工作。
所以看起来像这样，而每个文本框应该有那些绿色方块tinypic.com/r/2hdnmds/8
更新：这可行，我只需要更改滚动查看器的高度即可解决上述问题。谢谢！