LlosLab Software Development BlogEngineering notes for PDF, Delphi, and document software developers.

Fachartikel

Erstellen eines mehrseitigen PDF-Viewers mit kontinuierlichem Scrollen in Delphi

· PDF-Programmierung

Dieses Tutorial behandelt das Mehrseitenbetrachter Demo, das den grundlegenden PDF-Viewer um kontinuierliche Scroll-Funktionen erweitert. Dieser Anzeigemodus ähnelt der Art und Weise, wie moderne PDF-Reader wie Adobe Acrobat Dokumente anzeigen, und ermöglicht es Benutzern, nahtlos durch alle Seiten zu scrollen.

Überblick

Die Multi-Page Viewer-Demo zeigt erweiterte Anzeigemodi in PDFium VCL, einschließlich kontinuierlichem Scrollen auf einer Seite und kontinuierlichem Scrollen auf zwei Seiten (Buchmodus). Diese Funktionen sind für die Erstellung eines professionellen PDF-Leseerlebnisses unerlässlich.

Anzeigemodi

PDFium VCL unterstützt mehrere Anzeigemodi über die DisplayMode Eigenschaft:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
type
  TPdfDisplayMode = (
    dmSingleContinuous,  // Single page with continuous vertical scrolling
    dmDoubleContinuous   // Two pages side-by-side (book layout)
  );
 
// Switch between display modes
procedure TFormMain.ComboBoxDisplayModeChange(Sender: TObject);
begin
  case ComboBoxDisplayMode.ItemIndex of
    0: PdfView.DisplayMode := dmSingleContinuous;
    1: PdfView.DisplayMode := dmDoubleContinuous;
  end;
end;

Hauptmerkmale

  • Kontinuierliches Scrollen – Durchsuchen Sie alle Seiten, ohne seitenweise Navigation.
  • Doppelseitenmodus – Anzeigen von zwei Seiten nebeneinander, wie in einem physischen Buch.
  • Textauswahl über Seiten hinweg – Auswählen und Kopieren von Text, der sich über mehrere Seiten erstreckt.
  • Lesezeichen-Navigation – Sofortiges Springen zu Lesezeichen.
  • Suche mit Hervorhebung – Finden und hervorheben von Text im gesamten Dokument.
  • Tastaturnavigation – Unterstützung für Pfeiltasten, Seite auf/ab, Home/Ende.
  • Optimierte Leistung – Zeigt nur sichtbare Seiten für flüssiges Scrollen an.

PDFium-DLL-Anforderungen

Bevor Sie eine PDFium VCL-Anwendung ausführen, müssen Sie die PDFium-DLL-Dateien installieren. Die DLLs befinden sich im DLLs Ordner:

  • pdfium32.dll / pdfium64.dll – Standardversionen für die meisten Anwendungen.
  • pdfium32v8.dll / pdfium64v8.dll – Erweiterte Versionen mit V8 JavaScript-Engine.

Installation: Ausführen PDFiumVCL\DLLs\CopyDlls.bat Führen Sie die Installation als Administrator durch, um die DLLs in die Windows-Systemverzeichnisse zu kopieren. Unter 64-Bit-Windows werden 32-Bit-DLLs in SysWOW64 und 64-Bit-DLLs werden nach System32.

Einrichten der Komponente

Die Demo implementiert ein ausgeklügeltes Textauswahlsystem:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
procedure TFormMain.PdfViewMouseDown(Sender: TObject; Button: TMouseButton;
  Shift: TShiftState; X, Y: Integer);
var
  CharIndex: Integer;
begin
  if Button = mbLeft then
  begin
    // Get character index at click position
    CharIndex := GetPreciseCharacterIndex(X, Y);
    
    if CharIndex >= 0 then
    begin
      SelectionMode := True;
      Selecting := True;
      SelectionStart := CharIndex;
      SelectionEnd := CharIndex;
    end;
  end;
end;
 
