HarmonyOS应用开发学习笔记（一）

开发工具：DevEco Studio 3.0 Beta2 for HarmonyOS for Windows

官网教程：HarmonyOS应用开发官网 - 华为HarmonyOS打造全场景新服务

内容：DevEco Studio 3.0 Beta2开发工具使用介绍、创建简单的页面跳转

1、创建项目

2、开发目录介绍：

文件：

.hml 结尾的 HML 模板文件，这个文件用来描述当前页面的文件布局结构。
.css 结尾的 CSS 样式文件，这个文件用于描述页面样式。
.js 结尾的 JS 文件，这个文件用于处理页面和用户的交互。

文件夹：

app.js 文件用于全局 JavaScript 逻辑和应用生命周期管理。
pages 目录用于存放所有组件页面。
common 目录用于存放公共资源文件，比如：媒体资源和 JS 文件。
i18n 目录用于配置不同语言场景资源内容，比如：应用文本词条，图片路径等资源，注意 i18n 是开发保留文件夹，不可重命名。

3、进入到 src/main/js/default/pages/index 页面，打开 view -> Tool Windows -> Previewer 进行预览。

4、右键page文件夹，再次创建一个JS page

5、在原hml文件中添加一个按钮

<!-- 添加一个按钮，按钮样式设置为胶囊型，文本显示为Next，绑定launch事件 --><button class="button" type="capsule" value="Next" onclick="launch"></button>

6、在css文件中设置按钮控件参数

/* 对class="button"的组件设置样式 */
.button {width: 240px;height: 60px;background-color: #007dff;font-size: 30px;text-color: white;margin-top: 60px;
}

再次重新打开preview，可以看见实现了一个按钮

接下来实现按钮的页面跳转功能

在js文件中绑定按钮

import router from '@system.router';launch() {router.push ({uri:'pages/me/me', // 指定要跳转的页面,对应之前创建的JS page名})}

再次在hml中重新打开preview，点击按钮跳转页面

HarmonyOS应用开发学习笔记（一）相关推荐

ios开发学习笔记--Core Motion
iOS开发学习笔记之CoreMotion-运动传感器官网文档:CoreMotion Framework Reference 一. 简介现在的苹果手机都基本有运动传感器,能够过获取到设备的加 ...
高性能Cordova App开发学习笔记
高性能Cordova App开发学习笔记文件结构添加插件构建准备各个www的作用,prepare命令会将hello\www的内容会拷贝到platform下的wwww目录,知道该改哪里了吧?如果 ...
Windows驱动开发学习笔记（七）—— 多核同步内核重载
Windows驱动开发学习笔记(七)-- 多核同步基础知识并发与同步分析 InterlockedIncrement 原子操作相关API 内核文件多核同步临界区示例一:错误的临界区示例二: ...
Windows驱动开发学习笔记（六）—— Inline HOOK
Windows驱动开发学习笔记(六)-- Inline HOOK SSDT HOOK Inline Hook 挂钩执行流程脱钩实验一:3环 Inline Hook 实验二:0环 Inline H ...
Windows驱动开发学习笔记（五）—— SSDT HOOK
Windows驱动开发学习笔记(五)-- SSDT HOOK 系统服务表系统服务描述符表实验一:通过代码获取SSDT表地址通过页表基址修改页属性方法1:修改页属性方法2:修改CR0寄存器实 ...
Windows驱动开发学习笔记（四）—— 3环与0环通信（常规方式）
Windows驱动开发学习笔记(四)-- 3环与0环通信(常规方式) 设备对象创建设备对象设置数据交互方式创建符号链接 IRP与派遣函数 IRP的类型其它类型的IRP 派遣函数派遣函数注册位 ...
Windows驱动开发学习笔记（三）—— 内核空间内核模块
Windows驱动开发学习笔记(三)-- 内核空间&内核模块内核空间实验第一步:编译如下代码第二步:将 .sys 文件拷贝到虚拟机中第三步:部署 .sys 文件并运行第四步:创建一 ...
Windows驱动开发学习笔记（二）—— 驱动调试内核编程基础
Windows驱动开发学习笔记(二)-- 驱动调试&内核编程基础基础知识驱动调试 PDB(Program Debug Database) WinDbg 加载 PDB 实验:调试 .sys ...
Windows驱动开发学习笔记（一）—— 环境配置第一个驱动程序
Windows驱动开发学习笔记(一)-- 环境配置&第一个驱动程序环境配置第一个驱动程序环境配置安装VS2010:https://pan.baidu.com/s/1uZWWxCtB60 ...

HarmonyOS应用开发学习笔记（一）

开发工具：DevEco Studio 3.0 Beta2 for HarmonyOS for Windows

官网教程：HarmonyOS应用开发官网 - 华为HarmonyOS打造全场景新服务

内容：DevEco Studio 3.0 Beta2开发工具使用介绍、创建简单的页面跳转

1、创建项目

2、开发目录介绍：

3、进入到 src/main/js/default/pages/index 页面，打开 view -> Tool Windows -> Previewer 进行预览。

4、右键page文件夹，再次创建一个JS page

5、在原hml文件中添加一个按钮

6、在css文件中设置按钮控件参数

接下来实现按钮的页面跳转功能

HarmonyOS应用开发学习笔记（一）相关推荐

最新文章

热门文章