WPF InkCanvas - 一些笔画未收集

Question

我有一个 WPF 应用程序，其中有一个使用墨迹 canvas 控件的签名页。我有一个非常随机的问题，一些笔划无法在笔划集合中收集并消失。我知道软件中的术语 "random" 是禁忌 - 但相信我它是随机的；没有发生多线程。

使用鼠标和触摸输入时会出现此问题。

Gif of InkCanvas

我不知道源代码此时是否有帮助，但无论如何我都会把它放在下面

SignatureForm.cs

    public partial class SignatureForm : UserControl
        {
            public event EventHandler SubmitButtonClick;

            private byte[] _signatureBytes;
            public byte[] SignatureBytes
            {
                get
                {
                     _signatureBytes = SignatureHelper.GetStrokeBytes(SignatureCanvas.Strokes, SignatureCanvas);

                    return _signatureBytes;
                }
                private set => _signatureBytes = value;
            }

            private Bitmap _signatureImage;

            public Bitmap SignatureImage
            {
                get
                {
                    _signatureImage = SignatureHelper.GetSignatureImage(SignatureCanvas);
                    return _signatureImage;
                }
                private set => _signatureImage = value;
            }

            public SignatureForm()
            {
                InitializeComponent();
                ClearButton.Visibility = Visibility.Hidden;
                PlaceholderText.Visibility = Visibility.Visible;
                AcceptButton.Visibility = Visibility.Hidden;
            }

            private void SubmitButton_TouchUp(object sender, TouchEventArgs e)
            {
                if (TouchIndicator.IsTouchEnabled)
                    SubmitButtonClick?.Invoke(sender, e);
            }

            private void SubmitButton_MouseUp(object sender, MouseButtonEventArgs e)
            {
                if (!TouchIndicator.IsTouchEnabled)
                    SubmitButtonClick?.Invoke(sender, e);
            }

            private void ClearButton_OnMouseUp(object sender, MouseButtonEventArgs e)
            {
                Clear();
            }

            private void ClearButton_OnTouchUp(object sender, TouchEventArgs e)
            {
                Clear();
            }

            private void Clear()
            {
                SignatureCanvas.Strokes.Clear();
                SubmitHide();
            }

            private void SignatureCanvas_OnStrokeCollected(object sender, InkCanvasStrokeCollectedEventArgs e)
            {
                SubmitReveal();
            }

            private void SignatureCanvas_OnTouchDown(object sender, TouchEventArgs e)
            {
                SubmitReveal();
            }

            private void SubmitReveal()
            {
                ClearButton.Visibility = Visibility.Visible;
                PlaceholderText.Visibility = Visibility.Hidden;
                AcceptButton.Visibility = Visibility.Visible;
            }

            private void SubmitHide()
            {
                ClearButton.Visibility = Visibility.Hidden;
                PlaceholderText.Visibility = Visibility.Visible;
                AcceptButton.Visibility = Visibility.Hidden;
            }

            private void SignatureCanvas_OnTouchUp(object sender, TouchEventArgs e)
            {
                if (SignatureCanvas.Strokes.Count == 0) SubmitHide();
            }
        }

SignatureForm.cs.xaml

        <Grid x:Name="SignatureGrid">
            <Grid.RowDefinitions>
                <RowDefinition Height=".75*" />
                <RowDefinition Height=".25*" />
            </Grid.RowDefinitions>
            <Border Grid.Row="0" BorderThickness="2" BorderBrush="{DynamicResource DarkBlue}">
                <Grid>
                    <TextBlock x:Name="PlaceholderText" Style="{StaticResource SignHereText}" Text="Sign here with your finger"/>
                    <InkCanvas x:Name="SignatureCanvas" Style="{StaticResource SignatureCanvas}" StrokeCollected="SignatureCanvas_OnStrokeCollected" TouchDown="SignatureCanvas_OnTouchDown" TouchUp="SignatureCanvas_OnTouchUp" />
                </Grid>
            </Border>
            <Border Grid.Row="0" x:Name="ClearButton" Style="{StaticResource ClearSignatureButton}"
                    MouseUp="ClearButton_OnMouseUp" TouchUp="ClearButton_OnTouchUp">
                <TextBlock x:Name="ButtonText" Text="CLEAR" Style="{StaticResource ClearSignatureText}" />
            </Border>
            <Border Grid.Row="1" BorderThickness="0" BorderBrush="{DynamicResource Teal}" Margin="0 0 0 0"
                    MouseUp="SubmitButton_MouseUp" TouchUp="SubmitButton_TouchUp">
                <TextBlock x:Name="AcceptButton" Style="{DynamicResource SubmitText}">Tap here to submit</TextBlock>
            </Border>
        </Grid>

Answer 1

所以我发现了这个问题，有一个属性 EditingMode 被设置为 "InkAndGesture"，在删除属性之后，InkCanvas 工作顺利并收集所有笔画。

        <Style x:Key="SignatureCanvas" TargetType="InkCanvas">
            <Setter Property="Background" Value="{DynamicResource Transparent}" />
            <!--<Setter Property="EditingMode" Value="InkAndGesture"/>-->
            <Setter Property="DefaultDrawingAttributes">
                <Setter.Value>
                    <DrawingAttributes Width="10" Height="10"/>
                </Setter.Value>
            </Setter>
        </Style>

WPF InkCanvas - 一些笔画未收集

WPF InkCanvas - Some Strokes Not Collected

c#

wpf

xaml

inkcanvas