Поделиться через


Пример разделителя рукописного ввода

Этот пример основан на примере коллекции рукописного ввода. В ней показано, как использовать объект Divider для анализа рукописного ввода.

Подробные концептуальные сведения о разделитев разделе Объект разделителя.

При обновлении формы образец рисует ограничивающий прямоугольник вокруг каждой проанализированной единицы, разбитый на слова, линии, абзацы и рисунки. Помимо использования разных цветов, эти прямоугольники увеличиваются на разные величины, чтобы гарантировать, что ни один из прямоугольников не будет скрыт другими. В следующей таблице указаны цвет и увеличение для каждой анализируемой единицы.

Проанализированная единица Цвет Увеличение пикселей
Word
Зеленый
1
График
Пурпурный
3
Paragraph
Синий
5
Рисование
Красный
1

Настройка формы

При загрузке формы создается объект Divider . Объект InkOverlay создается и связывается с панелью в форме. Затем обработчики событий присоединяются к объекту InkOverlay для отслеживания добавления и удаления штрихов. Затем, если распознаватели доступны, разделительу назначается объект RecognizerContext для распознавателя по умолчанию. Затем устанавливается свойство LineHeight объекта Divider, а коллекция Strokes из объекта InkOverlay назначается разделителе. Наконец, включен объект InkOverlay.

// Create the ink overlay and associate it with the form
myInkOverlay = new Microsoft.Ink.InkOverlay(DrawArea.Handle);

// Set the erasing mode to stroke erase.
myInkOverlay.EraserMode = InkOverlayEraserMode.StrokeErase;

// Hook event handler for the Stroke event to myInkOverlay_Stroke.
// This is necessary since the application needs to pass the strokes 
// to the ink divider.
myInkOverlay.Stroke += new InkCollectorStrokeEventHandler(myInkOverlay_Stroke); 

// Hook the event handler for StrokeDeleting event to myInkOverlay_StrokeDeleting.
// This is necessary as the application needs to remove the strokes from 
// ink divider object as well.
myInkOverlay.StrokesDeleting += new InkOverlayStrokesDeletingEventHandler(myInkOverlay_StrokeDeleting);

// Hook the event handler for StrokeDeleted event to myInkOverlay_StrokeDeleted.
// This is necessary to update the layout analysis result when automatic layout analysis
// option is selected.
myInkOverlay.StrokesDeleted += new InkOverlayStrokesDeletedEventHandler(myInkOverlay_StrokeDeleted);

// Create the ink divider object
myInkDivider = new Divider();

// Add a default recognizer context to the divider object
// without adding the recognizer context, the divider would
// not use a recognizer to do its word segmentation and would
// have less accurate results.
// Adding the recognizer context slows down the call to 
// myInkDivider.Divide though.
// It is possible that there is no recognizer installed on the
// machine for this language. In that case the divider does
// not use a recognizer to improve its accuracy.
// Get the default recognizer if any
try
{
    Recognizers recognizers = new Recognizers();
     myInkDivider.RecognizerContext = recognizers.GetDefaultRecognizer().CreateRecognizerContext();
}
catch (InvalidOperationException)
{
     //We are in the case where no default recognizers can be found
}

    // The LineHeight property helps the InkDivider distinguish between 
    // drawing and handwriting. The value should be the expected height 
    // of the user's handwriting in ink space units (0.01mm).
    // Here we set the LineHeight to 840, which is about 1/3 of an inch.
    myInkDivider.LineHeight = 840;

// Assign ink overlay's strokes collection to the ink divider
// This strokes collection is updated in the event handler
myInkDivider.Strokes = myInkOverlay.Ink.Strokes;

// Enable ink collection
myInkOverlay.Enabled = true;

Коллекция Strokes объекта Divider должна быть синхронизирована с коллекцией Strokes объекта InkOverlay (доступ к ней осуществляется через свойство InkOverlay Ink). Чтобы убедиться в этом, обработчик событий Stroke для объекта InkOverlay записывается следующим образом. Обратите внимание, что обработчик событий сначала проверяет, задано ли для EditingMode значение Рукописный ввод , чтобы отфильтровать штрихи ластика. Если пользователь запросил автоматический анализ макета, приложение вызывает метод DivideInk формы и обновляет область рисования.

private void myInkOverlay_Stroke(object sender, InkCollectorStrokeEventArgs e )
{
    // Filter out the eraser stroke.
    if(InkOverlayEditingMode.Ink == myInkOverlay.EditingMode)
    {
        // Add the new stroke to the ink divider's strokes collection
        myInkDivider.Strokes.Add(e.Stroke);
        
        if(miAutomaticLayoutAnalysis.Checked)
        {
            // Call DivideInk
            DivideInk();

            // Repaint the screen to reflect the change
            DrawArea.Refresh();
        }
    }
}

