java - AEM 中的 parsys 组件和响应式布局有什么区别

Question

我意识到我可以将 parsys 组件包含到页面中，以允许内容作者在该位置添加组件。现在，当我阅读有关响应式布局(responsivegrid)组件的内容时，似乎它也在做同样的事情？

我对差异、应该使用什么以及在什么情况下感兴趣。AEM 文档中有更多关于响应式布局的内容，然后是关于 parsys 的内容，因此如果有人能以简单的方式或通过一些示例向我解释这一点，我将不胜感激。

Answer 1

跨不同视口(viewport)的响应行为是 parsys 和布局容器之间的主要区别。

使用 parsys，您可以拖放组件，并且这些组件的位置在所有视口(viewport)中保持不变。以桌面视口(viewport)水平放置的图 block 组件为例，您希望它随着视口(viewport)减小而垂直堆叠，仅使用段落系统，您将需要 CSS 更改或像 Bootstrap 这样的响应式框架来实现此目的。

使用布局容器，您可以获得响应式功能 OOTB，您可以在布局模式下为不同视口(viewport)定义组件的位置。

我刚刚在这里演示了一个非常简单的示例，该组件加载了许多响应式功能。

示例内容 we.retail 项目有布局容器的示例，您可以将其用作引用，也 Adobe documentation关于这个主题的内容相当全面。