当前位置:主页 > 查看内容

2020征文-手机零基础鸿蒙开发2第一个世界版Hello World

发布时间:2021-08-10 00:00| 位朋友查看

简介:想了解更多内容,请访问: 51CTO和华为官方战略合作共建的鸿蒙技术社区 https://harmonyos.51cto.com/#zz 终于把IDE安装好了!可以开始第一个App了 ,yeah! 在左侧的Project工程文件栏,找到与Java对于的JS目录,依次展开js-defalut-pages-index-index.hml。……

 

想了解更多内容,请访问:

51CTO和华为官方战略合作共建的鸿蒙技术社区

https://harmonyos.51cto.com/#zz

终于把IDE安装好了!可以开始第一个App了 ,yeah!

在左侧的“Project”工程文件栏,找到与Java对于的JS目录,依次展开js-defalut-pages-index-index.hml。

index.hml就是我们第一个工程的首屏页面,点击右侧折叠的Previewer栏,等右下方一阵抽搐,就会成功出现...


您好 世界!

英文的效果呢?不用改词,鸿蒙OS天生支持国际化,在Previewer(预览器)设置中选择英文(en-US):


Hello World。

恭喜! 第一个Hello World完成了!

尝试来改几个字吧,打开左侧文件栏中的i18n, 想要改中文,就修改zh-CN.json中的文字,比如改成“我爱”,“鸿蒙!”,

怎么,预览器毫无反应?! 保存一下!找到File菜单中的Save All(保持全部),或者干脆快捷键(Command+S,windows上是Ctrl+S)。


什么? 预览器还是没反应?! 鸿蒙预览器设计师你给我出来!为什么不更新,这个IDE新手体验很差啊?!


别急,我已经就这个问题吐槽预览器设计师,你们这样会逼退新手无数资道吗?

解决方案:切换到index.hml,然后点预览器上的刷新图标:

 

终于有了!这才像话!

英文的再来一个!"I love Harmony OS!"

 

什么,你要用鸿蒙打遍全世界?安排!

右键点击en-US.json拷贝一个新文件出来,改个名,比如日文、韩文:



日文版文字文件命名:ja-JP.json:

  1.  
  2. "strings": { 
  3.  
  4. "hello""ハーモニーOS"
  5.  
  6. "world""が大好き!" 
  7.  
  8.  

 

韩文版文字文件命名:ko-KR.json:

  1.  
  2. "strings": { 
  3.  
  4. "hello""나는 하모니 OS"
  5.  
  6. "world""를 좋아한다!" 
  7.  
  8.  

 

然后这里有个bug!我又开始吐槽了!世界吃瓜群众表示不爽,怎么不能选择其他语言呢?


哎呀,这就尴尬了,怎么看效果呢?

当预览器不给力的时候,模拟器:该我出场了!菜单Tools - HVD Manager:



提示你即将第一次下载模拟器(emulator)资源,点Ok。

然后会打开华为开发者官网,你需要注册一个开发者账号,可能当前还需要一个实名认证(世界人民又要抗议了)。


允许后,会自动回到IDE中,让你选择设备类型,这里其实远程模拟器(并不是本地模拟器,速度稍慢,不过聊胜于无):



每隔一小时会重置一次,正式版的本地模拟器,预计明年初会推出!

然后在远程模拟器中的“设置”:


“系统和更新”:


“语言和地区”:


分别添加日文和韩文两种语言:



然后在右上角的调试栏,运行“entry”,选择“Connect Devices”下面的“HUAWEI ANA AN00”,点OK。


韩文版本的“我爱鸿蒙!”就有了,首尔江南区大佬表示满意。


切换到日文,然后到桌面找到我们的App,也就是以我们工程名命名的“MyFirstDemo1”的App,点一下启动!



哇塞!这样一个全世界人民喜爱的鸿蒙App就制作成功了!恭喜恭喜!根据你的喜好再加一些其他语言试试吧!

©著作权归作者和HarmonyOS技术社区共同所有,如需转载,请注明出处,否则将追究法律责任

想了解更多内容,请访问:

51CTO和华为官方战略合作共建的鸿蒙技术社区

https://harmonyos.51cto.com/#zz


本文转载自网络,原文链接:https://harmonyos.51cto.com/#zz
本站部分内容转载于网络,版权归原作者所有,转载之目的在于传播更多优秀技术内容,如有侵权请联系QQ/微信:153890879删除,谢谢!

推荐图文


随机推荐