Cómo Mostrar Texto Embebido en PDF en .NET MAUI

Comprensión del texto incrustado en PDF y la incrustación de fuentes

El texto incrustado en PDF, o las fuentes PDF, son entidades de texto incrustadas en un archivo PDF. Es crucial cuando se trata de consistencia y renderizado preciso en aplicaciones de visualización de PDF, incluidas aplicaciones populares como Adobe InDesign. Al incrustar fuentes dentro del documento PDF, se preservan las fuentes correctas, independientemente del tipo de aplicación de visualización de PDF utilizada, o si la fuente específica está instalada en el dispositivo del visor.

La incrustación de fuentes a veces puede aumentar el tamaño del documento PDF, pero es crucial mantener la apariencia original del documento. Las configuraciones de Adobe PDF a menudo determinan si las fuentes en un PDF están incrustadas o no.

Hay diferentes tipos de fuentes incrustadas en un documento PDF:

1. Fuentes incrustadas: La fuente completa está incrustada en el documento.
2. Conjunto parcial de fuentes incrustadas: Solo un subconjunto de las fuentes utilizadas en el documento original está incrustado.
3. Sin fuentes incrustadas: No se incrustan fuentes en el documento.

En Adobe Acrobat, puedes verificar si las fuentes están incrustadas consultando las propiedades del documento. Por defecto, las fuentes están incrustadas en un archivo PDF. Sin embargo, estas configuraciones se pueden cambiar usando Adobe Acrobat Pro u otras herramientas similares.

El término 'PDF aplanado' se usa a menudo en el contexto de documentos PDF donde todas las fuentes han sido incrustadas, lo que hace que el archivo sea autónomo y garantiza que aparezca igual en todos los sistemas y visores de PDF.

IronPDF C#

Documentación de IronPDF es una biblioteca PDF potente en C# que permite a los desarrolladores generar, leer y editar archivos PDF en aplicaciones .NET. Puedes aprender a generar archivos PDF desde HTML con IronPDF. Una característica interesante de IronPDF es la capacidad de trabajar con texto incrustado en archivos PDF. La capacidad de incrustar fuentes en un archivo PDF es crucial para preservar la apariencia original del documento, incluso cuando el archivo PDF se visualiza o imprime en un sistema que no tiene acceso a las fuentes originales utilizadas en el documento. Entendamos cómo mostrar texto incrustado en un PDF usando IronPDF en .NET MAUI.

Requisitos previos

Antes de comenzar con el tutorial, asegúrate de haber cumplido los siguientes requisitos:

1. .NET MAUI: Kit de herramientas de IU unificado de Microsoft que te permite crear aplicaciones para Android, iOS, macOS y Windows con una única base de código compartida. Puedes descargar .NET MAUI desde el sitio web de Microsoft.
2. Visual Studio 2022 (o posterior): Un poderoso y fácil de usar Entorno de Desarrollo Integrado (IDE) para programación .NET. Puedes descargar Visual Studio desde el sitio web de Microsoft. Asegúrate de tener instalados los paquetes de trabajo de .NET MAUI en Visual Studio 2022.
3. Biblioteca IronPDF: Esta es una biblioteca de procesamiento de PDF para .NET, y la utilizaremos para interactuar con los archivos PDF. Puedes instalar IronPDF a través de NuGet, que es un administrador de paquetes para la plataforma de desarrollo de Microsoft.
4. Un archivo PDF de Adobe: Para efectos de este tutorial, necesitaremos un archivo PDF.

Crear una aplicación .NET MAUI

Sigue estos pasos para crear una nueva aplicación .NET MAUI:

Lanza Visual Studio 2022: Después de iniciar, navega a Archivo > Nuevo > Proyecto. En la ventana de plantilla de proyectos, selecciona Aplicación .NET MAUI y luego haz clic en Siguiente.

 Crear una aplicación .NET MAUI en Visual Studio

Nombrar tu proyecto: En la siguiente ventana, necesitarás darle un nombre a tu proyecto. Vamos a llamarlo IronPDF_Read_and_View. Elige una ubicación para guardar tu proyecto y luego haz clic en Siguiente.

 Configura el proyecto

Seleccionar el marco: Selecciona .NET Framework del menú desplegable. Selecciona el último .NET Framework para un proceso fluido y haz clic en el botón "Crear".

 Selección del Framework .NET

Instalar IronPDF

Después de crear la aplicación .NET MAUI, el siguiente paso es instalar la biblioteca IronPDF. Aquí es cómo puedes hacerlo:

