SAP UI5初学者教程11: SAP UI5容器类控件页面和面板。
一套适合 SAP UI5 初学者循序渐进的学习教程
教程目录
建立UI5本地开发环境。
UI5初学者教程之一:你好世界。
SAP UI5初学者教程2:SAP UI5的引导。
SAP UI5初学者教程3:接触第一个SAP UI5控件。
Ui5初学者教程四:XML视图。
Ui5初学者教程5:视图控制器的初步研究。
SAP UI5初学者教程6-了解SAP UI5中Module的概念。
Ui5初学者教程VII-JSON模型。
Ui5初学者教程8-多语言支持。
Ui5初学者教程IX-创建第一个组件。
第十期SAP UI5初学者教程——SAP UI5应用的描述符是什么?
说明
Jerry在2014年加入SAP成都研究院CRM费奥里开发团队后,开始接触SAP UI5。曾在SAP社区和“王子溪”微信微信官方账号发表多篇关于SAP UI5工作原理和源代码分析的文章。
就像Jerry的文章中提到的,对于对SAP UI5一无所知的初学者,哪些素材比较好,Jerry也是从SAP UI5新手一路走来的,知道只有有ABAP开发背景的开发人员才不容易转型到SAP UI5开发领域。所以我在业余时间设计了这个适合SAP UI5初学者的学习教程,把开发一个完整的SAP UI5应用程序的过程分成了几个步骤,试图覆盖每一步涉及的所有知识点。这些知识点可能没有我的UI5源代码分析系列文章那么深,但是很容易理解,SAP UI5初学者也很容易理解。
本教程每一步的源代码都存储在我的Github中,由文件夹01、02、03等标识。
每一步都基于上一步,并添加了几个新功能。建议零基础或者对SAP UI5了解不多的初学者从第一步开始循序渐进的学习,在本地下载这些代码,配合教程的文字讲解,自己动手加深理解。
如果你对教程的每一步有任何疑问,请给我评论,并在教程的相应步骤文章中留言。
在本教程的前十个步骤中,我们只需将按钮和输入控件直接放入XML视图中,如下图所示:
从这一步开始,我们将学习sap.m库中的两个容器控件,即Page和Panel。所谓的容器控件就是一个可以容纳其他SAP UI5控件的控件。
通过在这些容器控件中放置控件,您可以获得一些额外的好处,例如在页面之间跳转时提供动画效果,本教程中的以下步骤将深入介绍。
按照本文的步骤,最终的应用界面如下:
代码地址:
https://github.com/wangzixi-diablo/ui5-tutorial/tree/main/11
实现细节见本文:针对SAP UI5初学者的第十一个教程:SAP UI5容器类控件Page和Panel。
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/70034.html