管理付费墙 UI 元素

选择模板后,其元素将显示在左侧面板中。使用此面板来整理付费墙上的元素。元素在付费墙上的显示顺序与左侧面板中的顺序一致。

本节介绍新版付费墙编辑工具,该工具适用于 iOS、Android 和 React Native SDK 3.0 及以上版本,以及 Flutter 和 Unity SDK 3.3.0 及以上版本。如需了解与 Adapty SDK v2.x 或更早版本兼容的旧版付费墙编辑工具,请参阅旧版付费墙编辑工具

添加元素

要在布局上方向付费墙添加元素:

  1. 点击左侧面板中的 Add Element 按钮。
  2. 选择要添加的元素。新元素将出现在 Footer 上方的列表中。
ee68985-PB_add_new_element.webp

要向复合元素添加元素:

  1. 点击复合元素旁的 Plus 按钮。
  2. 选择要添加的元素。
abbf9ef-PB_add_element.webp

重命名付费墙元素

要重命名元素:

  1. 点击左侧面板中的元素以打开其详细信息。
a5b26ba-edit_element.webp
  1. 点击右侧面板中的省略号按钮,选择 Edit 选项。

  2. 输入元素的新名称并按 Enter

复制元素

要复制元素:

  1. 点击左侧面板中的元素以打开其详细信息。
07e81d6-duplicate_element.webp
  1. 点击右侧面板中的省略号按钮,选择 Duplicate 选项。

复制的元素名称后会添加”Copy”,并作为原始元素的完整副本出现在左侧面板中。

移动元素

要移动元素:将元素拖放到布局上的新位置或复合元素中的新位置。

紫色线条表示元素的可用位置,红色线条表示不可访问的位置。

3c9252a-PB_move_between_layers.gif

隐藏/显示元素

即使您已经创建并配置了某个元素,也可以将其从付费墙中临时隐藏。如果您计划稍后添加该元素而不想丢失已完成的配置,这非常方便。隐藏元素后,付费墙看起来就像该元素从未被添加过一样,所有对齐方式和间距都会重新计算并重新绘制。

要隐藏元素:

  1. 点击左侧面板中的元素以打开其详细信息。

  2. 点击右侧面板中的省略号按钮,选择 Hide 选项。

pb-hide-element.webp

隐藏的元素会在主面板中以注释形式标记,如果您在左侧面板中选中它,也会显示标记。

pb-hidden-element.webp

要再次显示元素,点击右侧面板中的省略号按钮,选择 Show 选项。

删除元素

要从付费墙中删除元素:

  1. 点击左侧面板中的元素以打开其详细信息。
d6763f3-delete_element.webp
  1. 点击右侧面板中的省略号按钮,选择 Delete 选项。