1. Abre el Administrador de Paquetes NuGet: Navega a Herramientas > Administrador de Paquetes NuGet > Administrar Paquetes NuGet para la Solución.

 Navegar a Administrador de Paquetes NuGet

2. Busca IronPDF: En la ventana abierta, haz clic en Explorar y escribe IronPdf en el cuadro de búsqueda.

 Buscar IronPDF en la interfaz del Administrador de Paquetes NuGet

3. Instalar IronPDF: Una vez que veas IronPDF en los resultados de la búsqueda, haz clic en él. Asegúrate de que la casilla de verificación para tu proyecto en el panel derecho esté marcada y luego haz clic en Instalar.

Acepta cualquier solicitud de permisos o términos de uso que aparezca durante el proceso de instalación.

También puedes instalar IronPDF utilizando la Consola del Administrador de Paquetes NuGet usando el siguiente comando:

Install-Package IronPdf

Construcción de la interfaz de usuario

Ahora avancemos y construyamos la interfaz de usuario (UI) para esta aplicación. El archivo MainPage.xaml servirá como la página de inicio. Tendrá un botón para abrir el archivo PDF y etiquetas para mostrar el nombre del archivo seleccionado y su contenido.

Continuemos con la creación de la interfaz de usuario:

Abre el archivo MainPage.xaml: Este archivo contiene el diseño de la página principal. Puedes encontrar este archivo en la carpeta de Páginas en el Explorador de Soluciones.

Define el diseño: Vamos a usar un control <ScrollView> que permite al usuario desplazarse por los contenidos de la página cuando no puede caber completamente en la pantalla. Dentro del ScrollView, usaremos un <StackLayout> para apilar nuestros controles verticalmente. Dentro del StackLayout, tenemos tres controles <Frame>. Cada marco se usa para mantener una sección distinta de nuestra página, proporcionando una apariencia ordenada y organizada.

Agregar controles: El primer marco tiene un <VerticalStackLayout> que contiene una Etiqueta y un Botón. La etiqueta muestra el nombre de la aplicación, y el botón permite al usuario abrir un archivo PDF. El atributo de clic se asigna al método OpenAndReadFile que se definirá más adelante en el archivo code-behind.

<VerticalStackLayout
    Spacing="25"
    Padding="30,0"
    VerticalOptions="Center">
    <Label
        Text="IronPDF MAUI Application"
        SemanticProperties.HeadingLevel="Level1"
        SemanticProperties.Description="IronPDF MAUI Application"
        FontSize="30"
        HorizontalOptions="Center"
        FontAttributes="Bold"

    />
    <Button
        x:Name="openFileBtn"
        Text="Open PDF File"
        SemanticProperties.Hint="Open PDF File"
        Clicked="OpenAndReadFile"
        HorizontalOptions="Center" />
</VerticalStackLayout>

<VerticalStackLayout
    Spacing="25"
    Padding="30,0"
    VerticalOptions="Center">
    <Label
        Text="IronPDF MAUI Application"
        SemanticProperties.HeadingLevel="Level1"
        SemanticProperties.Description="IronPDF MAUI Application"
        FontSize="30"
        HorizontalOptions="Center"
        FontAttributes="Bold"

    />
    <Button
        x:Name="openFileBtn"
        Text="Open PDF File"
        SemanticProperties.Hint="Open PDF File"
        Clicked="OpenAndReadFile"
        HorizontalOptions="Center" />
</VerticalStackLayout>

El segundo marco tiene un <HorizontalStackLayout> que contiene dos Etiquetas. La primera etiqueta es para mostrar el texto estático "Nombre del archivo seleccionado:", y la segunda etiqueta llamada fileName muestra el nombre del archivo seleccionado.

<HorizontalStackLayout
    Spacing="25"
    Padding="30,0"
    VerticalOptions="Center">
    <Label
        Text="Selected File Name: "
        SemanticProperties.HeadingLevel="Level2"
        SemanticProperties.Description="Selected File Name"
        FontSize="18"
        HorizontalOptions="Center"
        FontAttributes="Bold"
    />
    <Label
        x:Name="fileName"
        Text=""
        SemanticProperties.HeadingLevel="Level3"
        SemanticProperties.Description="Selected File Name"
        FontSize="18"
        HorizontalOptions="Center" 
     />
</HorizontalStackLayout>

