IT评测·应用市场-qidao123.com

标题: HarmonyOS第一课——DevEco Studio的使用 [打印本页]

作者: 农民    时间: 2025-1-16 14:59
标题: HarmonyOS第一课——DevEco Studio的使用
HarmonyOS第一课

DevEco Studio的使用

集成开发环境:

   DevEco Studio提供开箱即用的开发体验,将HarmonyOS SDK、Node.js、Hvigor、OHPM、模拟器平台等举行合一打包,简化DevEco Studio安装设置流程。
  HarmonyOS SDK已嵌入DevEco Studio中,无需额外下载设置。HarmonyOS SDK可以在DevEco Studio安装位置下DevEco Studio\sdk目录中查察。如需举行OpenHarmony应用开发,可通过Settings > OpenHarmony SDK页签下载OpenHarmony SDK。
  Hello World:


主动签名:

签名完成后,在本地天生密钥(.p12)、证书哀求文件(.csr)、数字证书(.cer)及Profile文件(.p7b),数字证书在AppGallery Connect网站的“证书、APP ID和Profile”页签中可以查察。
   之后就可以运行项目;
  诊断开发环境

设置中的 Plugins,支持安装插件,如去Installed“Chinese”简体中文插件,实现汉化;需要重启见效;
ArkTS应用

   Application应用开发, Atomic Service对应为元服务开发
  模板名称分析Empty Ability用于Phone、Tablet、2in1、Car设备的模板,展示底子的Hello World功能。Native C++用于Phone、Tablet、2in1、Car设备的模板,作为应用调用C++代码的示例工程,界面显示“Hello World”。[CloudDev]Empty Ability端云一体化开发通用模板。更多信息请拜见端云一体化开发。[Lite]Empty Ability用于Lite Wearable设备的模板,展示了底子的Hello World功能。可基于此模板,修改设备类型及RuntimeOS,举行小型嵌入式设备开发。请拜见创建Lite工程。Flexible Layout Ability用于创建跨设备应用开发的三层工程结构模板。三层工程结构包罗common(公共本领层)、features(底子特性层)、products(产物定制层)。Embeddable Ability用于开发支持被其他应用嵌入式运行的元服务的工程模板。
项目介绍:

   表示设备的类型,取值如下:
  
第一个页面

在“Project”窗口,点击“entry > src > main > ets > pages”,打开“Index.ets”文件,举行页面的编写。
   应该是类js风格的编码方式;
  关于组件结构
  1. @Entry
  2. @Component
  3. struct Second {}
  4. @State
  5. build() {}
  6. Text()
  7. Button()
复制代码
在副一级文件夹上 右击新建 ArkTS File 或新建 Empty Page;
设置新建页面的路由:

  1. {
  2.   "src": [
  3.     "pages/Index",
  4.     "pages/Second"
  5.   ]
  6. }
复制代码
页面间跳转:

   Ark翻译过来时“方舟”
  1. import { router } from '@kit.ArkUI';
  2. import { BusinessError } from '@kit.BasicServicesKit';
  3. .onClick(() => {
  4.   console.info(`Succeeded in clicking the 'Next' button.`)
  5.   // 跳转到第二页
  6.   router.pushUrl({ url: 'pages/Second' }).then(() => {
  7.     console.info('Succeeded in jumping to the second page.')
  8.   }).catch((err: BusinessError) => {
  9.     console.error(`Failed to jump to the second page. Code is ${err.code}, message is ${err.message}`)
  10.   })
  11. })
  12. // 返回按钮绑定onClick事件,点击按钮时返回到第一页
  13. .onClick(() => {
  14.   console.info(`Succeeded in clicking the 'Back' button.`)
  15.   try {
  16.     // 返回第一页
  17.     router.back()
  18.     console.info('Succeeded in returning to the first page.')
  19.   } catch (err) {
  20.     let code = (err as BusinessError).code;
  21.     let message = (err as BusinessError).message;
  22.     console.error(`Failed to return to the first page. Code is ${code}, message is ${message}`)
  23.   }
  24. })
复制代码
真机调试


   注:到现在还只是刷教程,转头得买台新电脑。。。

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。




欢迎光临 IT评测·应用市场-qidao123.com (https://dis.qidao123.com/) Powered by Discuz! X3.4