摘要: 在此步骤中,我们将扩展重用概念,并在组件级别调用对话框。 在步骤16中,我们创建了一个对话框作为片段,以使其可跨视图或跨整个应用程序重用。但是我们将检索对话框实例和分别打开和关闭对话框实例的逻辑放置在HelloPanel视图的控制器中。坚持这种方法需要将代码复制并粘贴到需要对话框的每个视图的控制器中 阅读全文
posted @ 2018-12-11 16:14 ricoo 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 我们的对话框仍然是空的。因为SAPUI5附带了一个包含500多个图标的大图标字体,所以我们将在对话框打开时添加一个图标来问候用户。 Preview An icon is now displayed in the dialog box Coding You can view and download 阅读全文
posted @ 2018-12-11 16:10 ricoo 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 现在我们已经集成了对话框,是时候添加一些用户交互了。用户肯定希望在某个时候再次关闭对话框,因此我们添加一个按钮来关闭对话框并分配一个事件处理程序。 Preview The dialog now has an "OK" button Coding You can view and download a 阅读全文
posted @ 2018-12-11 16:08 ricoo 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 在这一步中,我们将进一步研究另一个可以用来组装视图的元素:the fragment。 片段是轻量级UI部件(UI子树),可以重用,但是没有任何控制器。这意味着,每当你想定义一个特定UI的一部分是跨多个视图重用,或者当你想交换部分视图对彼此在某些情况下(不同的用户角色,编辑模式vs只读模式),一个片段 阅读全文
posted @ 2018-12-11 15:51 ricoo 阅读(329) 评论(0) 推荐(0) 编辑
摘要: 我们的面板内容变得越来越复杂,现在是时候将面板内容移动到一个单独的视图中了。使用这种方法,应用程序结构更容易理解,应用程序的各个部分可以重用。 Preview The panel content is now refactored to a separate view (No visual chan 阅读全文
posted @ 2018-12-11 15:46 ricoo 阅读(255) 评论(0) 推荐(0) 编辑
摘要: 有时我们需要定义一些更细粒度的布局,这时我们可以通过向控件添加自定义样式类来使用CSS的灵活性,并根据自己的喜好对它们进行样式化。 Preview The space between the button and the input field is now smaller and the outp 阅读全文
posted @ 2018-12-11 15:44 ricoo 阅读(542) 评论(0) 推荐(0) 编辑
摘要: 我们的应用程序内容仍然粘在信箱的角落里。要微调布局,可以向上一步添加的控件添加空白和填充。 我们将使用SAPUI5提供的标准类,而不是手工向控件添加CSS。这些类负责一致的分级步骤、从左到右的支持和响应性。 Preview The layout of the panel and its conten 阅读全文
posted @ 2018-12-11 15:41 ricoo 阅读(329) 评论(0) 推荐(0) 编辑
摘要: 现在我们使用shell控件作为应用程序的容器,并使用它作为新的根元素。shell通过在桌面屏幕上引入一个所谓的信箱,来负责应用程序对设备屏幕大小的视觉调整。 Preview The app is now run in a shell that limits the app width Coding 阅读全文
posted @ 2018-12-11 15:39 ricoo 阅读(335) 评论(0) 推荐(0) 编辑
摘要: 在完成了应用程序结构的所有工作之后,是时候改进我们的应用程序的外观了。在这一步中,您还将了解控件聚合. Preview A panel is now displaying the controls from the previous steps Coding You can view and dow 阅读全文
posted @ 2018-12-11 15:38 ricoo 阅读(282) 评论(0) 推荐(0) 编辑
摘要: UI5-文档-1-前言 UI5-文档-2-开发环境 UI5-文档-2.1-使用OpenUI5开发应用 UI5-文档-2.2-使用SAP Web IDE开发应用程序 UI5-文档-2.3-使用SAPUI5工具为Eclipse开发应用程序 UI5-文档-2.4-Node.js-Based开发环境 UI5 阅读全文
posted @ 2018-12-11 15:29 ricoo 阅读(633) 评论(0) 推荐(0) 编辑