<HorizontalStackLayout
    Spacing="25"
    Padding="30,0"
    VerticalOptions="Center">
    <Label
        Text="Selected File Name: "
        SemanticProperties.HeadingLevel="Level2"
        SemanticProperties.Description="Selected File Name"
        FontSize="18"
        HorizontalOptions="Center"
        FontAttributes="Bold"
    />
    <Label
        x:Name="fileName"
        Text=""
        SemanticProperties.HeadingLevel="Level3"
        SemanticProperties.Description="Selected File Name"
        FontSize="18"
        HorizontalOptions="Center" 
     />
</HorizontalStackLayout>

El tercer marco tiene un <VerticalStackLayout> que contiene dos Etiquetas. La primera etiqueta muestra el texto estático "Contenido del PDF", y la segunda etiqueta llamada content muestra el contenido del archivo PDF.

<VerticalStackLayout>
    <Label
        Text="PDF Content"
        SemanticProperties.HeadingLevel="Level2"
        FontSize="25"
        FontAttributes="Bold"
        HorizontalOptions="Center" 
    />
    <Label
        x:Name="content"
        FontSize="18"
        HorizontalTextAlignment="Start"
    />
</VerticalStackLayout>

<VerticalStackLayout>
    <Label
        Text="PDF Content"
        SemanticProperties.HeadingLevel="Level2"
        FontSize="25"
        FontAttributes="Bold"
        HorizontalOptions="Center" 
    />
    <Label
        x:Name="content"
        FontSize="18"
        HorizontalTextAlignment="Start"
    />
</VerticalStackLayout>

Tu MainPage.xaml final debería parecerse a esto:

<?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="IronPDF_Read_and_View.MainPage">
    <ScrollView>
        <StackLayout>
            <Frame>
                <VerticalStackLayout
                    Spacing="25"
                    Padding="30,0"
                    VerticalOptions="Center">
                    <Label
                        Text="IronPDF MAUI Application"
                        SemanticProperties.HeadingLevel="Level1"
                        SemanticProperties.Description="IronPDF MAUI Application"
                        FontSize="30"
                        HorizontalOptions="Center"
                        FontAttributes="Bold"

                    />
                    <Button
                        x:Name="openFileBtn"
                        Text="Open PDF File"
                        SemanticProperties.Hint="Open PDF File"
                        Clicked="OpenAndReadFile"
                        HorizontalOptions="Center" />
                </VerticalStackLayout>
            </Frame>
            <Frame>
                <HorizontalStackLayout
                        Spacing="25"
                        Padding="30,0"
                        VerticalOptions="Center">
                    <Label
                            Text="Selected File Name: "
                            SemanticProperties.HeadingLevel="Level2"
                            SemanticProperties.Description="Selected File Name"
                            FontSize="18"
                            HorizontalOptions="Center"
                            FontAttributes="Bold"

                        />
                    <Label
                            x:Name="fileName"
                            Text=""
                            SemanticProperties.HeadingLevel="Level3"
                            SemanticProperties.Description="Selected File Name"
                            FontSize="18"
                            HorizontalOptions="Center" 
                        />
                </HorizontalStackLayout>
            </Frame>
            <Frame>
                <VerticalStackLayout>
                    <Label
                            Text="PDF Content"
                            SemanticProperties.HeadingLevel="Level2"
                            FontSize="25"
                        FontAttributes="Bold"
                            HorizontalOptions="Center" 
                        />
                    <Label
                        x:Name="content"
                        FontSize="18"
                        HorizontalTextAlignment="Start"
                        />
                </VerticalStackLayout>
            </Frame>
        </StackLayout>
    </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="IronPDF_Read_and_View.MainPage">
    <ScrollView>
        <StackLayout>
            <Frame>
                <VerticalStackLayout
                    Spacing="25"
                    Padding="30,0"
                    VerticalOptions="Center">
                    <Label
                        Text="IronPDF MAUI Application"
                        SemanticProperties.HeadingLevel="Level1"
                        SemanticProperties.Description="IronPDF MAUI Application"
                        FontSize="30"
                        HorizontalOptions="Center"
                        FontAttributes="Bold"

                    />
                    <Button
                        x:Name="openFileBtn"
                        Text="Open PDF File"
                        SemanticProperties.Hint="Open PDF File"
                        Clicked="OpenAndReadFile"
                        HorizontalOptions="Center" />
                </VerticalStackLayout>
            </Frame>
            <Frame>
                <HorizontalStackLayout
                        Spacing="25"
                        Padding="30,0"
                        VerticalOptions="Center">
                    <Label
                            Text="Selected File Name: "
                            SemanticProperties.HeadingLevel="Level2"
                            SemanticProperties.Description="Selected File Name"
                            FontSize="18"
                            HorizontalOptions="Center"
                            FontAttributes="Bold"

                        />
                    <Label
                            x:Name="fileName"
                            Text=""
                            SemanticProperties.HeadingLevel="Level3"
                            SemanticProperties.Description="Selected File Name"
                            FontSize="18"
                            HorizontalOptions="Center" 
                        />
                </HorizontalStackLayout>
            </Frame>
            <Frame>
                <VerticalStackLayout>
                    <Label
                            Text="PDF Content"
                            SemanticProperties.HeadingLevel="Level2"
                            FontSize="25"
                        FontAttributes="Bold"
                            HorizontalOptions="Center" 
                        />
                    <Label
                        x:Name="content"
                        FontSize="18"
                        HorizontalTextAlignment="Start"
                        />
                </VerticalStackLayout>
            </Frame>
        </StackLayout>
    </ScrollView>
