云服务器价格_云数据库_云主机【优惠】最新活动-搜集站云资讯

云存储_神舟通用数据库_多少钱

小七 141 0

在最近的SAP角色实践者论坛上,我们看到了一个整洁的角色,它有一个独特的特性:标签。我想演示一种为你的人物角色添加类似用户界面的方法。

创造性分层

我做的第一件事就是在编辑器中创建一组脚本按钮,并给它们提供我们在大多数选项卡中看到的漂亮的圆边:

初始选项卡作为按钮

我使用对齐和分布工具来获得按钮在页面的同一水平面上呈一条漂亮的直线。我还把按钮做得比平时高了一点,因为我们将把下面的部分隐藏在一系列简单的容器后面。

每个按钮都有一个简单的容器,它的功能就像你用标签在页面之间切换一样。确保它们是堆叠的,而不是相互插入。我建议使容器的大小相同,因为它们将成为选项卡内容的工作区。

将容器移动到与脚本按钮下部重叠的位置。在这张图中,我计划使用蓝色选项卡作为默认值,因此我使用蓝色容器来确定我想要的选项卡页面的位置。一旦你决定了标签页应该在哪里,选择所有的脚本按钮,并使用"发送到后面"选项将它们的Z索引更改到后面(假设你没有任何层)。这会将脚本按钮主要放置在容器后面,您可以开始将它们视为选项卡。

选项卡容器

创建组后,使用"对齐对象"工具将其垂直和水平对齐,然后隐藏所有容器,淘客易,云计算与大数据,除了此处显示的默认值:

堆叠容器

脚本部分

现在我们进入脚本部分。我使用if/elseif语句交换可见的容器并突出显示所选的选项卡。我已经包括了关于剧本每一部分的笔记。可能有一个更容易/更漂亮的方法来做这件事,但这是一个快速和肮脏的演示我扔在一起,高防云服务器,以显示如何可以做到这一点。此脚本作为onClick执行分配给每个作为选项卡的脚本按钮。

结果

将ID设置为正确的对象,企业管理应用,移动大数据,并分配脚本后,您现在应该有基本的功能选项卡。不同的容器可以根据您的用例作为独特的视图,并填充选项卡特定的控件和信息。