元素設定參考

在範本設計工具中管理元素和圖層。

元素設定 標籤頁是管理範本結構的控制中心。在此，您可以在畫布上新增視覺元件，並管理現有元素的堆疊順序（圖層）。

新增元素

若要在範本中新增元件，只需點擊「新增元素」方格中的其中一個按鈕。新元素會出現在畫布上，並新增至 圖層 清單的頂部。

元素類型說明
文字標準文字區塊。可為靜態文字或對應至資料。
圖片靜態圖片（例如標誌、簽名）。
條碼從資料生成條碼（Code39、Code128 等）。
QR Code從資料生成 2D QR Code。
靜態表格固定方格，適用於標題或資訊方塊等版面配置。
分組表格動態表格，會遍歷交易資料。

圖層面板與 Z 軸順序

標籤頁底部的 圖層 清單會顯示目前頁面上的每個元素。此清單的順序決定 繪製順序（Z-Index） 和相對定位的 流動順序。

管理圖層

  • 選取：點擊圖層以選取該元素。
  • 重新排序：
    • 上箭頭（↑）：將元素在清單中上移（視覺效果：移至後方）。
    • 下箭頭（↓）：將元素在清單中下移（視覺效果：移至前方）。
  • 刪除：點擊 垃圾桶 圖示以移除元素。

瞭解 Z 軸順序（堆疊）

清單中元素的順序決定其堆疊順序（z-index）。

  • 清單頂部 = 先繪製（背景）
  • 清單底部 = 後繪製（前景）

如果兩個元素重疊（例如文字覆蓋在圖片上），在清單中 位置較低 的元素會 顯示在 清單中位置較高的元素 上方。

案例研究：相對定位與圖層順序

當您在 樣式設定 標籤頁中將元素的位置設為 相對 時，圖層順序 變得至關重要。

範例情境

假設您有兩個文字元素：

  1. 「報告標題」（靜態文字、大字型）
  2. 「日期」（變數文字、小字型）

您希望 日期 自動出現在 報告標題 的 下方，無論標題有多長。

正確設定

圖層順序：

  1. 報告標題（清單中第一個）
  2. 日期（清單中第二個）-> 設定位置：相對

結果： 日期 會查看它前面的元素（報告標題），計算標題的結束位置，並將自己定位在其正下方。

錯誤設定

圖層順序：

  1. 日期（清單中第一個）-> 設定位置：相對
  2. 報告標題（清單中第二個）

結果： 日期 沒有「前一個元素」（或參照頁面邊界），因此停留在頂部。報告標題 在日期之後繪製，可能與其重疊或出現在錯誤位置。