Робота з PDF за допомогою SkiaSharp у Xamarin Forms

8 Березня 2024 в 17:11 25

Розробка мобільних додатків за допомогою Xamarin Forms відкриває безліч можливостей, але іноді зустрічаються завдання, які вимагають специфічних рішень. Одним з таких завдань є відображення вмісту PDF на полотні у додатку. SkiaSharp, потужна бібліотека для рендерингу векторної графіки, може стати в пригоді для вирішення цієї задачі.
SkiaSharp дозволяє працювати з графікою на рівні векторів, що дає можливість відображати PDF-файли на полотні за допомогою Xamarin Forms. Однак, цей процес може здаватися складним для тих, хто не має достатнього досвіду з SkiaSharp. Для успішного відображення PDF на полотні потрібно виконати кілька кроків.
Основні етапи відображення PDF на полотні за допомогою SkiaSharp у Xamarin Forms включають:
1. Завантаження PDF-файлу у додаток.
2. Використання SkiaSharp для відтворення сторінок PDF на полотні.
3. Налаштування відображення і взаємодії з вмістом PDF на полотні.
Ось приблизний код, який демонструє цей процес:

using SkiaSharp;
using SkiaSharp.Views.Forms;
using System.IO;
public class PdfCanvasPage : ContentPage
{
    public PdfCanvasPage()
    {
        // Завантаження PDF-файлу
        byte[] pdfData = LoadPdfFile("example.pdf");
        
        // Відображення PDF на полотні
        SKCanvasView canvasView = new SKCanvasView();
        canvasView.PaintSurface += (sender, e) =>
        {
            SKSurface surface = e.Surface;
            SKCanvas canvas = surface.Canvas;
            // Розбивка PDF-файлу на сторінки
            using (SKDocument document = SKDocument.CreatePdfStream(surface, pdfData))
            {
                using (SKPaint paint = new SKPaint())
                {
                    // Відтворення кожної сторінки PDF на полотні
                    foreach (SKDocumentPage page in document.Pages)
                    {
                        // Отримання зображення сторінки
                        SKImage pageImage = page.Render();
                        
                        // Відображення зображення на полотні
                        canvas.DrawImage(pageImage, SKPoint.Empty, paint);
                    }
                }
            }
        };
        Content = canvasView;
    }
    // Метод для завантаження PDF-файлу з файлової системи
    private byte[] LoadPdfFile(string filename)
    {
        string filePath = Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.Personal), filename);
        return File.ReadAllBytes(filePath);
    }
}

using SkiaSharp;

using SkiaSharp.Views.Forms;

using System.IO;

public class PdfCanvasPage : ContentPage

{

public PdfCanvasPage()

{

// Завантаження PDF-файлу

byte[] pdfData = LoadPdfFile("example.pdf");

// Відображення PDF на полотні

SKCanvasView canvasView = new SKCanvasView();

canvasView.PaintSurface += (sender, e) =>

{

SKSurface surface = e.Surface;

SKCanvas canvas = surface.Canvas;

// Розбивка PDF-файлу на сторінки

using (SKDocument document = SKDocument.CreatePdfStream(surface, pdfData))

{

using (SKPaint paint = new SKPaint())

{

// Відтворення кожної сторінки PDF на полотні

foreach (SKDocumentPage page in document.Pages)

{

// Отримання зображення сторінки

SKImage pageImage = page.Render();

// Відображення зображення на полотні

canvas.DrawImage(pageImage, SKPoint.Empty, paint);

}

};

Content = canvasView;

}

// Метод для завантаження PDF-файлу з файлової системи

private byte[] LoadPdfFile(string filename)

{

string filePath = Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.Personal), filename);

return File.ReadAllBytes(filePath);

}

В даному прикладі створюється сторінка, на якій відображається PDF-файл у виді полотна за допомогою SkiaSharp. Перед використанням цього коду власний PDF-файл слід додати до проекту Xamarin Forms.
Незважаючи на те, що відображення PDF на полотні з допомогою SkiaSharp може здатися складним на перший погляд, цей підхід відкриває безліч можливостей для створення інтерактивного відображення вмісту PDF в мобільних додатках на базі Xamarin Forms.