分类: 鸿蒙应用

  • Hello,鸿蒙应用

    感觉鸿蒙应用文档很多,初学者看起来有点乱乱的,记录一下快速开发方法。

    开发者账号注册

    你需要提前注册好华为开发者联盟账号,否则在后续开发调试应用过程中无法完成自动签名、发布等操作

    安装IDE

    HUAWEI DevEco Studio下载链接:https://developer.huawei.com/consumer/cn/deveco-studio

    Hello World

    新建Project,在应用中选择第一个模版项目

    真机调试

    准备好你的华为手机,使用USB数据线连接到电脑。

    • 打开开发者模式
    • 打开“USB调试”开关

    基础知识

    应用名称修改

    1. 配置文件:src/resources/zh_CN/element/string.json
    2. 修改nameEntryAbility_label对应的value

    应用图标修改

    1. 配置文件:src/resources/base/media

    入口文件

    1. 配置文件:src/main/module.json5
    2. 查看 srcEntry 指向的文件
    3. 查看onWindowStageCreate方法中加载的页面为入口文件

    新建页面

    1. 配置文件:src/resources/base/profile/main_pages.json
    2. 在src/ets/pages目录下新建同名ets文件

    页面之间跳转

    1. 在A页面中注册按钮,绑定点击事件,使用router.pushUrl点击即跳转到第二个页面
    2. 在B页面中注册按钮,绑定点击事件,router.back()点击跳回A页面
    // Page A
    Button() {
      Text('Next')
        .fontSize(30)
        .fontColor('#FFFFFF')
        .fontWeight(FontWeight.Bold)
    }
    .type(ButtonType.Capsule)
    .backgroundColor('#409EFF')
    .width('40%')
    .height('5%')
    .onClick(() => {
      router.pushUrl({url: 'pages/Second'}).then(() => {
        console.info('Jumping to second page')
      }).catch((err) => {
        console.error(`Failed to jump to the second page. Code is ${err.code}, message is ${err.message}`)
      })
    // Page B
    Button() {
      Text('Back')
        .fontSize(25)
        .fontColor('#FFFFFF')
        .fontWeight(FontWeight.Bold)
    }
    .type(ButtonType.Normal)
    .backgroundColor('#409EFF')
    .width('40%')
    .height('5%')
    .onClick(() => {
      router.back()
    })

    常见问题

    真机运行报错:Failure[MSG_ERR_INSTALL_FAILED_NO_BUNDLE_SIGNATURE]

    解决:单击Open signing configs 或 通过File -> Project Structure -> Signing Config 重新登录

目录