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

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

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

AEM Screens提供可在Screens專案中使用的不同AEM元件。

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

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

若要檢視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 Design ​對話方塊。

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

正在新增_元件

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

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

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

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

應用程式 application

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

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

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

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

正在新增_componentsapplication

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

管道 channel

頻道 ​元件可讓您將整個頻道新增到專案。

Channel元件具有以下屬性:

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

內嵌頁面 embedded-page

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

內嵌頁面具有下列屬性:

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

內嵌順序 embedded-sequence

NOTE
若要深入瞭解內嵌順序,請參閱「編寫Screens」一節中的內嵌順序

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

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

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

動態內嵌序列 dynamic-embedded-sequence

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

若要深入瞭解內嵌序列,請參閱「編寫Screens」一節中的內嵌序列

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

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

體驗片段 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,顯示指定持續時間的專案,然後移至下一個專案。
轉譯

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

包含 表示已顯示完整視訊,而遺漏的區域已填入黑色邊框。

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

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