正文

从零开始，轻松学会鸿蒙原生App开发：入门教程与实战案例详解

/0 浏览量
0823

鸿蒙原生App开发，作为当前移动开发领域的一个热门话题，吸引了众多开发者的关注。鸿蒙操作系统（HarmonyOS）由华为开发，旨在构建全场景智慧生态。本文将带领你从零开始，轻松学会鸿蒙原生App开发，并提供实战案例详解。

第一节：鸿蒙操作系统概述

1.1 鸿蒙操作系统的背景

鸿蒙操作系统是华为在2019年发布的全新操作系统，旨在打造全场景智慧生态。与Android和iOS不同，鸿蒙操作系统具有微内核、分布式架构等特点，能够适配多种终端设备。

1.2 鸿蒙操作系统的优势

  • 微内核：鸿蒙操作系统的微内核设计，使得系统更加轻量级，易于扩展和定制。
  • 分布式架构：鸿蒙操作系统的分布式架构，可以实现跨设备协同，提供更加流畅的用户体验。
  • 全场景适配：鸿蒙操作系统适配多种终端设备，包括手机、平板、手表、音箱等。

第二节：鸿蒙原生App开发环境搭建

2.1 安装开发工具

鸿蒙原生App开发主要使用IDE（集成开发环境）进行。目前，华为官方推荐的IDE是HarmonyOS Studio。

  1. 下载HarmonyOS Studio：访问华为开发者官网，下载HarmonyOS Studio。
  2. 安装HarmonyOS Studio：按照安装向导进行操作。

2.2 配置开发环境

  1. 安装JDK：HarmonyOS Studio需要JDK 1.8或更高版本。
  2. 配置环境变量：将JDK安装路径添加到环境变量中。

2.3 创建鸿蒙原生App项目

  1. 打开HarmonyOS Studio，选择“创建新项目”。
  2. 选择“HarmonyOS App”模板，填写项目名称和路径。
  3. 点击“完成”，创建项目。

第三节：鸿蒙原生App开发基础

3.1 鸿蒙原生App结构

鸿蒙原生App主要由以下几部分组成：

  • 资源文件：包括图片、布局、字符串等。
  • Java代码：实现业务逻辑。
  • XML布局文件：定义用户界面。

3.2 鸿蒙原生App生命周期

鸿蒙原生App生命周期包括以下阶段：

  • onCreate()：初始化界面。
  • onStart()：界面启动。
  • onResume()：界面恢复。
  • onPause()：界面暂停。
  • onStop()：界面停止。
  • onDestroy()：界面销毁。

3.3 鸿蒙原生App布局

鸿蒙原生App布局主要使用XML文件进行定义。以下是一个简单的布局示例：

<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:width="match_parent"
    ohos:height="match_parent"
    ohos:orientation="vertical">

    <Text
        ohos:id="$+id:text"
        ohos:width="match_parent"
        ohos:height="100px"
        ohos:text="Hello, HarmonyOS!"
        ohos:textAlign="center"
        ohos:textSize="50px"/>

</DirectionalLayout>

第四节：实战案例详解

4.1 案例一：制作一个简单的“Hello, HarmonyOS!”应用

  1. 在HarmonyOS Studio中创建一个名为“HelloHarmonyOS”的项目。
  2. 在“res/values/strings.xml”文件中添加字符串资源：
<string name="app_name">HelloHarmonyOS</string>
<string name="hello_message">Hello, HarmonyOS!</string>
  1. 在“res/layout/main.xml”文件中添加以下布局：
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:width="match_parent"
    ohos:height="match_parent"
    ohos:orientation="vertical">

    <Text
        ohos:id="$+id:text"
        ohos:width="match_parent"
        ohos:height="100px"
        ohos:text="@string/hello_message"
        ohos:textAlign="center"
        ohos:textSize="50px"/>

</DirectionalLayout>
  1. 在“src/main/java/com.example.helloharmonyos/MainActivity.java”文件中添加以下代码：
package com.example.helloharmonyos;

import ohos.app.Activity;
import ohos.app.Intent;
import ohos.app.Bundle;

public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}
  1. 运行应用，查看效果。

4.2 案例二：制作一个简单的计算器应用

  1. 在HarmonyOS Studio中创建一个名为“Calculator”的项目。
  2. 在“res/values/strings.xml”文件中添加字符串资源：
<string name="app_name">Calculator</string>
<string name="title">Calculator</string>
<string name="num1">Number 1</string>
<string name="num2">Number 2</string>
<string name="sum">Sum</string>
<string name="result">Result</string>
  1. 在“res/layout/main.xml”文件中添加以下布局：
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:width="match_parent"
    ohos:height="match_parent"
    ohos:orientation="vertical">

    <Text
        ohos:id="$+id/title"
        ohos:width="match_parent"
        ohos:height="100px"
        ohos:text="@string/title"
        ohos:textAlign="center"
        ohos:textSize="50px"/>

    <DirectionalLayout
        ohos:width="match_parent"
        ohos:height="200px"
        ohos:orientation="horizontal">

        <EditText
            ohos:id="$+id/num1"
            ohos:width="match_parent"
            ohos:height="match_parent"
            ohos:hint="@string/num1"
            ohos:textSize="50px"/>

        <EditText
            ohos:id="$+id/num2"
            ohos:width="match_parent"
            ohos:height="match_parent"
            ohos:hint="@string/num2"
            ohos:textSize="50px"/>

    </DirectionalLayout>

    <Button
        ohos:id="$+id/sum"
        ohos:width="match_parent"
        ohos:height="100px"
        ohos:text="@string/sum"
        ohos:textSize="50px"/>

    <Text
        ohos:id="$+id/result"
        ohos:width="match_parent"
        ohos:height="100px"
        ohos:textSize="50px"/>

</DirectionalLayout>
  1. 在“src/main/java/com.example.calculator/MainActivity.java”文件中添加以下代码：
package com.example.calculator;

import ohos.app.Activity;
import ohos.app.Intent;
import ohos.app.Bundle;
import ohos.agp.components.Button;
import ohos.agp.components.EditText;
import ohos.agp.components.Text;
import ohos.agp.utils.LayoutAlignment;

public class MainActivity extends Activity {
    private EditText num1;
    private EditText num2;
    private Button sum;
    private Text result;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        num1 = findViewById(R.id.num1);
        num2 = findViewById(R.id.num2);
        sum = findViewById(R.id.sum);
        result = findViewById(R.id.result);

        sum.setClickedListener(new View.ClickedListener() {
            @Override
            public void onClick(View v) {
                double n1 = Double.parseDouble(num1.getText().toString());
                double n2 = Double.parseDouble(num2.getText().toString());
                double sum = n1 + n2;
                result.setText(String.format("%.2f", sum));
            }
        });
    }
}
  1. 运行应用，查看效果。

通过以上两个实战案例，相信你已经对鸿蒙原生App开发有了初步的了解。接下来，你可以根据自己的需求，继续学习更多高级功能和技巧。祝你学习愉快！

-- 展开阅读全文 --