</ContentPage>

Cuando los usuarios presionan el botón "Abrir archivo PDF", se activará el método OpenAndReadFile. Este método se definirá en nuestro archivo MainPage.xaml.cs (code-behind). Nuestras etiquetas, fileName y content, mostrarán el nombre del archivo del archivo PDF seleccionado y el contenido del archivo PDF respectivamente.

El código detrás de MainPage.xaml.cs

La lógica de la aplicación reside en el archivo MainPage.xaml.cs, también conocido como el archivo code-behind. Aquí definimos el método OpenAndReadFile que es responsable de abrir el selector de archivos, permitiendo al usuario seleccionar un archivo PDF, extraer el contenido del archivo PDF seleccionado, y mostrarlo en la interfaz de usuario.

Abre MainPage.xaml.cs: Encuentra este archivo en el Explorador de Soluciones en la carpeta de Páginas. Aquí es donde agregaremos nuestro método.

Agregar el campo filePath: En la parte superior de la clase MainPage, declara un campo string llamado filePath. Usaremos este campo para almacenar la ruta del archivo seleccionado.

string filePath = string.Empty;

string filePath = string.Empty;

IRON VB CONVERTER ERROR developers@ironsoftware.com

Inicializa los componentes: En el constructor MainPage, llama al método InitializeComponent. Este método se llama automáticamente para inicializar la página y sus controles.

public MainPage()
{
    InitializeComponent();
}

public MainPage()
{
    InitializeComponent();
}

IRON VB CONVERTER ERROR developers@ironsoftware.com

Implementa el método OpenAndReadFile: Este método está marcado como async porque vamos a usar la palabra clave await dentro de él. El método FilePicker.PickAsync se usa para abrir el selector de archivos. Cuando el usuario selecciona un archivo, el nombre del archivo se almacena en la etiqueta fileName, y la ruta del archivo en el campo filePath. La biblioteca IronPDF se usa para abrir el documento PDF y extraer todo el texto de él. El texto extraído se asigna luego a la etiqueta de contenido.

private async void OpenAndReadFile(object sender, EventArgs e)
{
    FileResult result = await FilePicker.PickAsync();
    fileName.Text = result.FileName;
    filePath = result.FullPath;

    IronPdf.License.LicenseKey = "Your-License-Key";

    // Read PDF File
    var document = PdfDocument.FromFile(filePath);
    var pdfContent = document.ExtractAllText();
    content.Text = pdfContent;
}

private async void OpenAndReadFile(object sender, EventArgs e)
{
    FileResult result = await FilePicker.PickAsync();
    fileName.Text = result.FileName;
    filePath = result.FullPath;

    IronPdf.License.LicenseKey = "Your-License-Key";

    // Read PDF File
    var document = PdfDocument.FromFile(filePath);
    var pdfContent = document.ExtractAllText();
    content.Text = pdfContent;
}

Private Async Sub OpenAndReadFile(ByVal sender As Object, ByVal e As EventArgs)
	Dim result As FileResult = Await FilePicker.PickAsync()
	fileName.Text = result.FileName
	filePath = result.FullPath

	IronPdf.License.LicenseKey = "Your-License-Key"

	' Read PDF File
	Dim document = PdfDocument.FromFile(filePath)
	Dim pdfContent = document.ExtractAllText()
	content.Text = pdfContent
End Sub

El método OpenAndReadFile ahora está completo. Se activará cuando el usuario haga clic en el botón Abrir archivo PDF. Necesitas reemplazar "Your-License-Key" con tu verdadera clave de licencia de IronPDF.

Aquí está el código completo:

using IronPdf;

