一、注册账号

  1. 访问华为开发者联盟官网。
     注册华为开发者联盟帐号,并点击右上角头像旁边的下拉图标,点击“立即前
    往实名认证”上传信息进行实名认证。

    2.实名认证后,在开发者联盟网站中选择“开发 > 开发工具 > HUAWEI DevEco
    Studio”。

二、安装DevEco Studio

  1. 下载 DevEco Studio 安装包,选择 Windows 版本或者 Mac 版本。
  2. 安装 DevEco Studio。如果是基于 Windows 安装,双击下载的“deveco-studio-xxxx.exe”,进入DevEco Studio 安装向导,在如下安装选项界面勾选“64-bit launcher”后,点击“Next”,直至安装完成。

    3.配置 DevEco Studio
    1.运行已安装的 DevEco Studio,根据需要选择是否导入配置,点击“OK”。
    如果您以前使用过 DevEco Studio,并且导出了 IDE 的设置配置文件,请点击Config or installation folder配置文件。如果您是第一次使用 DevEco Studio,请点击Do not imprt settings请选择这一项。

    启动界面

    2.在 DevEco Studio 欢迎界面点击“Configure”或点击,进行配置。安装时候启动会提示下载SDK,点击取消,搜索SDK,重新自定义SDK路径。修改你的SDK安装路径为D:\Huawei\SDK,建议与DevEco Studio在同一个华为目录下。

三、创建项目

  1. 在 DevEco Studio 欢迎界面,点击“Create New Project”,进入项目创建向导。

    2.选择项目模板,点击“Next”。本指导以“Phone>Empty Activity”模板为例。

    3.配置项目信息,点击“Finish”。这是会下载一个下载gradle-5.4.1-all.zip,慢得等等。玩过android studio 的小伙伴应该都知道,我们在新建一个工程之后会下载一些配置文件,一般会很慢,但是我们用的这个华为的开发工具,已经切换了镜像源是很快的。

四、编写页面

  1. 在“Project”窗口,打开“entry > src >main > resources > base”,右键点击“base”文件夹,选择“New >Directory”,命名为“layout”。
    在这里插入图片描述
  2. 右键点击“layout”文件夹,选择“New > File”,命名为“main_layout.xml”。之后在“layout”文件夹下可以看到新增了“main_layout.xml”文件。
    在这里插入图片描述
  3. 打开“main_layout.xml”文件,添加一个文本和一个按钮,示例代码如下:
<?xml version="1.0" encoding="utf-8"?>
<DependentLayout
xmlns:harmonyos="http://schemas.huawei.com/res/harmonyos"
harmonyos:width="match_parent"
harmonyos:height="match_parent">
	<Text
	harmonyos:id="$+id:text"
	harmonyos:width="wrap_content"
	harmonyos:height="wrap_content"
	harmonyos:center_in_parent="true"
	harmonyos:text="Hello World"
	harmonyos:text_size="32sp"/>
	
	<Button
	harmonyos:id="$+id:button"
	harmonyos:width="wrap_content"
	harmonyos:height="wrap_content"
	harmonyos:text_size="16sp"
	harmonyos:text="Next"
	harmonyos:top_padding="6dp"
	harmonyos:bottom_padding="6dp"
	harmonyos:right_padding="40dp"
	harmonyos:left_padding="40dp"
	harmonyos:text_color="white"
	harmonyos:background_element="$graphic:button_element"
	harmonyos:center_in_parent="true"
	harmonyos:align_parent_bottom="true"
	harmonyos:bottom_margin="100dp"/>
	
</DependentLayout>
  1. 上述按钮的背景是通过“button_element”来显示的,需要在“base”目录下创建graphic”文件夹,在“graphic”文件夹中新建一个“button_element.xml”文件。
<?xml version="1.0" encoding="utf-8"?>
<shape
	xmlns:harmonyos="http://schemas.huawei.com/res/harmonyos"
	harmonyos:shape="rectangle">
	<corners
		harmonyos:radius="16dp"/>
	<solid
		harmonyos:color="#FF007DFE"/>
</shape>

五、加载LXML布局

  1. 在“Project”窗口中,选择“entry > src > main > java > com.example.helloworld > slice” ,打开MainAbilitySlice.java”文件。
  2. 重写 onStart()方法加载LXML 布局,示例代码如下:
package com.example.myapplication.slice;
import com.example.myapplication.ResourceTable;
import harmonyos.aafwk.ability.AbilitySlice;
import harmonyos.aafwk.content.Intent;
public class MainAbilitySlice extends AbilitySlice {
	@Override
	public void onStart(Intent intent) {
	super.onStart(intent);
	super.setUIContent(ResourceTable.Layout_main_layout); // 加载LXML 布局
	}
	@Override
	public void onActive() {
	super.onActive();
	}
	@Override
	public void onForeground(Intent intent) {
	super.onForeground(intent);
	}
}

六、运行项目


小编感觉这跟android studio编译器非常像,安卓开发者一键编程华为开发者,有点意思哈,希望我们的华为做的越来越好。

文末福利

华为鸿蒙HarmonyOS开发者资料汇总,在公众号后台回复:中华有为。即可免费获取。


Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