procedure TFormMain.PdfViewMouseMove(Sender: TObject; Shift: TShiftState;
  X, Y: Integer);
var
  CharIndex: Integer;
begin
  if Selecting then
  begin
    CharIndex := GetPreciseCharacterIndex(X, Y);
    if CharIndex >= 0 then
    begin
      SelectionEnd := CharIndex;
      PdfView.Invalidate; // Redraw to show selection
    end;
  end;
end;

Zeichenindexerkennung

Für eine präzise Textauswahl verwendet die Demo zoomfähige Toleranz zur Zeichenerkennung:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
function TFormMain.GetPreciseCharacterIndex(X, Y: Integer): Integer;
var
  BaseTolerance: Single;
  ZoomFactor: Single;
  AdjustedTolerance: Single;
  CharIndex: Integer;
begin
  Result := -1;
  
  if not PdfView.Active then
    Exit;
    
  // Calculate dynamic tolerance based on zoom level
  ZoomFactor := PdfView.Zoom;
  BaseTolerance := 5.0;
  
  // Adjust tolerance inversely to zoom
  AdjustedTolerance := BaseTolerance / ZoomFactor;
  
  // Get character at position with tolerance
  CharIndex := PdfView.CharacterIndexAtPos(X, Y,
    AdjustedTolerance, AdjustedTolerance);
    
  Result := CharIndex;
end;

Ausgewählten Text hervorheben

Die Demo zeigt Hervorhebungen in der OnPaint Ereignis:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
procedure TFormMain.PdfViewPaint(Sender: TObject);
var
  I, StartIdx, EndIdx: Integer;
  Rect: TPdfRectangle;
  R: TRect;
begin
  if (SelectionStart >= 0) and (SelectionEnd >= 0) then
  begin
    StartIdx := Min(SelectionStart, SelectionEnd);
    EndIdx := Max(SelectionStart, SelectionEnd);
    
    // Draw highlight for each character in selection
    for I := StartIdx to EndIdx do
    begin
      Rect := PdfView.CharacterRectangle[I];
      
      // Convert PDF coordinates to screen coordinates
      if PdfView.PageToDevice(
        Rect.Left, Rect.Top,
        PdfView.Left, PdfView.Top,
        PdfView.Width, PdfView.Height,
        PdfView.Rotation, R.Left, R.Top) then
      begin
        // Draw highlight rectangle
        PdfView.Canvas.Brush.Color := clHighlight;
        PdfView.Canvas.Brush.Style := bsSolid;
        PdfView.Canvas.FillRect(R);
      end;
    end;
  end;
end;

Ausgewählten Text in die Zwischenablage kopieren

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
procedure TFormMain.MenuItemCopyClick(Sender: TObject);
var
  StartIdx, EndIdx: Integer;
  SelectedText: string;
begin
  if (SelectionStart >= 0) and (SelectionEnd >= 0) then
  begin
    StartIdx := Min(SelectionStart, SelectionEnd);
    EndIdx := Max(SelectionStart, SelectionEnd);
    
    // Set page number for text extraction
    Pdf.PageNumber := PdfView.PageNumber;
    
    // Extract text from selection range
    SelectedText := Pdf.Text(StartIdx, EndIdx - StartIdx + 1);
    
    // Copy to clipboard
    Clipboard.AsText := SelectedText;
  end;
end;

Suchfunktion

Textsuche mit Hervorhebung implementieren:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
procedure TFormMain.SpeedButtonSearchClick(Sender: TObject);
var
  SearchText: string;
  FoundIndex: Integer;
begin
  SearchText := EditSearch.Text;
  
  if SearchText = '' then
    Exit;
    
  // Find first occurrence
  FoundIndex := Pdf.FindFirst(SearchText, [], 0, True);
  
  if FoundIndex >= 0 then
  begin
    SearchStart := FoundIndex;
    SearchEnd := FoundIndex + Length(SearchText) - 1;
    PdfView.Invalidate; // Redraw to show highlight
  end
  else
    ShowMessage('Text not found');
