.NET MAUI에서 IronOCR을 사용한 OCR

필수 조건

.NET MAUI에서 OCR 앱을 만들기 위한 필수 조건은 다음과 같습니다:

1. Visual Studio 2022 (최신 버전)
2. .NET 6 또는 7
3. Visual Studio에 설치된 MAUI 패키지
4. Visual Studio에서 실행 중인 .NET MAUI 프로젝트

IronOCR 설치

첫 번째 단계는 NuGet 패키지 관리자 콘솔을 사용하여 IronOCR 라이브러리를 설치하는 것입니다. 솔루션 탐색기에서 오른쪽 클릭하여 NuGet 패키지 관리자 콘솔을 열고 IronOCR 라이브러리를 설치하기 위해 다음 명령을 실행하세요:

Install-Package IronOcr

프론트엔드 디자인

이 섹션에서는 애플리케이션의 프론트엔드를 디자인할 것입니다. MainPage.xaml 파일을 엽니다.

MainPage.xaml

이미지 또는 PDF 문서를 OCR하기 위해 선택할 수 있게 해주는 버튼을 지정합니다. 버튼의 Clicked 속성은 다음 섹션에서 정의할 IOCR 함수를 실행하도록 설정되어 있습니다.

<Button
    x:Name="OCR"
    Text="Click to OCR"
    Clicked="IOCR"
    HorizontalOptions="Center" />

<Button
    x:Name="OCR"
    Text="Click to OCR"
    Clicked="IOCR"
    HorizontalOptions="Center" />

여기서는 Image라는 이름의 OCRImage 요소를 생성합니다. 이 이미지 박스는 선택된 파일을 표시할 것입니다.

<Image
    x:Name="OCRImage"
    SemanticProperties.Description="Selected Image"
    HeightRequest="300"
    HorizontalOptions="Center" />

<Image
    x:Name="OCRImage"
    SemanticProperties.Description="Selected Image"
    HeightRequest="300"
    HorizontalOptions="Center" />

다음으로, Editor 컨트롤을 생성합니다. 이는 이미지 또는 PDF 문서로부터 추출된 텍스트를 보여주는 데 사용될 것입니다.

<Editor
    x:Name="outputText"
    HorizontalOptions="Center"
    WidthRequest="600"
    HeightRequest="300" />

<Editor
    x:Name="outputText"
    HorizontalOptions="Center"
    WidthRequest="600"
    HeightRequest="300" />

아래는 완성된 XAML 사용자 인터페이스 마크업입니다.

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="IronOCR_MAUI_Test.MainPage">

    <ScrollView>
        <VerticalStackLayout
            Spacing="25"
            Padding="30,0"
            VerticalOptions="Center">
            <Button
                x:Name="OCR"
                Text="Click to OCR"
                Clicked="IOCR"
                HorizontalOptions="Center" />
            <Image
                x:Name="OCRImage"
                SemanticProperties.Description="Selected Image"
                HeightRequest="300"
                HorizontalOptions="Center" />

            <Editor
                x:Name="outputText"
                HorizontalOptions="Center"
                WidthRequest="600"
                HeightRequest="300" />
        </VerticalStackLayout>
    </ScrollView>

</ContentPage>

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="IronOCR_MAUI_Test.MainPage">

    <ScrollView>
        <VerticalStackLayout
            Spacing="25"
            Padding="30,0"
            VerticalOptions="Center">
            <Button
                x:Name="OCR"
                Text="Click to OCR"
                Clicked="IOCR"
                HorizontalOptions="Center" />
            <Image
                x:Name="OCRImage"
                SemanticProperties.Description="Selected Image"
                HeightRequest="300"
                HorizontalOptions="Center" />

            <Editor
                x:Name="outputText"
                HorizontalOptions="Center"
                WidthRequest="600"
                HeightRequest="300" />
        </VerticalStackLayout>
    </ScrollView>

</ContentPage>

이제 OCR 기능을 위한 코드를 작성할 시간입니다.

IronOCR를 사용한 OCR 코드

MainPage.xaml.cs 클래스 파일을 열고 다음 함수를 작성하세요.

MainPage.xaml.cs

private async void IOCR(object sender, EventArgs e)
{
    // Prompt user to select an image using FilePicker
    var images = await FilePicker.Default.PickAsync(new PickOptions
    {
        PickerTitle = "Pick image",
        FileTypes = FilePickerFileType.Images
    });

    // Get the full path of the selected image
    var path = images.FullPath.ToString();

    // Display the selected image in the Image control
    OCRImage.Source = path;

    // Create an IronTesseract object to perform OCR
    var ocr = new IronTesseract();

    // Perform OCR and extract text from the selected image
    using (var input = new OcrInput())
    {
        input.AddImage(path); // Add image to the OCR input
        OcrResult result = ocr.Read(input); // Perform OCR
        string text = result.Text; // Extract text

        // Display extracted text in the Editor control
        outputText.Text = text; 
    }
}

private async void IOCR(object sender, EventArgs e)
{
    // Prompt user to select an image using FilePicker
    var images = await FilePicker.Default.PickAsync(new PickOptions
    {
        PickerTitle = "Pick image",
        FileTypes = FilePickerFileType.Images
    });

    // Get the full path of the selected image
    var path = images.FullPath.ToString();

    // Display the selected image in the Image control
    OCRImage.Source = path;

    // Create an IronTesseract object to perform OCR
    var ocr = new IronTesseract();

    // Perform OCR and extract text from the selected image
    using (var input = new OcrInput())
    {
        input.AddImage(path); // Add image to the OCR input
        OcrResult result = ocr.Read(input); // Perform OCR
        string text = result.Text; // Extract text

        // Display extracted text in the Editor control
        outputText.Text = text; 
    }
}

위의 코드를 분석해 봅시다:

• 해당 코드는 FilePicker를 사용하여 사용자가 장치에서 이미지 파일을 선택할 수 있도록 합니다. 파일 선택기는 이미지 파일만 선택하도록 설정되어 있습니다.

var images = await FilePicker.Default.PickAsync(new PickOptions
{
    PickerTitle = "Pick image",
    FileTypes = FilePickerFileType.Images
});
var path = images.FullPath.ToString();

var images = await FilePicker.Default.PickAsync(new PickOptions
{
    PickerTitle = "Pick image",
    FileTypes = FilePickerFileType.Images
});
var path = images.FullPath.ToString();

• Image 컨트롤은 파일 경로를 사용하여 선택한 이미지를 표시하도록 설정되어 있습니다.

OCRImage.Source = path;

OCRImage.Source = path;

• OCR을 수행하기 위해 IronTesseract 객체가 생성됩니다. 선택된 이미지가 OcrInput 객체에 추가됩니다. Read 메서드는 이미지에서 텍스트를 추출하기 위해 호출되며, 추출된 텍스트는 Editor 컨트롤에 표시됩니다.

var ocr = new IronTesseract();
using (var input = new OcrInput())
{
    input.AddImage(path);
    OcrResult result = ocr.Read(input);
    string text = result.Text;
    outputText.Text = text; 
}

var ocr = new IronTesseract();
using (var input = new OcrInput())
{
    input.AddImage(path);
    OcrResult result = ocr.Read(input);
    string text = result.Text;
    outputText.Text = text; 
}