本节教程将继续带领大家完善教学demo导入项目完善主框架完成viewShower子视图打开新页启动动画将要学习的demo效果图如下所示1. 如何导入完整项目本节示例demo请参考下载地址,可以导入到设计器中学习。2. 完善主框架在上一节教程搭建主框架中大家已经学会了如何主框架,本 ...
本节教程将继续带领大家完善教学demo
- 导入项目
- 完善主框架
- 完成viewShower子视图
- 打开新页
- 启动动画
将要学习的demo效果图如下所示在view
目录上点击右键,选择New
-Folder
,填写要创建的目录名称为”news”,新建后再在news
目录上点击右键,选择New
-UI File
新建名称为main的UI界面,在创建页面的同时IDE会同时创建一个跟main.ui关联的代码文件main.ui.js,双击打开main.ui文件,向页面的最外层ALayout中再拖进一个ALayout组件作为viewShower子View的最外层容器,修改它的id为do_ALayout_main,调整高度为1109,因为在主页面index.ui中viewShower的高度也为1109,如果子View的宽高超过它父容器viewShower的宽高会导致内容显示不全的问题,再向该页面的do_ALayout_main中拖拽一个Label,修改Label的text为“新闻”。这样viewShower的一个子View就完成了,其他两个子View也是相同内容,所以只需负责该页面即可,在news
目录上点击右键,选择Copy
,再点击View
目录选择Paste
,填写目录名为“find”,打开main.ui修改Label的text为“搜索”即可,同样的再复制、粘贴一次,修改目录名为“contact”、Label的text为“通讯录”,这样viewShower的三个子View就完成了。(再多复制一份,目录名改成“feedback”,Label的text为“反馈”,为后续做准备)
4. 打开新页打开main.ui.js,订阅do_ALayout_back的点击事件用于关闭该页面。同时处理在点击android设备的虚拟返回按钮时也关闭该页面。
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:一个App完成入门篇(三)
关键词:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。