end;

Seitenwechselereignis

Behandeln Sie Seitenänderungen, um UI-Elemente zu aktualisieren:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
procedure TFormMain.PdfViewPageChanged(Sender: TObject);
begin
  if PdfView.Active then
  begin
    // Update page indicator
    SpeedButtonPageNumber.Caption :=
      IntToStr(PdfView.PageNumber) + ' of ' + IntToStr(PdfView.PageCount);
    
    // Update navigation button states
    SpeedButtonFirstPage.Enabled := PdfView.PageNumber > 1;
    SpeedButtonPreviousPage.Enabled := PdfView.PageNumber > 1;
    SpeedButtonNextPage.Enabled := PdfView.PageNumber < PdfView.PageCount;
    SpeedButtonLastPage.Enabled := PdfView.PageNumber < PdfView.PageCount;
    
    // Update bookmark tree selection
    if not DisableBookmarks then
      UpdateBookmarkSelection(PdfView.PageNumber);
  end;
end;

Tastaturnavigation

Die Demo beherrscht Tastaturkürzel für die Navigation:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
procedure TFormMain.FormKeyDown(Sender: TObject; var Key: Word;
  Shift: TShiftState);
begin
  case Key of
    VK_ESCAPE:
      begin
        // Exit selection mode on Escape
        if SelectionMode then
        begin
          SelectionMode := False;
          SelectionStart := -1;
          SelectionEnd := -1;
          PdfView.Invalidate;
        end;
        Key := 0;
      end;
      
    VK_PRIOR, VK_UP, VK_LEFT:
      begin
        if SpeedButtonPreviousPage.Enabled then
          SpeedButtonPreviousPage.Click;
        Key := 0;
      end;
      
    VK_NEXT, VK_DOWN, VK_RIGHT:
      begin
        if SpeedButtonNextPage.Enabled then
          SpeedButtonNextPage.Click;
        Key := 0;
      end;
      
    VK_HOME:
      begin
        if SpeedButtonFirstPage.Enabled then
          SpeedButtonFirstPage.Click;
        Key := 0;
      end;
      
    VK_END:
      begin
        if SpeedButtonLastPage.Enabled then
          SpeedButtonLastPage.Click;
        Key := 0;
      end;
  end;
end;

Doppelseitige Navigation

Navigieren Sie im Doppelseitenmodus durch zwei Seiten gleichzeitig:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
procedure TFormMain.SpeedButtonNextPageClick(Sender: TObject);
begin
  if PdfView.DisplayMode = dmSingleContinuous then
    PdfView.PageNumber := PdfView.PageNumber + 1
  else
    PdfView.PageNumber := PdfView.PageNumber + 2;
end;
 
procedure TFormMain.SpeedButtonPreviousPageClick(Sender: TObject);
begin
  if PdfView.DisplayMode = dmSingleContinuous then
    PdfView.PageNumber := PdfView.PageNumber - 1
  else
    PdfView.PageNumber := PdfView.PageNumber - 2;
end;

Abschluss

Die Multi-Page Viewer-Demo zeigt, wie Sie einen funktionsreichen PDF-Reader mit kontinuierlichem Scrollen, Textauswahl und Suchfunktion erstellen. Dies sind die Funktionen, die Benutzer von modernen PDF-Anzeigeanwendungen erwarten.

PDFium VCL übernimmt das komplexe Rendering und die Textextraktion, während Sie sich auf die Benutzeroberfläche und anwendungsspezifische Funktionen konzentrieren. Das Ergebnis ist ein reibungsloses, reaktionsschnelles PDF-Anzeigeerlebnis, das mit kommerziellen PDF-Readern mithalten kann.

Erhalten PDFium VCL-Komponente auf loslab.com und beginnen Sie noch heute mit der Entwicklung professioneller PDF-Anwendungen in Delphi.