华为鸿蒙开发(第1课)

华为鸿蒙开发,需要先下载开发工具,打开官网,很容易找到IDE下载(IDE的意思是集成开发环境,是Integrated Development Environment的首字母缩写)。

打开官网,很容易找到IDE下载(IDE的意思是集成开发环境,是Integrated Development Environment的首字母缩写)。

华为鸿蒙开发(第1课)

点击IDE下载,就看到软件列表,根据自己的电脑系统下载对应的

华为鸿蒙开发(第1课)

安装完成开发工具后,就可以创建(软件)项目了,点击Create Project后,点下面第一个,再点完成Finish就到了下一步。

华为鸿蒙开发(第1课)
选第一个Empty Ability就可以了,会出现下面的界面
华为鸿蒙开发(第1课)
Project name是项目名称,不要紧的,关键是记住文件的保存位置Save Location。其它先不管,点完成Finish就行

 

可以看到打开的Index.ets文件,自动出现了十几行代码。直接点击屏幕最右边的“预览器”Previewer。

华为鸿蒙开发(第1课)
点击预览器后,可以看到代码在界面中运行的效果。

 

华为鸿蒙开发(第1课)
把第四行代码Hello World改成“你好,世界”,再点击两次屏幕最右边的预览器Previewer

 

华为鸿蒙开发(第1课)
接下来给屏幕上增加一个按钮

 

输入

Button(“英文”)

就可以了

华为鸿蒙开发(第1课)
这是点击预览器就可以看到效果了。

 

华为鸿蒙开发(第1课)
接下来给按钮设置一个功能

 

在Button(“英文”)下面,输入:
.onClick(()=>{this.message=”Hello World”})

改变的是第4行的message的内容

华为鸿蒙开发(第1课)

点击“英文”按钮,“你好,世界”就会变成“Hello World”

华为鸿蒙开发(第1课)

Button("中文") 
.onClick(()=>{this.message="你好,世界"})

就可以了

华为鸿蒙开发(第1课)

点击“中文”按钮,就会显示“你好,世界”,

点击“英文”按钮,就会显示“Hello World”,

华为鸿蒙开发(第1课)

Intoep小程序

微信扫一扫,打开小程序浏览更便捷

转载作品,原作者:,文章来源:https://www.toutiao.com/article/7302224743636288012

发表回复

登录后才能评论