- 開發使用指南概觀
- 開發人員簡介
- 平台
- 元件
- 無頭式體驗管理
- 開發工具
- 個性化
- 延AEM伸
- 測試
- 最佳作法
- 行動網路
移轉至Touch UI
從6.0版開始，Adobe Experience Manager(AEM)推出新的使用者介面，稱為觸控式UI（也稱為觸控式UI）。 它符合Adobe Marketing Cloud和Adobe用戶介面的總體准則。 這已成為傳統案頭導AEM向介面的標準UI，稱為傳統UI。
如果您已搭配使用AEM傳統UI，則需要採取行動來移轉您的例項。 本頁提供個別資源的連結，以做為跳板。
注意
此類移轉專案可能會對您的執行個體產生重大影響。 如需建議的准則，請參閱管理專案——最佳實務。
The Basics
移轉時，您應注意到傳統UI和觸控UI之間的下列（主要）差異：
| 傳統 UI | 觸控式UI |
在JCR儲存庫中將其描述為節點的結構。 每個代表UI元素的節點都稱為ExtJS Widget，並由ExtJS在用戶端上呈現。 |
在JCR儲存庫中也將其描述為節點結構。 不過，在此範例中，每個節點都會參照Sling資源類型（Sling元件），負責其演算。 因此，UI（基本上）是在伺服器端轉換。 |
|
sling:resourceType
|
對話框節點：
|
對話框節點：
|
Javascript位置：
|
Javascript位置：
|
事件處理：
|
事件處理：
|
由用戶端完成演算：
|
由伺服器完成演算：
|
換言之，將UI的區段從傳統UI移轉至觸控UI意味著將ExtJS Widget移植至Sling元件。 為方便使用，觸控UI是以Granite UI架構為基礎，此架構已針對UI提供一些Sling元件（稱為Granite UI元件）。
開始之前，請檢查狀態和相關建議：
開發觸控式UI的基本功能將提供穩固的基礎：
移轉頁面編寫
對話方塊是移轉元件時的主要因素：
-
開發AEM元件 （使用觸控式UI）
-
Meduration Tools —— 協助您將傳統UI元件的對話方塊轉換為觸控UI
- 觸控UI中有相容層，可在「觸控UI包裝函式」中開啟傳統UI對話方塊，但功能有限，長期而言不建議使用。
-
自訂頁面編寫 （使用啟用觸控的UI）
遷移控制台
您也可以自訂控制台：
- 自訂控制台 （適用於觸控式UI）
相關注意事項
雖然與移轉至觸控式使用者介面並非直接相關，但有一些相關問題值得同時考慮，因為這些問題也是建議的作法：
注意
另請參閱開發——最佳實踐。
其他資源
有關開發的完整信AEM息，請參閱以下資源收集：
注意
現代AEM化工具是社群努力，不受Adobe支援或保證。
本頁內容