Деление рукописного ввода

Когда пользователь нажимает кнопку Разделить в меню Файл, вызывается метод Divide для объекта Divider . Используется распознаватель по умолчанию, если он доступен.

DivisionResult divResult = myInkDivider.Divide();

Результирующий объект DivisionResult , на который ссылается переменная divResult, передается в служебную функцию getUnitBBBoxes(). Служебная функция возвращает массив прямоугольников для любого запрошенного типа деления: сегментов, линий, абзацев или рисунков.

myWordBoundingBoxes = getUnitBBoxes(divResult, InkDivisionType.Segment, 1);
myLineBoundingBoxes = getUnitBBoxes(divResult, InkDivisionType.Line, 3);
myParagraphBoundingBoxes = getUnitBBoxes(divResult, InkDivisionType.Paragraph, 5);
myDrawingBoundingBoxes = getUnitBBoxes(divResult, InkDivisionType.Drawing, 1);

Наконец, панель формы принудительно перерисовывается, чтобы появились ограничивающие прямоугольники.

DrawArea.Refresh();

Результаты анализа рукописного ввода

В функции служебной программы объект DivisionResult запрашивается для получения результатов с помощью метода ResultByType на основе типа деления, запрошенного вызывающим объектом. Метод ResultByType возвращает коллекцию DivisionUnits . Каждый элемент DivisionUnit в коллекции представляет рисунок, отдельный сегмент распознавания рукописного ввода, линию рукописного ввода или блок рукописного ввода в зависимости от того, что было указано при вызове служебной функции.

DivisionUnits units = divResult.ResultByType(divType);

При наличии хотя бы одного объекта DivisionUnit создается массив прямоугольников, содержащий один ограничивающий прямоугольник на единицу. (Прямоугольники раздуваются различными величинами для каждого типа единиц, удерживаемых в переменной расширения, чтобы предотвратить перекрытие.)

// If there is at least one unit, we construct the rectangles
if((null != units) && (0 < units.Count))
{
    // We need to convert rectangles from ink units to
    // pixel units. For that, we need Graphics object
    // to pass to InkRenderer.InkSpaceToPixel method
    using (Graphics g = DrawArea.CreateGraphics())
    {

    // InkSpace to Pixel Space conversion setup done here. 
    // Not shown for brevity.

        // Iterate through the collection of division units to obtain the bounding boxes
        foreach(DivisionUnit unit in units)
        {
            // Get the bounding box of the strokes of the division unit
            divRects[i] = unit.Strokes.GetBoundingBox();

            // Div unit rect Ink space to Pixel space conversion done here. 
            // Not shown for brevity.

            // Inflate the rectangle by inflate pixels in both directions
            divRects[i].Inflate(inflate, inflate);

            // Increment the index
            ++i;
        }

    } // Relinquish the Graphics object
}

Перерисовка формы

При принудительном перерисовке выполняется следующий код, чтобы закрасить ограничивающие прямоугольники для каждого объекта DivisionUnit в форме вокруг рукописного ввода.

private void DrawArea_Paint(object sender, System.Windows.Forms.PaintEventArgs e)
        {
            // Create the Pen used to draw bounding boxes.
            // First set of bounding boxes drawn here are 
            // the bounding boxes of paragraphs.
            // These boxes are drawn with Blue pen.
            Pen penBox = new Pen(Color.Blue, 2);

            // First, draw the bounding boxes for Paragraphs
            if(null != myParagraphBoundingBoxes)
            {
                // Draw bounding boxes for Paragraphs
                e.Graphics.DrawRectangles(penBox, myParagraphBoundingBoxes);
            }

            // Next, draw the bounding boxes for Lines
            if(null != myLineBoundingBoxes)
            {
                // Color is Magenta pen
                penBox.Color = Color.Magenta;
                // Draw the bounding boxes for Lines
                e.Graphics.DrawRectangles(penBox, myLineBoundingBoxes);
            }
            
            // Then, draw the bounding boxes for Words
            if(null != myWordBoundingBoxes)
            {
                // Color is Green
                penBox.Color = Color.Green;
                // Draw bounding boxes for Words
                e.Graphics.DrawRectangles(penBox, myWordBoundingBoxes);
            }
            
            // Finally, draw the boxes for Drawings
            if(null != myDrawingBoundingBoxes)
            {
                // Color is Red pen
                penBox.Color = Color.Red;
                // Draw bounding boxes for Drawings
                e.Graphics.DrawRectangles(penBox, myDrawingBoundingBoxes);
            }
        }

Закрытие формы

Метод Dispose формы удаляет объекты InkOverlay, Divider, RecognizerContext и коллекцию Strokes , используемую в примере.