本教程前十个步骤,我们只是简单的把 Button 和 Input 控件,直接放置 XML 视图中,如下图所示:

从本步骤开始,我们将学习 sap.m 库里的两个容器控件,即 Page 和 Panel. 所谓容器控件,即能容纳其他 SAP UI5 控件的控件。

把控件放置在这些容器控件里,能够获得一些额外收益,比如页面间跳转时提供动画效果,本教程后续步骤也会深入介绍。

按照本文步骤实现的应用最终界面如下:

代码地址:

https://github.com/wangzixi-diablo/ui5-tutorial/tree/main/11

同前一步骤相比,本步骤只有两个文件需要修改。

App.view.xml

<mvc:ViewcontrollerName

SAP UI5 应用开发教程之十一 :SAP UI5 容器类控件 Page 和 Panel相关推荐

  1. SAP UI5 应用开发教程之三十一 - SAP UI5 的路由历史和路由回退(Routing back and history)试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  2. SAP UI5 初学者教程之十一 :SAP UI5 容器类控件 Page 和 Panel 试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 初学者教程之一:Hello World SAP UI5 初学者教程之二:SAP UI5 ...

  3. SAP UI5 应用开发教程之五十一 - 如何使用 Chrome 调试运行在手机上的 SAP UI5 Cordova 混合应用试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  4. SAP UI5 应用开发教程之四十一 - Chrome 扩展 UI5 Inspector 的离线安装和使用方法试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  5. SAP UI5 应用开发教程之八十一 - 采用 OPA5 进行 SAP UI5 集成测试(Integration Test)的一个例子试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  6. SAP UI5 应用开发教程之六十 - SAP UI5 地图控件的一些高级用法试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  7. SAP UI5 应用开发教程之三十三 - SAP UI5 应用的响应式布局特性(Responsiveness)试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  8. SAP UI5 应用开发教程之三十 - SAP UI5 的路由过程中进行参数传递试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  9. SAP UI5 应用开发教程之八十三 - SAP UI5 的自动化测试套件页面的开发步骤介绍试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 作者简介 Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今.Jerry 是 SAP 社区导师,S ...

最新文章

  1. c# 网站在服务器上第一次请求都需要耗时很久,最.net面试题目.doc
  2. LeetCode: 387. First Unique Character in a String
  3. easyui filebox 文件上传
  4. kaggle House_Price_XGBoost
  5. 一句话搞定python六剑客
  6. 移植net-snmp 出现的编译问题 ./libs/libnetsnmpsnmpd.a(snmpd.o): relocation R_ARM_THM_MOVW_ABS_NC against `
  7. python读取大文件目录_65.Python读取大文件
  8. python3 unicode字符串_【已解决】Python3中如何声明字符串是unicode类型以避免log日志打印出错...
  9. Fiddler工具杂记-将某些数据收集起来并且发送HTTP数据包
  10. easyUI表单验证扩展
  11. ByteBuffer分散和聚集的应用场景
  12. 《C语言程序设计:问题与求解方法》——2.15节算术表达式
  13. Web前端笔试115道题(带答案及解析)
  14. 计算机公式英汉对照,Excel 2013中英文对照图
  15. fins协议握手信号服务器响应,欧姆龙OMRON PLC之HostLink通讯协议(四)-FINS命令工作模式篇...
  16. 20P42 500个LUTs创意旅行VLOG时尚婚礼人物环境复古特殊INS电影调色预设+25个复古老电影VHS特效
  17. Stable Diffusion采样速度翻倍!仅需10到25步的扩散模型采样算法
  18. Linux下开启FTP的21端口
  19. 【檀越剑指大厂--mysql】mysql高阶篇
  20. Python开发mysql和mongo 连接类

热门文章

  1. 禅道启动mysql报错_测试工具之在Linux服务器上部署禅道Bug管理系统
  2. RESTful---SpringMVC学习笔记(十三)
  3. 上传图片---SpringMVC学习笔记(十一)
  4. Tomcat配置优化
  5. 透过【百度地图API】分析双闭包问题
  6. 重置oracle 11G的system、sys密码
  7. 其实我就是个技术迷-自身定位及展望
  8. 方立勋_30天掌握JavaWeb_JDBC、连接池、JNDI(三)
  9. 微信小程序使用阿里图标
  10. DDR3布线的那些事儿(二)