UWP:滚动查看器中的操作

时间:2017-05-01 18:01:46

标签: c# xaml scroll uwp swipe

我在我的应用中使用了translateX操作。但是当我想在滚动查看器中使用它时,滚动查看器停止工作并且不滚动(我需要垂直导轨)。 该怎么做才能解决它。 MyXAML代码:

<ScrollViewer>    
<Grid x:Name="MainGrid"  Background="{ThemeResource AppBackgroundColor}"
         ManipulationMode="TranslateX" ManipulationDelta="MainGrid_ManipulationDelta" ManipulationCompleted="MainGrid_ManipulationCompleted"
         ManipulationStarted="MainGrid_ManipulationStarted" 

         >
            <ContentControl  Content="{x:Bind TheGrid,Mode=OneWay}"/>

            <Grid.RenderTransform >

                <TranslateTransform  x:Name="myScaleTransform" />
            </Grid.RenderTransform>
        </Grid>
</ScrollViewer>

我的C#代码隐藏:

#region Manipulations
        private void MainGrid_ManipulationDelta(object sender, ManipulationDeltaRoutedEventArgs e)
        {
            if (myScaleTransform.X >= 60 && e.Delta.Translation.X > 1)
            {
                myScaleTransform.X = 60;
                return;
            }
            if (myScaleTransform.X <= -180 && e.Delta.Translation.X < 1)
            {
                myScaleTransform.X = -180;
                return;
            }
            myScaleTransform.X += e.Delta.Translation.X;
            lastPostition.X += e.Delta.Translation.X;

        }

        private void MainGrid_ManipulationCompleted(object sender, ManipulationCompletedRoutedEventArgs e)
        {
            if (myScaleTransform.X <= -170 ) return;
            urStoryboard.Begin();

        }

        private void MainGrid_ManipulationStarted(object sender, ManipulationStartedRoutedEventArgs e)
        {
            startpoint = e.Position;
            lastPostition = e.Position;
        }
    }
    #endregion

2 个答案:

答案 0 :(得分:1)

不幸的是,如果ScrollViewer需要滚动和手势,则没有好的解决方案。如果要处理用户的手势,则必须禁用DirectManipulation,这也会禁用滚动。 有一篇文章谈论这个问题,你应该阅读this以了解更多。

答案 1 :(得分:0)

我把它固定了。 我的代码:

ManipulationMode="TranslateX,System"