WPF DocumentViewer 为 XPS 文档启用触摸屏滚动

Question

在 WPF 应用程序的 DocumentViewer 控件中显示 XPS 文档时，它不允许您在支持触摸的平板电脑上滚动其内容，只需在屏幕上移动手指即可。

而是选择文本。在支持触摸的设备上滚动的唯一方法是使用垂直滚动条。

有没有办法通过在内容本身而不是垂直滚动条上移动手指来启用触摸滚动？

通过覆盖某些样式，我可以阻止文本选择，但它仍然不允许我滚动。 ( )

Answer 1

我遇到了同样的问题，我做了一个解决方案并且效果很好。

我制作了一个自己的 Xps 文档 class 来动态设置 URI：

public class ManualXpsDocument : XpsDocument
{
    private const string _uriOfDoc= "...\path.xps";

    public ManualXpsDocument(FileAccess fileAccess) : base(_uriOfDoc, fileAccess)
    {

    }
}

这里是 window（或对照）的 xaml 部分：

  <Grid.Resources>
        <ObjectDataProvider x:Key="myDataSource" MethodName="GetFixedDocumentSequence"
                            ObjectType="{x:Type manual:ManualXpsDocument}">
            <ObjectDataProvider.ConstructorParameters>
                <io:FileAccess>Read</io:FileAccess>
            </ObjectDataProvider.ConstructorParameters>
        </ObjectDataProvider>
    </Grid.Resources>
    <DocumentViewer  x:Name="Viewer" Document="{Binding Source={StaticResource myDataSource}}">
        <DocumentViewer.Resources>
            <Style TargetType="ToolBar">
                <Setter Property="Visibility" Value="Collapsed" />
            </Style>
            <Style TargetType="{x:Type ContentControl}">
                <Setter Property="Visibility" Value="Collapsed" />
            </Style>
        </DocumentViewer.Resources>
        <DocumentViewer.Style>
            <Style TargetType="{x:Type DocumentViewer}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type DocumentViewer}">
                            <controls:CustomScrollViewer x:Name="PART_ContentHost">
                                <controls:CustomScrollViewer.Style>
                                    <Style TargetType="{x:Type ScrollViewer}">
                                        <Setter Property="Focusable" Value="false" />
                                        <Setter Property="IsDeferredScrollingEnabled" Value="True" />
                                        <Setter Property="Template">
                                            <Setter.Value>
                                                <ControlTemplate TargetType="{x:Type ScrollViewer}">
                                                    <Border BorderBrush="#00000000"
                                                        BorderThickness="0,2,0,0">
                                                        <Grid Background="{TemplateBinding Background}"
                                                             SnapsToDevicePixels="true">
                                                            <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*" />
                                                                <ColumnDefinition Width="Auto" />
                                                            </Grid.ColumnDefinitions>
                                                            <Grid.RowDefinitions>
                                                                <RowDefinition Height="*" />
                                                                <RowDefinition Height="Auto" />
                                                            </Grid.RowDefinitions>

                                                            <ScrollContentPresenter Name="PART_ScrollContentPresenter"
                                                                                        ScrollViewer.IsDeferredScrollingEnabled="True"
                                                                                        KeyboardNavigation.DirectionalNavigation="Local"
                                                                                        CanContentScroll="True" 
                                                                                        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />


                                                            <controls:CustomScrollBar Name="PART_VerticalScrollBar"
                                                                                      Style="{DynamicResource ScrollBar}"
                                                                                      Grid.Column="1"
                                                                                      Value="{TemplateBinding VerticalOffset}"
                                                                                      Maximum="{TemplateBinding ScrollableHeight}"
                                                                                      ViewportSize="{TemplateBinding ViewportHeight}"
                                                                                      Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}" />
                                                            <controls:CustomScrollBar Name="PART_HorizontalScrollBar"
                                                                                      Grid.Row="1"
                                                                                      Grid.ColumnSpan="2"
                                                                                      Style="{DynamicResource ScrollBar}"
                                                                                      Orientation="Horizontal"       
                                                                                      Value="{TemplateBinding HorizontalOffset}"
                                                                                      Maximum="{TemplateBinding ScrollableWidth}"
                                                                                      ViewportSize="{TemplateBinding ViewportWidth}"
                                                                                      Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}" />
                                                        </Grid>
                                                    </Border>
                                                </ControlTemplate>
                                            </Setter.Value>
                                        </Setter>
                                    </Style>
                                </controls:CustomScrollViewer.Style>                                 
                            </controls:CustomScrollViewer>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </DocumentViewer.Style>
    </DocumentViewer>

这是Window（或对照）的xaml.cs部分：

    public ctor()
    {
        InitializeComponent();

        PreviewTouchMove += ScrollingHandler;

    }

    private void ScrollingHandler(object sender, TouchEventArgs e)
    {
        TouchPoint tp = e.GetTouchPoint(Viewer);
        if (tp.Action == TouchAction.Move)
        {
            //_scrollingInt is not necessary but Move procedure of Viewer has const value to scroll and the optimalization is recommended. 
            if (_lastYPosition > tp.Position.Y + _scrollingInt)
            {
                Viewer.MoveDown();
                _lastYPosition = tp.Position.Y;
            }  
            else if (_lastYPosition < tp.Position.Y - _scrollingInt)
            {
                Viewer.MoveUp();
                _lastYPosition = tp.Position.Y;
            }
        }

        // Viewer.IsHitTestVisible = false; this setting can disable the selection too,but if you use this, the hyperlinks won't work too.

        Viewer.GetType().GetProperty("IsSelectionEnabled", BindingFlags.Instance | BindingFlags.NonPublic).SetValue(Viewer, false, null);

        //set false "IsSelectionEnabled" "hidden" property instead of Viewer.IsHitTestVisible = false, because the hyperlinks will work too. 

        e.Handled = true;
    }

ScrollingHandler方法解决问题。此程序执行文档查看器的滚动并禁用选择，但超链接功能仍然可用。

WPF DocumentViewer 为 XPS 文档启用触摸屏滚动

WPF DocumentViewer enable scroll on touch screen for XPS document

wpf

xpsdocument

documentviewer

xps

touch