OpenHarmony数据转码应用开发实战(上)-开源转码
OpenHarmony数据转码应用开发实战(上)
作者:软通动力HOS 2022-11-02 15:49:45系统 OpenHarmony 本文将以一个小项目——数据转码应用,来讲解应用开发全流程。想了解更多关于开源的内容,请访问:
51CTO开源基础软件社区
https://ost.51cto.com
背景
OpenHarmony的应用开发支持C++、JS、eTS,从已有版本的演进路线来看,eTS是未来重点的技术路线。对于刚入门OpenHarmony应用开发的小伙伴来说,eTS可能比较陌生,如果有一个合适的实战项目来练手,那么对技术能力提升是非常有帮助的,本文将以一个小项目——数据转码应用,来讲解应用开发全流程。
需求
开发一个字符串转码应用,应用提供待转码字符串输入框,用户输入字符串后可方便的进行各种数据类型的转码,具体有:1.10进制转16进制,并补02.16进制转10进制3.16进制转2进制4.2进制转16进制5.16进制转ASCII码6.ASCII码转16进制
设计
设计稿如下:
字符串输入框采用textarea组件,按钮采用button组件,文字标题采用text组件。
创建项目
我们打开DevEco Studio开发工具,选择Create,点击下一步
输入项目名称:DataConvert。项目类型选择:Application。Bundle name:填自己的公司域名+项目名。Save location:选择工程文件保存路径。Compile API:选择api8(最新的api9已推出,本案例使用api8开发)。UI Syntax:选择eTS。Device type:勾选Phone、Tablet。点击Finish:
IDE自动构建好项目如下:
打开index.ets点击右侧Previewer,我们可以看到页面预览效果:
以上,项目创建完毕,我们可以在gitee或私有git仓库上创建好代码仓库提交上去,便于后续代码归档。
页面布局规划
整个页面布局规划:
最外侧使用flex垂直向下布局,这样确保了所有元素都是从上开始顺序往下排列。紧接着是标题、字符输入部分、按钮部分、转码结果部分、清空按钮,5个大块。字符输入区域含有标题+输入框,分别使用text+textarea。按钮部分采用Row+Column,这样便于按钮对齐。转码结果区域与字符输入区域一致,可以直接复用。清空按钮可以复用按钮区。注意所有组件之间的间隔。UI界面编码实现
Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Start }) {Flex({ direction: FlexDirection.Row }) {Text($r('app.string.title')).fontSize(30)}.width('100%').margin({ bottom: 30 })Flex({ direction: FlexDirection.Row, wrap: FlexWrap.Wrap }) {Text($r('app.string.inputStr')).fontSize(24).margin({ bottom: 15 }).width('100%')TextArea().width('100%').height(180).backgroundColor(0x0ffff).borderRadius(0)}.width('100%')Row() {Column() {Button($r('app.string.btnDec2hex'), { type: ButtonType.Normal }).width('50%')}.padding({ top: 10, right: 5, bottom: 0, left: 0 })Column() {Button($r('app.string.btnHex2dex'), { type: ButtonType.Normal }).width('50%')}.padding({ top: 10, right: 0, bottom: 0, left: 5 })}Row() {……}Row() {……}Flex({ direction: FlexDirection.Row, wrap: FlexWrap.Wrap }) {Text($r('app.string.encodeStr')).fontSize(24).margin({ bottom: 10 }).width('100%')Flex() {Text(this.strEncode).fontSize(16)}.width('100%').height(180).backgroundColor(0x0ffff).borderRadius(20).padding({ top: 10, right: 10, bottom: 10, left: 10 })}.width('100%').margin({ top: 20 })Row() {Column() {Button($r('app.string.btnClean'), { type: ButtonType.Normal }).width('50%')}.padding({ top: 10, right: 5, bottom: 0, left: 0 })}.width('100%')}.padding({ top: 18, right: 18, bottom: 18, left: 18 })}总结
项目的开发包含很多流程步骤,我们在开发时需要注意规划好前期的需求和设计工作,这样在后续的编码过程中可以避免频繁的修改调整。OpenHarmony应用开发与VUE开发有一定的相似性,两者的布局和组件样式原理是相通的,我们在拿到UI设计稿后不要急于编码,提前规划好组件布局可以事半功倍。
想了解更多关于开源的内容,请访问:
51CTO开源基础软件社区
https://ost.51cto.com。
责任编辑:jianghua 来源:51CTO开源基础软件社区 应用开发鸿蒙推荐系统
电脑公司Ghost Win8.1 x32 精选纯净版2022年7月(免激活) ISO镜像高速下载
语言:中文版系统大小:2.98GB系统类型:Win8电脑公司Ghost Win8.1x32位纯净版V2022年7月版本集成了自2022流行的各种硬件驱动,首次进入系统即全部硬件已安装完毕。电脑公司Ghost Win8.1x32位纯净版具有更安全、更稳定、更人性化等特点。集成最常用的装机软件,精心挑选的系统维护工具,加上绿茶独有
微软Win11原版22H2下载_Win11GHOST 免 激活密钥 22H2正式版64位免费下载
语言:中文版系统大小:5.13GB系统类型:Win11微软Win11原版22H2下载_Win11GHOST 免 激活密钥 22H2正式版64位免费下载系统在家用办公上跑分表现都是非常优秀,完美的兼容各种硬件和软件,运行环境安全可靠稳定。Win11 64位 Office办公版(免费)优化 1、保留 Edge浏览器。 2、隐藏“操作中心”托盘图标。 3、保留常用组件(微软商店,计算器,图片查看器等)。 5、关闭天气资讯。
Win11 21H2 官方正式版下载_Win11 21H2最新系统免激活下载
语言:中文版系统大小:4.75GB系统类型:Win11Ghost Win11 21H2是微软在系统方面技术积累雄厚深耕多年,Ghost Win11 21H2系统在家用办公上跑分表现都是非常优秀,完美的兼容各种硬件和软件,运行环境安全可靠稳定。Ghost Win11 21H2是微软最新发布的KB5019961补丁升级而来的最新版的21H2系统,以Windows 11 21H2 22000 1219 专业版为基础进行优化,保持原汁原味,系统流畅稳定,保留常用组件
windows11中文版镜像 微软win11正式版简体中文GHOST ISO镜像64位系统下载
语言:中文版系统大小:5.31GB系统类型:Win11windows11中文版镜像 微软win11正式版简体中文GHOST ISO镜像64位系统下载,微软win11发布快大半年了,其中做了很多次补丁和修复一些BUG,比之前的版本有一些功能上的调整,目前已经升级到最新版本的镜像系统,并且优化了自动激活,永久使用。windows11中文版镜像国内镜像下载地址微软windows11正式版镜像 介绍:1、对函数算法进行了一定程度的简化和优化
微软windows11正式版GHOST ISO镜像 win11下载 国内最新版渠道下载
语言:中文版系统大小:5.31GB系统类型:Win11微软windows11正式版GHOST ISO镜像 win11下载 国内最新版渠道下载,微软2022年正式推出了win11系统,很多人迫不及待的要体验,本站提供了最新版的微软Windows11正式版系统下载,微软windows11正式版镜像 是一款功能超级强大的装机系统,是微软方面全新推出的装机系统,这款系统可以通过pe直接的完成安装,对此系统感兴趣,想要使用的用户们就快来下载
微软windows11系统下载 微软原版 Ghost win11 X64 正式版ISO镜像文件
语言:中文版系统大小:0MB系统类型:Win11微软Ghost win11 正式版镜像文件是一款由微软方面推出的优秀全新装机系统,这款系统的新功能非常多,用户们能够在这里体验到最富有人性化的设计等,且全新的柔软界面,看起来非常的舒服~微软Ghost win11 正式版镜像文件介绍:1、与各种硬件设备兼容。 更好地完成用户安装并有效地使用。2、稳定使用蓝屏,系统不再兼容,更能享受无缝的系统服务。3、为
雨林木风Windows11专业版 Ghost Win11官方正式版 (22H2) 系统下载
语言:中文版系统大小:4.75GB系统类型:雨林木风Windows11专业版 Ghost Win11官方正式版 (22H2) 系统下载在系统方面技术积累雄厚深耕多年,打造了国内重装系统行业的雨林木风品牌,其系统口碑得到许多人认可,积累了广大的用户群体,雨林木风是一款稳定流畅的系统,一直以来都以用户为中心,是由雨林木风团队推出的Windows11国内镜像版,基于国内用户的习惯,做了系统性能的优化,采用了新的系统
雨林木风win7旗舰版系统下载 win7 32位旗舰版 GHOST 免激活镜像ISO
语言:中文版系统大小:5.91GB系统类型:Win7雨林木风win7旗舰版系统下载 win7 32位旗舰版 GHOST 免激活镜像ISO在系统方面技术积累雄厚深耕多年,加固了系统安全策略,雨林木风win7旗舰版系统在家用办公上跑分表现都是非常优秀,完美的兼容各种硬件和软件,运行环境安全可靠稳定。win7 32位旗舰装机版 v2019 05能够帮助用户们进行系统的一键安装、快速装机等,系统中的内容全面,能够为广大用户
相关文章
- uefi安装win7卡在logo 系统卡在starting Windows界面怎么办
- win7电脑怎么卸载软件
- 打印机出现出错状态是怎样回事,本文教您处理办
- 4000元左右组装电脑配置推荐 2021年4000元电脑最强组装清单
- 时隔2年 Intel低调更新主板芯片驱动:升级内容完全不提
- 微软 Windows 10 build 19045.2913(KB5025297)预览版更新:修复 Edge 浏览器、Xbox 控制器等问题
- 怎样使用Windows 10的照片应用修剪视频(图文)
- 爱奇艺票务怎么写评论?发表评论与短评方法大放送
- Win8系统打开PhotoShop CS6闪屏的处理办法
- 雨林木风w8纯洁版系统最新系统推荐
- CSGO 3月19日更新了什么?CSGO 3月19日更新内容一览
- 微信QQ聊天必备!宋民国动态gif表情包_其它聊天
- Win10系统玩游戏怎样是pc玩家的菜吗?
- 如何处理wwin7不出logoin7电脑开机logo显示不正常的问题
- 玩转内核链表Llist_Head 教你管理不同类型节点的实现
- 电脑上什么软件重装系统好用
- 硬盘安装win7图文详细教程图解
- win7怎么配置静态ip地址?
热门系统
- 1华硕笔记本&台式机专用系统 GhostWin7 32位正式旗舰版2018年8月(32位)ISO镜像下载
- 2深度技术 Windows 10 x86 企业版 电脑城装机版2018年10月(32位) ISO镜像免费下载
- 3雨林木风 Ghost Win7 SP1 装机版 2020年4月(32位) 提供下载
- 4电脑公司 装机专用系统Windows10 x86喜迎国庆 企业版2020年10月(32位) ISO镜像快速下载
- 5深度技术 Windows 10 x86 企业版 六一节 电脑城装机版 版本1903 2022年6月(32位) ISO镜像免费下载
- 6深度技术 Windows 10 x64 企业版 电脑城装机版2021年1月(64位) 高速下载
- 7新萝卜家园电脑城专用系统 Windows10 x64 企业版2019年10月(64位) ISO镜像免费下载
- 8新萝卜家园 GhostWin7 SP1 最新电脑城极速装机版2018年8月(32位)ISO镜像下载
- 9电脑公司Ghost Win8.1 x32 精选纯净版2022年5月(免激活) ISO镜像高速下载
- 10新萝卜家园Ghost Win8.1 X32 最新纯净版2018年05(自动激活) ISO镜像免费下载
热门文章
常用系统
- 1番茄花园 GHOST XP SP3 极速装机版 V2014.03 下载
- 2笔记本&台式机专用系统 Windows10 新春特别 企业版 2020年2月(64位) 提供下载
- 3深度技术 GHOST XP SP3 快速安装版 V2023.07 下载
- 4Win11免硬件检测版下载_笔记本专用 Ghost Win11 免硬件检测版下载V2022.02
- 5系统之家Ghost win10 放心装机版64位 v2023.02最新系统下载
- 6深度技术 Ghost Win10 64位专业版系统下载_深度技术 Ghost Win10 64位 元旦特别版V2022.1
- 7Win7最新版本下载_风林火山 Ghost Win7 64位免激活旗舰版下载
- 8技术员联盟 Ghost Win7 Sp1 X86 装机旗舰版 V2014.06 下载
- 9笔记本&台式机专用系统 Windows10 企业版 2020年7月(32位) ISO镜像快速下载
- 10深度技术Ghost Win8.1 x32位 特别纯净版2020年10月(免激活) ISO镜像高速下载