简介
您的Web Dynpro ABAP应用程序（包括使用Floorplan Manager构建的应用程序）的UI并不总是满足您的确切要求，您必须相应地进行调整。
并且，作为管理员，您可以使用自定义UI进行这些UI调整。
直到最近，定制UI有很多功能，但不是最容易使用的。事情变了！从SAP®UI 7.54（适用于ABAP 1909）开始，有一个全新的用户界面可供定制。
此用户界面仅适用于用户界面指南FIORI。当然，调整后的应用程序也可以与其他指南一起使用。
新UI的亮点
调整UI和应用程序本身之间的清晰分离轻松导航到要更改的元素最重要的改变很容易做到撤消/重做功能立即保存
让我们用一个专门的例子，EPM演示应用程序来看看这个过程。
开始定制
首先要做的事…
您的系统必须发布SAP_UI 7.54，看云，又名1909。您拥有定制授权（请参阅SAP帮助门户网站上Web Dynpro ABAP配置框架文档中的"个性化和定制授权"主题）https://help.sap.com/viewer/9c02f1c9f89a49448c6b55b39f7121c4/201809.latest/en-US/47ced9edf5072fe2fee10000000a42189d.html).您正在测试或定制系统的定制客户机中工作。
因此，让我们开始…
运行Web Dynpro应用程序s\u EPM\u WD\u PO\u列表（您可以在Workbench（SE80）中找到它，它是Web Dynpro组件的一个子节点，大数据如何处理，具有相同的名称）。
您将看到应用程序没有按照FIORI准则显示，但是使用主题SAP\u TRADESHOW\u PLUS。通过在URL中添加"&SAP theme=SAP\u BELIZE"来更改它。现在看起来像是
打开右键菜单，选择"在定制模式下调用应用程序"。
为新的定制模式打开一个新的选项卡
请注意顶部的黑色工具栏。如果为用户打开了自定义请求，则会启用输入字段，您可以选择其中一个。或者进行自定义而不将其添加到传输请求中。按OK，工具栏将更改。
我们稍后将查看可见工具栏按钮的用途。
单击其中一个采购订单ID导航到详细信息视图。
隐藏一个简单的UI元素
我们要更改的第一件事是取消"打印预览"按钮。
打开预览按钮的上下文菜单，选择，"适应"，然后"隐藏"。完成！
顺便说一下，更改会自动保存。您可以在应用程序未处于自定义模式时返回选项卡进行检查，刷新并选择另一个采购订单。
隐藏组
同样，我们要隐藏"日期"组。同样的程序上的文字"日期"。
结果：
哦！这不是我们想做的！"Created"条目仍然存在！我们只隐藏了标题行。
首先，我们必须撤消此步骤。幸运的是，"撤消"按钮处于活动状态。按它！
现在，让我们再试一次。打开上下文菜单并选择"Adapt"。现在停下来仔细看看工具栏。
在左边有一些按钮。"Parent"按钮特别有用。按一次，检查组发生了什么
整个组周围有一个蓝色边框，自适应菜单标题为"组：…"。这就是我们想要隐藏的。所以，选择"隐藏"。现在整个组都不见了。
更改保存按钮
工具栏上有2个"保存"按钮。一个就够了，谢谢。我们决定只需要"保存并返回"功能，但只需要简单的"保存"文本。图标也应该像简单的"保存"按钮一样。
步骤1：重命名"保存并返回"按钮：
上下文菜单->调整->重命名->更改文本->勾选。完成。
要更改图标属性，必须使用"高级"对话框。如果您不知道图标源ID，只需从另一个按钮复制它。调整第二个"保存"按钮，切换到"高级"视图，打开"文本"面板并按下"图像源"按钮。现在您可以看到图标源。
复制源并单击对话框外部的某个位置关闭它，而不更改第二个按钮。现在调整第一个按钮。对话框已处于高级模式。打开"文本"面板和"图像源"字段并覆盖当前值。点击"完成"（勾选）按钮。按钮已更改，但对话框仍处于打开状态。
单击对话框外部的某个位置将其关闭。
现在有两个按钮具有相同的UI，但功能不同。把第二个藏起来。为此，请使用"后退"按钮返回简单对话框并按"隐藏"。
现在您有一个具有"保存并后退"功能的保存按钮。
样式设置
采购订单ID非常重要，因此我们希望以某种方式突出显示它。
打开"采购订单"文本视图的"高级"适配对话框。在"VisualPresentation"面板中，您将找到"StyleClass"属性。按它打开字段。打开字段的值帮助。
现在您看到文本视图的所有CSS样式可能性。
请注意，我们不保证更改的样式会真正影响字段，因为它们可能会被某些框架样式设置覆盖。这也取决于所使用的主题和/或指导原则。
