Cómo mostrar texto incrustado en PDF en .NET MAUI

Este es un tutorial que te guiará para mostrar texto incrustado en PDF en .NET MAUI usando IronPDF.

Interfaz de usuario de aplicaciones multiplataforma .NET (MAUI) simplifica el desarrollo de aplicaciones multiplataforma. Con la nueva y mejorada versión de Xamarin.Forms, los desarrolladores pueden crear apps para Android, iOS, macOS y Windows con un solo proyecto. Los archivos PDF, conocidos por conservar fuentes, imágenes y diseño, suelen gestionarse con esta tecnología.

En este contexto, la biblioteca IronPDF ofrece potentes funciones de gestión de PDF. Los desarrolladores pueden aprovechar la potencia de IronPDF para trabajar con texto incrustado sin esfuerzo, simplificando el proceso de generación y manipulación de archivos PDF al tiempo que se adhieren a la configuración predeterminada para una representación coherente.

Comprender la incrustación de texto y fuentes en PDF

El texto incrustado en PDF, o fuentes PDF, son entidades de texto incrustadas en un archivo PDF. Su importancia es crucial cuando se trata de garantizar la coherencia y la precisión de la representación en todas las aplicaciones de visualización de PDF, incluidas aplicaciones tan populares como Adobe InDesign. Al incrustar las fuentes en el documento PDF, se conservan las fuentes correctas, independientemente del tipo de aplicación de visualización de PDF que se utilice o de si la fuente específica está instalada en el dispositivo de visualización.

La incrustación de fuentes a veces puede aumentar el tamaño del documento PDF, pero es crucial para mantener el aspecto del documento original. La configuración de Adobe PDF suele determinar si las fuentes de un PDF están incrustadas o no.

Existen diferentes tipos de fuentes incrustadas en un documento PDF:

1. Fuentes incrustadas: Toda la fuente está incrustada en el documento.
2. Subconjunto de fuentes incrustadas: Sólo se incrusta un subconjunto de las fuentes utilizadas en el documento original.

3. Sin fuentes incrustadas: No hay fuentes incrustadas en el documento.

   En Adobe Acrobat, puede comprobar si las fuentes están incrustadas comprobando las propiedades del documento. Por defecto, las fuentes están incrustadas en un archivo PDF. Sin embargo, estos ajustes pueden modificarse con Adobe Acrobat Pro u otras herramientas similares.

   El término "PDF aplanado" se utiliza a menudo en el contexto de documentos PDF en los que se han incrustado todas las fuentes, lo que hace que el archivo sea autónomo y garantiza que tenga la misma apariencia en todos los sistemas y visores de PDF.

IronPDF C#

IronPDF es una potente biblioteca PDF de C# que permite a los desarrolladores generar, leer y editar archivos PDF en aplicaciones .NET. Puede generar archivos PDF a partir de HTML. Una función interesante de IronPDF es la posibilidad de trabajar con texto incrustado en archivos PDF. La posibilidad de incrustar fuentes en un archivo PDF es crucial para conservar el aspecto 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. Vamos a entender cómo mostrar texto incrustado en un PDF utilizando IronPDF en .NET MAUI.

Requisitos previos

Antes de empezar con el tutorial, asegúrate de que cumples los siguientes requisitos:

1. NET MAUI: El kit de herramientas de interfaz de usuario unificada de Microsoft que permite crear aplicaciones para Android, iOS, macOS y Windows con una única base de código compartida. Puedes descargar el .NET MAUI desde la web de Microsoft.
2. Estudio Visual 2022 (o más tarde): Un entorno de desarrollo integrado potente y fácil de usar (IDE) para la programación .NET. Puede descargar Visual Studio desde el sitio web de Microsoft. Asegúrese de que tiene las cargas de trabajo .NET MAUI instaladas en Visual Studio 2022.
3. Biblioteca IronPDF: Esta es una librería de procesamiento de PDF para .NET, y la usaremos para interactuar con los archivos PDF. Puede instalar IronPDF a través de NuGet, que es un gestor de paquetes para la plataforma de desarrollo de Microsoft.
4. Un archivo Adobe PDF: Para este tutorial, necesitaremos un archivo PDF.

Crear una aplicación .NET MAUI

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

Inicie Visual Studio 2022: Una vez iniciado, vaya a Archivo > Nuevo > Proyecto. En la ventana de plantilla de proyecto, selecciona .NET MAUI App y luego haz click en Next.

Crear una aplicación .NET MAUI en Visual Studio

Da un nombre a tu proyecto: En la siguiente ventana, tendrás que dar un nombre a tu proyecto. Llamémoslo IronPDF_Read_and_View. Elija una ubicación para guardar el proyecto y haga clic en Siguiente.

Configurar el proyecto

Seleccione .NET Framework en la lista desplegable. Seleccione el último .NET Framework para que el proceso sea fluido y haga clic en el botón "Crear**".

Selección del marco .NET

Instalar IronPDF

Después de crear la aplicación .NET MAUI, el siguiente paso es instalar la librería IronPDF. He aquí cómo hacerlo:

1. Abra el Gestor de paquetes NuGet: Vaya a Herramientas > Administrador de paquetes NuGet > Administrar paquetes NuGet para la solución.

   

    **Navega al Gestor de paquetes NuGet**

2. Buscar IronPDF: En la ventana abierta, haga clic en Buscar y escriba IronPdf en el cuadro de búsqueda.

   

    **Busque IronPDF en la interfaz de usuario del gestor de paquetes NuGet

