摘要：
作为本教程的最后一步，我们将改进应用程序的可访问性。 为此，我们将添加ARIA属性。屏幕阅读器使用ARIA属性识别应用程序结构并正确解释UI元素。通过这种方式，我们可以让我们的应用程序对那些使用电脑有限的用户更容易访问，例如视障人士。这里的主要目标是让我们的应用程序能够让尽可能多的人使用。 提示：A
阅读全文
posted @ 2018-12-11 18:04
ricoo
阅读(325)
推荐(0)
编辑
摘要：
在本演练教程的这一步中，我们将根据用户的设备调整内容密度。SAPUI5包含不同的内容密度，允许您为支持触摸的设备显示更大的控件，为鼠标操作的设备显示更小、更紧凑的设计。在我们的app中，我们将检测设备并相应地调整密度。 Preview The content density is compact o
阅读全文
posted @ 2018-12-11 17:50
ricoo
阅读(489)
推荐(0)
编辑
摘要：
现在，我们根据运行应用程序的设备配置控件的可见性和属性。通过使用sap.ui。设备API和定义一个设备模型，我们将使应用程序在许多设备上看起来很棒。 Preview On phone devices, the panel is collapsed to save screen space and a
阅读全文
posted @ 2018-12-11 17:48
ricoo
阅读(287)
推荐(0)
编辑
摘要：
在这一步中，我们将改进应用程序的响应能力。SAPUI5应用程序可以在手机、平板电脑和桌面设备上运行，我们可以对应用程序进行配置，以便为每个场景充分利用屏幕空间。幸运的是，SAPUI5控件类似于sap.m.Table已经提供了许多我们可以使用的特性。 Preview A responsive tabl
阅读全文
posted @ 2018-12-11 17:44
ricoo
阅读(247)
推荐(0)
编辑
摘要：
在这一步中，我们将使用自定义控件扩展SAPUI5的功能。我们希望对详细页面上显示的产品进行评级，因此我们使用SAPUI5扩展机制创建了多个标准控件的组合，并添加了一些粘合代码以使它们能够很好地一起工作。这样，我们可以在整个应用程序中重用控件，并将所有相关功能保存在一个模块中。 Preview A c
阅读全文
posted @ 2018-12-11 17:23
ricoo
阅读(382)
推荐(0)
编辑
摘要：
现在我们可以导航到细节页面并显示发票，但是还不能回到概览页面。我们将向细节页面添加一个back按钮，并实现一个函数，再次显示概述页面。 Preview A back button is now displayed on the detail page Coding You can view and
阅读全文
posted @ 2018-12-11 17:14
ricoo
阅读(308)
推荐(0)
编辑
摘要：
现在我们可以在overview和detail页面之间导航，但是我们在overview中选择的实际项目还没有显示在detail页面上。我们的应用程序的一个典型用例是在详细信息页面上显示所选项目的附加信息。 为了完成这项工作，我们必须将选择的项目的信息传递到细节页面，并在那里显示该项目的细节。 Prev
阅读全文
posted @ 2018-12-11 17:11
ricoo
阅读(372)
推荐(0)
编辑
摘要：
到目前为止，我们已经把所有的应用程序内容放在一个页面上。随着我们添加越来越多的特性，我们希望将内容拆分并将其放在不同的页面上。 在这一步中，我们将使用SAPUI5导航特性加载并显示一个单独的详细信息页面，稍后我们可以使用该页面显示发票的详细信息。在前面的步骤中，我们直接在app视图中定义了页面，以便
阅读全文
posted @ 2018-12-11 17:09
ricoo
阅读(432)
推荐(0)
编辑
摘要：
虽然我们在前面的步骤中添加了一个基本的测试覆盖率，但是我们似乎不小心破坏了我们的应用程序，因为它不再显示价格到我们的发票上。我们需要调试这个问题，并在有人发现之前修复它。 幸运的是，SAPUI5提供了一些调试工具，我们可以在应用程序中使用它们来检查应用程序逻辑，而现代浏览器的开发工具也相当不错。我们
阅读全文
posted @ 2018-12-11 17:04
ricoo
阅读(654)
推荐(0)
编辑
