Несколько экземпляров InkCanvas в ItemsControl -> MousePress для другого экземпляра приводят к длинной строке - PullRequest
Новая
       52

Несколько экземпляров InkCanvas в ItemsControl -> MousePress для другого экземпляра приводят к длинной строке

1 голос
/ 01 апреля 2020

У меня проблема при использовании нескольких экземпляров InkCanvas в ItemsControl. Каждый экземпляр InkCanvas получает ImageBru sh в качестве фона, а затем добавляется в ItemsControl. По сути, это самописный PdfViewer, где пользователи могут рисовать замечания и т. Д. c на страницах PdfPages, а затем снова сохранять файл в формате PDF. Исходный pdf читается, страницы преобразуются в растровые изображения, и каждое растровое изображение используется в качестве фона для InkCanvas.

Это работает хорошо, пока я не нажимаю на другой холст. Вот два изображения, иллюстрирующие проблему:

Initial MouseClick

enter image description here

XAML из PdfViewer: 

<UserControl x:Class="PdfTool.Code.Controls.PdfViewer"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:viewModel="clr-namespace:PdfTool.Code.ViewModel"
             mc:Ignorable="d" 
             d:DataContext="{d:DesignInstance {x:Type viewModel:CanvasViewModel}, IsDesignTimeCreatable=False}"
             d:DesignHeight="450" d:DesignWidth="800">
    <ScrollViewer PanningMode="Both" Background="{StaticResource MainBackgroundColor}">
        <ItemsControl x:Name="PagesContainer" MouseWheel="PagesContainer_OnMouseWheel">
            <ItemsControl.RenderTransform>
                <MatrixTransform/>
            </ItemsControl.RenderTransform>
        </ItemsControl>
    </ScrollViewer>
</UserControl>

Код позади: 

public partial class PdfViewer : UserControl
{
    #region Bindable Properties
    ...
    #endregion

    public PdfViewer()
    {
        InitializeComponent();
    }

    private static async Task PdfToImages(PdfViewer pdfViewer, PdfDocument pdfDoc)
    {
        pdfViewer.Dispatcher.Invoke(() => pdfViewer.PagesContainer.Items.Clear());
        if (pdfDoc == null) return;

        for (uint i = 0; i < pdfDoc.PageCount; i++) {
            using (var page = pdfDoc.GetPage(i)) {
                await pdfViewer.Dispatcher.Invoke(async () =>
                {
                    var bitmap = await PageToBitmapAsync(page);
                    pdfViewer.PagesContainer.Items.Add(new PdfDetailElement(new ImageBrush(bitmap) {Stretch = Stretch.Uniform}));
                });
            }
        }
    }

    ...
}

XAML одиночной страницы PDF: 

<UserControl x:Class="PdfTool.Code.Controls.PdfDetailElement"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:viewModel="clr-namespace:PdfTool.Code.ViewModel"
             mc:Ignorable="d" 
             d:DataContext="{d:DesignInstance {x:Type viewModel:CanvasViewModel}, IsDesignTimeCreatable=False}"
             d:DesignHeight="450" d:DesignWidth="800">
    <Grid Margin="10,10,5,10">
        <Viewbox Stretch="Fill">
            <InkCanvas x:Name="inkCanvas" 
                       Background="{x:Null}" 
                       DefaultDrawingAttributes="{Binding SelectedDrawingAttributes}" 
                       EditingMode="{Binding SelectedEditingMode, UpdateSourceTrigger=PropertyChanged}"/>
        </Viewbox>
    </Grid>
</UserControl>

Код сзади: 

public partial class PdfDetailElement : UserControl
{
    public PdfDetailElement()
    {
        InitializeComponent();
    }

    public PdfDetailElement(ImageBrush image)
    {
        DataContext = Gui.Main.CanvasSettings;
        InitializeComponent();
        inkCanvas.Background = image;
        inkCanvas.Width = image.ImageSource.Width;
        inkCanvas.Height = image.ImageSource.Height;
    }
}

Только колесо мыши Событие используется для масштабирования и не является причиной проблемы. Кажется, координаты мыши на InkCanvas 1 используются в качестве начального значения для InkCanvas 2. Как я могу изменить это поведение?

1 Ответ

0 голосов
/ 01 апреля 2020

Я понял: Остановите WPF ScrollViewer, автоматически прокручивая до воспринимаемого контента , и он направил меня в нужном направлении. Мне просто нужно было установить 

Focusable="False"

на InkCanvas, и моя проблема решена, поскольку событие RequestBringIntoView на полосе прокрутки не вызывается, если объект, который нужно отобразить, не фокусируется ...

...