3. Instale IronPDF: Una vez que vea IronPDF en los resultados de búsqueda, haga clic en él. Asegúrese de que la casilla de verificación de su proyecto en el panel derecho está marcada y, a continuación, haga clic en Instalar.

   Acepte cualquier solicitud de permisos o condiciones de uso que aparezca durante el proceso de instalación.

   También puede instalar IronPDF mediante la consola del gestor de paquetes NuGet utilizando el siguiente comando:

Install-Package IronPdf

Creación de la interfaz de usuario

Ahora vamos a construir la interfaz de usuario (INTERFAZ DE USUARIO) para esta aplicación. El archivo MainPage.xaml servirá como página de destino. Tendrá un botón para abrir el archivo PDF y etiquetas para mostrar el nombre del archivo seleccionado y su contenido.

Procedamos a crear la interfaz de usuario:

Abra el archivo MainPage.xaml: Este archivo contiene el diseño de la página principal. Encontrará este archivo en la carpeta Páginas del Explorador de soluciones.

Definir el diseño: Vamos a utilizar un <Scroll View> control que permite al usuario desplazarse por el contenido de la página cuando no cabe entero en la pantalla. Dentro de la vista de desplazamiento, utilizaremos un <Stack Layout> para apilar nuestros controles verticalmente. Dentro del Stack Layout, tenemos tres <Frame> controles. Cada marco se utiliza para sostener una sección distinta de nuestra página, proporcionando un aspecto ordenado y organizado.

Añadir 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. Al atributo Clicked se le asigna el métodoOpenAndReadFile` 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="opneFileBtn"
        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="opneFileBtn"
        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 llamadafileName` 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 `que contiene dos etiquetas. La primera etiqueta muestra el texto estático "Contenido PDF", y la segunda etiqueta, denominada "Contenido", 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 tener este aspecto:

<?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="opneFileBtn"
                        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="opneFileBtn"
                        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 pulsen el botón "Abrir archivo PDF", se activará el método OpenAndReadFile. Este método se definirá en nuestro MainPage.xaml.cs (código fuente) archivo. Nuestras etiquetas, fileName, y content, mostrarán el nombre del archivo PDF seleccionado y el contenido del archivo PDF respectivamente.

El código 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, responsable de abrir el selector de archivos, permitir al usuario seleccionar un archivo PDF, extraer el contenido del archivo PDF seleccionado y mostrarlo en la interfaz de usuario.

Abra MainPage.xaml.cs: Busque este archivo en el Explorador de soluciones en la carpeta Páginas. Aquí es donde añadiremos nuestro método.

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

string filePath = string.Empty;

string filePath = string.Empty;

IRON VB CONVERTER ERROR developers@ironsoftware.com

Inicializar 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 utiliza 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 utiliza para abrir el documento PDF y extraer todo el texto del mismo. A continuación, el texto extraído se asigna 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";

    //Leer archivo PDF
    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";

    //Leer archivo PDF
    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"

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

El método OpenAndReadFile ya está completo. Se activará cuando el usuario haga clic en el botón Abrir archivo PDF. Debe sustituir "Su-Clave-de-Licencia " por su clave de licencia IronPDF real.

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";

        //Leer archivo PDF
        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";

        //Leer archivo PDF
        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"

		'Leer archivo PDF
		Dim document = PdfDocument.FromFile(filePath)
		Dim pdfContent = document.ExtractAllText()
		content.Text = pdfContent

	End Sub
End Class

Ejecutar la aplicación

Ahora que hemos configurado con éxito la interfaz de usuario y definido el comportamiento de la aplicación, es el momento de ver nuestra aplicación en acción!

Iniciar la aplicación: Para ejecutar la aplicación, puedes pulsar F5 en el teclado o hacer clic en el botón verde "Iniciar depuración" de la barra de herramientas situada en la parte superior de Visual Studio. Asegúrese de seleccionar el dispositivo de destino o emulador correcto en el menú desplegable situado junto al botón "Iniciar depuración".

Utilizar la aplicación: Una vez iniciada la aplicación, verás una pantalla con el título "Aplicación IronPDF MAUI" y un botón llamado "Abrir archivo PDF".

La interfaz de usuario de la aplicación IronPDF MAUI

Abrir un archivo PDF: Haga clic en el botón "Abrir archivo PDF". Se abrirá un selector de archivos que te permitirá buscar y seleccionar un archivo PDF desde tu dispositivo o emulador.

Diálogo de selección de archivos

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

Visualizar el contenido PDF del archivo PDF seleccionado

Tenga en cuenta que si el archivo PDF seleccionado es muy grande, puede tardar unos segundos en extraer y mostrar el texto. Además, recuerde que el formato del texto extraído puede no coincidir exactamente con el diseño original del archivo PDF, ya que el ExtraerTodoTexto extrae el contenido del texto incrustado.

Conclusión

Este tutorial muestra cómo crear una aplicación .NET MAUI utilizando la biblioteca IronPDF para extraer y mostrar el contenido de texto de un archivo PDF. Este proyecto es un gran ejemplo de lo potentes y versátiles que son .NET MAUI y la biblioteca IronPDF a la hora de trabajar con archivos PDF en tus aplicaciones.

Además de extraer textos e imágenes en archivos PDF, la biblioteca IronPDF también admite una amplia gama de funcionalidades, entre las que se incluyen interactuar con las formasdividir archivos PDF, rasterización de páginas PDF a imágenes, autenticación tras formularios de acceso HTML personalización encabezados y pies de página además de admitir archivos CSS para archivos PDF perfectos en píxeles.

IronPDF es un producto comercial con una sólida funcionalidad para la manipulación de PDF, y ofrece un prueba gratuita para que pruebes sus capacidades. Si encuentra el producto beneficioso para sus necesidades de desarrollo y decide utilizarlo para producción, los planes de licencia comienzan desde $749.