HarmonyOS 鸿蒙Next 购物商城前奏

HarmonyOS 鸿蒙Next 购物商城前奏 本来打算用API9来写的，但是鉴于两天的踩坑，远程模拟器画质感人，以及操作的时候并不是那么流畅，所以我就暂且用API8来做实验了，刚好之前花了1500，淘了个二手的nova10，

环境

工具版本： DevEco Studio 3.1 Canary1
SDK版本： 3.1.9.7（API Version 8 Release）

接下来我们开始正文

第一步，创建项目

第二步，签名

下面这个界面需要登录，点击ok就好。

如果不签名的话，会出现这样的错误

$hdc file send D:\code\OpenHarmony\8\NutMall\entry\build\default\outputs\default\entry-default-unsigned.hap /sdcard/e79d62f7f06a4d3f8dac6f3c8d6193ba/entry-default-unsigned.hap
$hdc shell bm install -p /sdcard/e79d62f7f06a4d3f8dac6f3c8d6193ba/
Failure[INSTALL_FAILED_NO_BUNDLE_SIGNATURE]
$hdc shell rm -rf /sdcard/e79d62f7f06a4d3f8dac6f3c8d6193ba
Error while Deploying HAP

这个时候，我们就可以操作了

到这儿的话，我们运行起来，还是有两个问题，

第三步，修改图标和名称

图标和名称需要修改，既然我们创建的是坚果商城，那就把图标和名称改为坚果，

"icon": "$media:icon", //图标
"description": "$string:MainAbility_desc",
"label": "$string:title", //应用名称

第四步，实现沉浸式状态栏

我们在打开一个新工程，进行调试，文字内容上面出现了一个默认文字为"labak"的黑底标题栏，这个很影响App美观。其次，顶部手机信号、电量等图标的背景默认是黑色，感觉很不爽

下面，我们通过实现沉浸式体验的状态栏，解决上述问题。步骤如下：

打开config.json添加如下字段。

"metaData": {
    "customizeData": [
        {
            "name": "hwc-theme",
            "value": "androidhwext:style/Theme.Emui.Light.NoTitleBar"
        }
    ]
}

第五步，进入正文

我的目前的目录

D:.
├─ets
│ └─MainAbility
│   ├─common //公共组件
│   ├─data//测试数据
│   ├─model
│   ├─pages//首页
│   ├─tabcontent//底部页签
│   └─utils//工具
└─resources
  ├─base
  │ ├─element
  │ └─media
  ├─en_US
  │ └─element
  ├─rawfile
  └─zh_CN
    └─element

文档没写完，请持续关注。