public partial class MainPage : ContentPage
{
    string filePath = string.Empty;

    public MainPage()
    {
        InitializeComponent();
    }

    private async void OpenAndReadFile(object sender, EventArgs e)
    {
        FileResult result = await FilePicker.PickAsync();
        fileName.Text = result.FileName;
        filePath = result.FullPath;
        IronPdf.License.LicenseKey = "Your-License-Key";

        // Read PDF File
        var document = PdfDocument.FromFile(filePath);
        var pdfContent = document.ExtractAllText();
        content.Text = pdfContent;
    }
}

using IronPdf;

public partial class MainPage : ContentPage
{
    string filePath = string.Empty;

    public MainPage()
    {
        InitializeComponent();
    }

    private async void OpenAndReadFile(object sender, EventArgs e)
    {
        FileResult result = await FilePicker.PickAsync();
        fileName.Text = result.FileName;
        filePath = result.FullPath;
        IronPdf.License.LicenseKey = "Your-License-Key";

        // Read PDF File
        var document = PdfDocument.FromFile(filePath);
        var pdfContent = document.ExtractAllText();
        content.Text = pdfContent;
    }
}

Imports IronPdf

Partial Public Class MainPage
	Inherits ContentPage

	Private filePath As String = String.Empty

	Public Sub New()
		InitializeComponent()
	End Sub

	Private Async Sub OpenAndReadFile(ByVal sender As Object, ByVal e As EventArgs)
		Dim result As FileResult = Await FilePicker.PickAsync()
		fileName.Text = result.FileName
		filePath = result.FullPath
		IronPdf.License.LicenseKey = "Your-License-Key"

		' Read PDF File
		Dim document = PdfDocument.FromFile(filePath)
		Dim pdfContent = document.ExtractAllText()
		content.Text = pdfContent
	End Sub
End Class

Ejecución de la aplicación

Ahora que hemos configurado exitosamente la interfaz de usuario y definido el comportamiento de la aplicación, es hora de ver nuestra aplicación en acción.

Iniciar la aplicación: Para ejecutar la aplicación, puedes presionar F5 en tu teclado o hacer clic en el botón verde 'Iniciar depuración' en la barra de herramientas en la parte superior de Visual Studio. Asegúrate de que el dispositivo de destino correcto o el emulador esté seleccionado en el menú desplegable junto al botón 'Iniciar depuración'.

Usar la aplicación: Una vez que la aplicación se inicia, verás una pantalla con el título "Aplicación IronPDF MAUI" y un botón etiquetado como "Abrir archivo PDF".

 La interfaz de usuario de la aplicación IronPDF MAUI

Abrir un archivo PDF: Haz clic en el botón "Abrir archivo PDF". Esto abrirá un selector de archivos, permitiéndote navegar y seleccionar un archivo PDF desde tu dispositivo o emulador.

 Diálogo de selección de archivo

Ver el contenido: Al seleccionar un archivo PDF, el nombre del archivo se mostrará bajo "Nombre del archivo seleccionado:", y el contenido del archivo PDF seleccionado se mostrará bajo "Contenido del PDF".

 Mostrar contenido del PDF desde el archivo PDF seleccionado

Ten en cuenta que si el archivo PDF seleccionado es muy grande, podría tardar unos segundos en extraer y mostrar el texto. Además, recuerda que el formato del texto extraído podría no coincidir exactamente con el diseño original del archivo PDF, ya que los detalles del método ExtractAllText extraen el contenido de texto incrustado.

Conclusión

Este tutorial demostró cómo construir una aplicación .NET MAUI usando la biblioteca IronPDF para extraer y mostrar el contenido del texto de un archivo PDF. Este proyecto es un gran ejemplo de cuán poderosos y versátiles son .NET MAUI y la biblioteca IronPDF al trabajar con archivos PDF en tus aplicaciones.

Además de extraer textos e imágenes en archivos PDF, la biblioteca IronPDF también soporta una amplia gama de funcionalidades, incluyendo interactuar con formularios PDF, dividir archivos PDF, rasterizar páginas PDF en imágenes, autenticación detrás de formularios de inicio de sesión HTML, personalización de encabezados y pies de página en documentos PDF, así como soportar archivos CSS para archivos PDF perfectos por píxel.

IronPDF es un producto comercial con funcionalidades robustas para la manipulación de PDF, y ofrece una prueba gratuita de IronPDF para que pruebes sus capacidades. Si encuentras que el producto es beneficioso para tus necesidades de desarrollo y decides usarlo para producción, los planes de licencia comienzan desde $799.