標題方框

線上編輯
包含單一視圖，並提供更多選項來定位視圖的標籤。
標題方框提供許多不同的標籤選項。 在此視圖中，您可以將標籤放置在任何視圖上的位置超過所包含的視圖所容許的位置。
附註: 如果在標題框中放置多個視圖，則會忽略除第一個以外的所有視圖，並將警告寫入主控台。

配置內容

在 配置下，設定或修改視圖的外觀和行為內容。

螢幕大小
在內容名稱旁具有「畫面大小」圖示 螢幕大小圖示 的配置內容，每一個畫面大小可以有不同的值。 如果您未設定值，則畫面大小會繼承下一個較大畫面大小的值作為其預設值。
佈景主題定義
佈景主題定義指定視圖的顏色和樣式，並決定其外觀。 您可以在佈景主題編輯器中預覽視圖的外觀與操作方式。 請參閱 佈景主題。
下表顯示「標題」方框的外觀配置內容:
表 1. 標題框的外觀配置內容
外觀配置內容 說明 資料類型
寬度 螢幕大小圖示 指定標題框的寬度 (以像素、百分比或 em 為單位)。 例如: 50px 或 20% 或 0.4em。 如果只指定一個沒有任何單位的數字，則該數字會解譯為像素數目。 String
標籤放置 大畫面圖示 指定相對於所包含視圖的標籤位置: 頂端、 左、 底端或 右。

預設標籤放置是 頂端。

 String
標籤寬度 大畫面圖示 標籤的寬度。 您可以指定以 px (像素)、% (百分比) 或 em 為單位的寬度。 例如， 50px、20% 或 0.4em。 如果未指定單元類型，則會採用 px。 String
標籤水平對齊 指定標籤的水平對齊方式: 左、 置中或 右。

預設標籤水平對齊方式為 頂端。

 String
標籤垂直對齊 指定標籤的垂直對齊方式: 頂端、 中間或 底端。

預設標籤垂直對齊方式是 頂端。

 Integer
收縮至內容 指定標題方框是否應該收縮成所包含視圖的大小。

依預設，不會選取此內容。

 Boolean
顏色樣式 指定標籤的顏色樣式。 顏色對應於指定佈景主題中的變數。 String
標籤大小樣式 指定標籤的大小。 String
標籤粗細樣式 指定標籤的字型粗細。 String

範例

在此範例中，「文字區」視圖以巢狀方式放置在標題框內，並設定標題框視圖的下列外觀配置內容:

  • 標籤放置 設為 Right。
  • 標籤水平對齊 設為 Right。
  • 標籤垂直對齊: 設為 Middle。
  • 顏色樣式 設為 Warning。
  • 標籤大小樣式 設為 Large。
  • 標籤加權樣式 設為 Bold。

所有其他內容都會保留其預設值。

這些內容及其值會產生大且粗體字型的黃色標籤，位於文字區右側，在標題框內垂直置中。

事件

在 事件 內容中設定或修改公式配置內容及視圖的事件處理程式。 您可以將事件設為以程式化方式觸發，或在使用者與視圖互動時觸發。 如需如何定義及編碼事件的相關資訊，請參閱 使用者定義事件。
下表顯示「標題」方框的公式配置內容:
表 2. 標題框的公式配置內容
公式配置內容 說明 資料類型
標籤公式 使用公式表示式指定與視圖相關聯的標籤。

如需公式的相關資訊，請參閱 公式。

 String
標題方框具有下列類型的事件處理程式:
  • On load: 在載入視圖時啟動。

例如， On load 可以使用 .setLabelHorizontalAlignment、 .setVerticalAlignment或 .setLabelPlacement 方法來動態指定標籤位置。

方法

如需「標題」方框可用方法的詳細資訊，請參閱 「標題」方框 JavaScript API。

其他資源

如需如何建立 Coach 或頁面的相關資訊，請參閱 建置 Coach。
如需標準內容 (一般、 配置、 定位、 可見性及 HTML 屬性) 的相關資訊，請參閱 檢視內容。