HarmonyOS NEXT智能终端应用开发 课件 第1章 建立鸿蒙程序开发环境

第1章建立鸿蒙程序开发环境工欲善其事必先利其器。为了开发鸿蒙智能终端程序，需要首先建立鸿蒙智能终端程序开发环境。本章对智能终端系统进行简单介绍后，详细介绍如何建立鸿蒙智能终端程序开发环境，并开发和运行测试第一个鸿蒙智能终端成以验证开发环境的完整性。目录1.1鸿蒙智能终端系统及其应用开发环境1.2建立鸿蒙智能终端系统程序开发环境1.3鸿蒙应用程序工程结构1.4开发一个具有交互能力的程序1.5练习：建立鸿蒙智能终端程序开发环境1.1鸿蒙智能终端系统及其应用开发环境智能终端呈现多种不同的形式，常见的智能终端形式包括：智能手机、智能平板、智能电视、智能手环、智慧屏等，这些不同形式的智能终端都是通过智能操作系统驱动的。目前，驱动智能终端工作的智能操作系统主要有三大类，它们是iOS操作系统、Android操作系统、鸿蒙操作系统。通过鸿蒙操作系统驱动的智能终端称为鸿蒙智能终端系统；类似的，通过iOS操作系统驱动的智能终端称为iOS智能终端系统；通过Android操作系统驱动的智能终端称为Android智能终端系统。为了给智能终端系统开发应用程序，智能终端系统为开发者提供了相应的应用开发环境，例如，针对Android智能终端系统，可以使用AndroidStudio开发环境；针对iOS智能终端系统，可以使用Xcode开发环境；针对鸿蒙智能终端系统，则可以使用DevEcoStudio开发环境。本书介绍如何使用DevEcoStudio开发环境为鸿蒙智能终端开发应用程序。1.2建立鸿蒙智能终端系统程序开发环境开发者可以使用DevEcoStudio开发环境为鸿蒙智能终端系统开发应用程序。使用DevEcoStudio工具，可以基于鸿蒙操作系统为鸿蒙智能手机系统、鸿蒙智能电视系统、鸿蒙智能手环系统、鸿蒙智能平板系统等开发应用程序。1.2.1下载及安装DevEcoStudio在浏览器搜索引擎中输入“鸿蒙开发者官网”，点击进入“华为开发者联盟-HarmonyOS开发者官网”。1.2.2开发第一个鸿蒙智能终端程序在桌面上双击“DevEcoStudio”启动DevEcoStudio开发环境，启动后的开发界面。1.2.3运行鸿蒙应用程序新建的名称为Ch0101的鸿蒙程序工程可以直接运行在鸿蒙智能终端上。为了便利和简化鸿蒙应用程序的运行、测试和验证，DevEcoStudio提供了专门用于测试验证鸿蒙应用程序的模拟器。点击DevEcoStudio工具栏上的三角形按钮，即可运行当前的程序工程：1.2.4修改DevEcoStudio的界面风格可以根据自己对界面风格的喜好修改DevEcoStudio的风格。为此，在DevEcoStudio中，选择菜单File->Settings：1.3鸿蒙应用程序工程结构为了便于管理程序开发过程中的文件，企业级集成开发环境（IntegratedDevelopmentEnvironment，简称IDE）都基于工程的方法来管理程序涉及的所有文件。本节在对DevEcoStudio界面进行简单介绍的基础上，对鸿蒙程序工程的结构进行介绍。1.3.1DevEcoStudio界面组成熟悉IntelliJIDEA开发环境的读者能够看出DevEcoStudio开发环境就是基于IntelliJIDEA开发的，因此，从外观和功能上，DevEcoStudio开发环境与IntelliJIDEA非常类似。从界面组成上，DecEcoStudio由五大部分组成：1.3.2应用程序工程结构鸿蒙应用程序工程具有自己独有的工程结构。将新建的Ch0101程序工程关键目录展开，可以观察到鸿蒙程序工程的典型结构：鸿蒙应用程序工程包括两大关键组成部分：其一，工程目录下名称为AppScope的应用程序所属工程子目录；其二，工程目录下名称为entry的模块所属工程子目录。AppScope工程子目录下存放的是在整个应用程序中都可以使用的资源，包括存放在resources/base/element下的字符串资源、颜色资源等，以及存放在resources/base/media下的媒体资源等；AppScope工程子目录下还有一个名称为app.json5的应用程序配置文件，该配置文件用于配置应用程序的名称、图标、包名等信息。特别强调：AppScope工程子目录只用于存放应用程序的资源和配置文件，不用于存放程序源代码。工程模块entry子目录下存放的是所属entry模块的ArkTS源代码、模块所属资源和模块配置文件：src/main/ets工程子目录用于存放所属entry模块的ArkTS源代码；src/main/resources工程子目录用于存放所属entry模块的资源；src/main/module.json5则存放entry模块的配置信息。1.4开发一个具有交互能力的程序之前所创建的Ch0101程序工程只显示了“HelloWorld”文字，该程序不具备与用户的交互功能。现在新建一个名称为Ch0102的程序工程，运行该程序，将在首页面显示一段文字、一张图片和一个按钮，点击按钮，将显示一个对话框。在DevEcoStudio中新建一个名称为Ch0102的程序工程。由于程序中需要显示一张图片，因此，需要将一张图片存放到entry模块的src/main/resources/base/media目录下。修改src/main/ets/pages/index.ets文件为如下内容：@Entry@ComponentstructIndex{@Statemessage:string='Loremipsumdolorsitamet,consectetur'+'adipiscingelit.Naminscelerisquesem.Maurisvolutpat,dolor'+'idinterdumullamcorper,risusdoloregestaslectus,sitamet'+'mattispurusduinecrisus.Maecenasnonsodalesnisi,veldictum.';

build(){Column(){Text(this.message).id('HelloWorld').fontSize(20).fontWeight(FontWeight.Bold).margin(20)Image($r('app.media.scene')).margin(20).height(200).objectFit(ImageFit.Auto)Button("点我").width('93%').onClick(()=>{AlertDialog.show({title:'对话框',message:'这是一个普通对话框，用于显示一些提示信息',autoCancel:true,alignment:DialogAlignment.Bottom,offset:{dx:0,dy:-20},gridCount:3,confirm:{value:'关闭',action:()=>{('Button-clickingcallback')}}})})}.height('100%').width('100%')}}这段代码用于首界面的布局：它是ArkTS代码，也称为方舟TypeScript代码。ArkTS是专为开发鸿蒙应用程序而设计的语言。ArkTS基于TypeScript，并对TypeScript进行扩充和部分限制。关于ArkTS语言，将在第2章进行详细介绍。虽然还没有学习ArkTS语言，可以先对这段代码做一个直观的简单解释：它定义了一个名称为Index的组件，这个组件将作为Ch0102程序的首界面。在这个组件中，包含一个布局组件Column，在Column布局组件中，将按列布局的方式依次