立即注册
查看: 500|回复: 1

[鸿蒙OS应用] HarmonyOS应用开发常用布局和JAVA组件的使用方法

已绑定手机
发表于 2021-9-2 16:49:59 | 显示全部楼层 |阅读模式 来自 广东省深圳市
1. 介绍
本篇Codelab目的
本篇Codelab旨在让开发者了解HarmonyOS应用开发常用布局和常用组件的使用方法,体验从工程创建到代码、布局的编写,再到编译构建、部署和运行的全过程。

2. 搭建HarmonyOS环境
我们首先需要完成HarmonyOS开发环境搭建,可参照如下步骤进行。
安装DevEco Studio,详情请参考下载和安装软件。
设置DevEco Studio开发环境,DevEco Studio开发环境依赖于网络环境,需要连接上网络才能确保工具的正常使用,可以根据如下两种情况来配置开发环境:
-如果可以直接访问Internet,只需进行下载HarmonyOS SDK操作。
-如果网络不能直接访问Internet,需要通过代理服务器才可以访问,请参考配置开发环境。
开发者可以参考以下链接,完成设备调试的相关配置:
-使用真机进行调试
-使用模拟器进行调试

3. 下载Codelab起步应用
获取Codelab起步应用ComponentCodelab,可从gitee源码或github源码下载
打开HUAWEI DevEco Studio,点击File > Open选择步骤1中下载的ComponentCodelab
点击Build > Build App(s)/Hap(s)>Build Debug Hap(s)构建hap包
点击Run> Run ‘entry'运行hap包,可看到运行效果如下:
1.jpg

4. 体验TabList和Tab组件
Tablist可以实现多个页签栏的切换,Tab为某个页签。子页签通常放在内容区上方,展示不同的分类。页签名称应该简洁明了,清晰描述分类的内容。TabList和Tab组件的使用方法详见常用组件开发指导。
创建module
点击工程右键,选择new-->module,如下图所示:
2.jpg
随后选择Empty Ability(Java)模板,Application/Library name命名为Tablist,Module Name命名为tablist;
点击Next按钮,进入Configure Ability界面,Page Name使用默认值,layout Name命名为tab_list;
点击Finish,完成module创建。

5. 体验ListContainer组件
ListContainer是用来呈现连续、多行数据的组件,包含一系列相同类型的列表项。ListContainer组件的使用方法详见常用组件开发指导。在本章节,我们将利用ListContainer组件编写一个新闻首页界面,上方的新闻类别和中间的新闻列表都将使用ListContainer组件来实现。

创建module
可参考3.1创建步骤,其中Application/Library name命名为ListContainer,Module Name命名为Listcontainer,Layout Name命名为news_list_layout。

编写布局文件
在src/main/resources/base/layout目录下新建布局文件news_list_layout.xml作为新闻列表主界面,并设置其样式。

更多详细内容请下载附件查看
游客,如果您要查看本帖隐藏内容请回复
已绑定手机
发表于 2021-9-2 18:14:26 | 显示全部楼层 来自 湖南省长沙市
谢谢分享!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

合作/建议

TEL: 19168984579

工作时间:
周一到周五 9:00-11:30 13:30-19:30
  • 扫一扫关注公众号
  • 扫一扫打开小程序
Copyright © 2013-2024 一牛网 版权所有 All Rights Reserved. 帮助中心|隐私声明|联系我们|手机版|粤ICP备13053961号|营业执照|EDI证
在本版发帖搜索
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表