設計工具介面

建立 PDF 版面配置、管理頁面設定和資料繫結的核心工作區。

範本設計工具 是建立 PDF 範本的核心工作區。它提供視覺化畫布用於配置元素、一組完整的設定標籤頁用於控制資料和邏輯，以及預覽工具。

畫布

畫布 是您的主要工作區，代表您正在設計的頁面。

自動縮放行為

畫布會自動縮放以適應您的視窗大小。

  • 長寬比：視覺呈現會維持頁面設定的正確長寬比（例如 A4）。
  • 視覺縮放：雖然畫布可能因螢幕大小而顯得較小或較大，但所有元素（文字大小、圖片等）都會按比例縮放。
  • 精確度：畫面上的預覽在版面配置和比例方面視覺上是精確的，即使實際大小並非 1:1。

選取與導覽

  • 選取元素：在畫布上點擊元素即可選取它，並自動將右側面板切換至 樣式設定 標籤頁。
  • 取消選取：點擊畫布的空白區域即可取消選取目前元素，並將面板切換回 元素設定 標籤頁（或先前啟用的一般標籤頁）。

線框模式

您可以使用頂部工具列的下拉選單，在 預覽模式（標準檢視）和 線框模式 之間切換。

何時使用線框模式

  1. 效能：如果您有許多重量級元素（高解析度圖片、複雜表格），切換至線框模式可大幅改善回應速度。
  2. 版面配置驗證：它將所有元素替換為輕量級的占位方塊，讓您更容易看到精確的邊界和對齊方式，而不受視覺干擾。
  3. 尋找「遺失」的元素：如果文字元素為空或隱藏在另一個圖層後方，在預覽模式中可能看不到。線框模式會將所有元素顯示為方塊，幫助您定位並選取它們。

預覽 PDF

點擊頂部工具列的 預覽 PDF 按鈕，會根據您目前的設計生成一個暫時的 PDF。

運作方式

  1. 引擎會儲存您目前的範本狀態。
  2. 使用正式的 PDF 生成引擎生成真正的 PDF 檔案。
  3. 在系統預設的 PDF 檢視器中開啟該檔案。

限制

  • 單一變數：預覽會嘗試使用 CSV/Excel 資料的 第一列（如果已對應）。如果未對應，則使用占位值（例如 [InvoiceNo]）。
  • 分組表格：預覽 無法 遍歷真實的交易清單。它會為分組表格使用虛擬資料或單一列。您不會在預覽 PDF 中看到完整的多頁清單。

設定標籤頁

設計工具右側面板包含五個關鍵標籤頁，控制範本的各個面向：

標籤頁說明
頁面設定設定頁面大小（A4、B5 等）、方向和邊界等全域設定。
資料設定連接 CSV/Excel 資料來源、定義計算欄位和對應變數。
元素設定在畫布上新增物件（文字、圖片、表格）並管理圖層順序。
樣式設定自訂目前選取元素的外觀（位置、字型、邊框）。
郵件內容設定使用動態變數設定郵件主旨、本文和附件。