1. 技术文章
  2. Linking only vertical offset of two scrollviewers

Linking only vertical offset of two scrollviewers

由 独自空忆成欢 提交于 2020-01-03 01:20:06

问题


I have a scrollview with a big grid containing two smaller grids. the grids are supposed to scroll together vertically, but only the right grid should scroll horizontally. This is because the information in the left grid is needed as a reference while the right grid can contain 100+ columns.

I have already tried putting the grids in separate scrollviews and linking them with an eventhandler. But I didn't find any code to do this in a Windows 8.1 application.

Is there any way to do this for WinRT apps?


回答1:


You should nest the ScrollViewers. Something like this:

<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>


来源：https://stackoverflow.com/questions/22812456/linking-only-vertical-offset-of-two-scrollviewers

标签
winrt-xaml
windows-8.1
scrollviewer
易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!