新增元件至管道 adding-components-to-a-channel

元件是AEM (Adobe Experience Manager)體驗的基本元素。 您可以在AEM Screens專案中使用數個元件,並將其新增至您的頻道。

AEM Screens中的元件 components-in-aem-screens

AEM Screens提供不同的AEM元件,這些元件可用於畫面專案。

檢視AEM Screens元件 viewing-aem-screens-components

建立AEM Screens專案時,您會看到可新增至專案的預設元件清單。

若要檢視畫面專案的預設元件,請遵循下列步驟:

  1. 按一下通道。 例如, We.Retail In Store > 頻道 > 閒置頻道.

  2. 按一下 編輯 從動作列移除。

  3. 在AEM編輯器中,按一下 + 圖示來檢查自己的位置。

  4. AEM Screens專案中預設包含的所有元件都會顯示,如下圖所示。

screen_shot_2017-12-18at21350pm

新增元件 adding-a-new-component

AEM提供數個其他元件。 您一律可以新增其他元件(預設不包含)至專案,前提是這些元件與AEM Screens相容。

下列範例說明如何將Livefyre元件新增至AEM Screens專案:

  1. 按一下您要新增元件的管道。 例如, We.Retail In Store > 頻道 > 閒置頻道.

  2. 按一下 編輯 從動作列移除。

  3. 按一下 設計 模式。

  4. 按一下右側的整個設計編輯器,然後按一下設定符號,您就可以開啟 Parsys設計 對話方塊。

  5. 您可以按一下要匯入至AEM Screens專案的元件。 下列範例顯示新增的 Livefyre 元件至AEM Screens專案。

adding_components

NOTE
同樣地,您可以將與AEM Screens相容的任何其他新元件新增至專案。

瞭解AEM畫面元件 understanding-aem-screen-components

下節將說明您可在專案中使用的AEM Screens元件。

NOTE
若要檢視任何元件的屬性,請按一下元件,然後按一下槌子圖示以開啟/檢視屬性。

應用程式 application

應用 元件可讓您將應用程式新增至您的頻道。

應用程式元件具有下列屬性:

屬性
說明
應用程式路徑
按一下應用程式所在的絕對路徑。
持續時間(毫秒)
按一下應用程式的持續時間。 根據預設,持續時間設為–1,表示元素會永遠執行(即單頁應用程式)。 設定持續時間值>0,顯示指定持續時間的元素,然後移至下一個專案。

下列範例說明如何內嵌應用程式元件及其屬性的預覽:

adding_componentsapplication

NOTE
請參閱上述範例,檢視下列每個元件的屬性。

管道 channel

頻道 元件可讓您將整個管道新增至專案。

Channel元件具有以下屬性:

屬性
說明
頻道路徑
選取應用程式所在的絕對路徑。
持續時間(毫秒)
選取管道的整個期間。 將持續時間設為–1表示內嵌頻道在特定頻道中執行其完整長度。

內嵌頁面 embedded-page

一個 內嵌頁面 可讓您將內嵌頁面新增至專案。 例如,它可以是網頁應用程式或產品目錄。

內嵌頁面具有下列屬性:

屬性
說明
頁面路徑
選取此管道存在的絕對路徑。
持續時間(毫秒)
選取管道的整個期間。 將持續時間設為–1表示內嵌頻道在特定頻道中執行其完整長度。

內嵌順序 embedded-sequence

NOTE
若要深入瞭解內嵌序列,請參閱 內嵌順序 在「製作畫面」區段下。

內嵌序列可讓您在現有管道中新增內嵌序列管道(包含其他資產)。

內嵌序列具有下列頁面屬性:

屬性
說明
頻道路徑
選取您要包含在管道中的序列的絕對路徑。
持續時間(毫秒)
選取管道的整個期間。 將持續時間設為–1表示內嵌頻道在特定頻道中執行其完整長度。
策略
將其設為 原始單一. 將值設為 原始 表示子序號會在父序號的每個週期完全執行。 另一個可能的值是 單一. 這樣的值在每次執行時只會顯示一個子序列專案。 例如,第一個回圈上的第一個專案,以及第二個回圈上的第二個專案。

動態內嵌序列 dynamic-embedded-sequence

動態內嵌序列可讓您新增與上述類似的序列,但頻道角色除外。

若要深入瞭解內嵌序列,請參閱 內嵌順序 在「製作畫面」區段下。

動態內嵌序列具有以下屬性:

屬性
說明
頻道指定任務角色
輸入頻道角色。
持續時間(毫秒)
選取管道的整個期間。 將持續時間設為–1表示內嵌頻道在特定頻道中執行其完整長度。
策略
將其設為 原始單一. 將值設為 原始 表示子序號會在父序號的每個週期完全執行。 另一個可能的值是 單一. 這樣的值在每次執行時只會顯示子序列的一個專案。 例如,第一個回圈上的第一個專案,以及第二個回圈上的第二個專案。

體驗片段 experience-fragment

體驗片段可讓您將體驗片段(一或多個元件的群組,包括可在頁面中參考的內容和版面)新增到您的AEM Screens頻道。 將元件拖放至AEM編輯器並按一下體驗片段。

要瞭解有關如何建立體驗片段並將其套用至AEM Screens專案的詳細資訊,請參閱 使用體驗片段.

費用

屬性
說明
體驗片段
體驗片段
選取體驗片段。
持續時間
選取在頻道中播放的體驗片段的整個期間。
離線設定
使用者端資料庫
JavaScript和CSS檔案。
靜態檔案
您可以新增為體驗片段的離線設定的靜態檔案。
NOTE
使用者端資料庫靜態檔案 您從此元件新增的專案,除了已設定的專案 使用者端資料庫 以及從體驗片段新增的靜態檔案 屬性.

影像 image

影像可讓您將影像新增至色版。

影像資產有三個索引標籤,即 影像協助工具、和 序列

屬性
說明
影像
影像資產
按一下影像資產。
標題
影像標題。
連結至
新增影像的連結。
說明
影像的簡短說明。
大小
影像的大小。
協助工具
替代文字
影像的替代文字。
序列
持續時間
根據預設,持續時間設為 8000毫秒. 如果您想要變更影像的播放持續時間,請更新 持續時間 欄位。

切換 transition

「轉變」元件可讓您將轉變新增到您的Screens專案。

下圖顯示編輯器中的轉變元件(透過拖放方式新增)。

screen_shot_2019-07-25at104237am

按一下轉變圖示,然後按一下 設定 (扳手圖示)開啟 轉變 對話方塊。 此對話方塊包含三個索引標籤:

  • 轉變
  • 序列
  • 啟用
NOTE
依預設,順序會設為600毫秒。 您可以使用將轉變序列更新為其他值 序列 標籤。

轉變

轉場元件具有下列屬性:

屬性
說明
切換
類型

元素之前和之後之間的轉變型別。 轉變 型別 包含下列選項:

  • 一般
  • 淡化
  • 從右邊滑入
  • 從左邊滑入
  • 從頂端滑入
  • 從底部滑入
順序
持續時間
選取轉變的整個期間。 預設為600毫秒。
啟用
啟用開始日期
說明轉變何時生效的時間戳記。
啟用結束日期
時間戳記會提供說明,直到轉變可以啟動為止。
計劃
新增預先定義的排程。

影片 video

視訊元件可讓您將視訊新增至Screens專案。

視訊元件具有下列屬性:

屬性
說明
視訊資產
按一下視訊的連結。
持續時間
選取視訊的持續時間。 根據預設,持續時間設為–1,表示元素會永遠執行。 設定持續時間值>0,顯示指定持續時間的元素,然後移至下一個專案。
轉譯

如果視訊外觀比例不符合熒幕,您可以將演算調整為 contain封面.

包含 表示顯示完整視訊,並以黑色邊框填入遺失區域。

封面 這表示視訊涵蓋整個檢視區,但兩側溢位的部分會隱藏。

大小
視訊的大小。
recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053