共计 1359 个字符，预计需要花费 4 分钟才能阅读完成。
下载了最新的 DevEco Studio 最新版本后，我发现 new project 的时候有个新的设施管制模板，正好对鸿蒙的碰一碰十分感兴趣，就试着体验一下，在此我把应用教训分享一下~
新建模板
第一步，新建工程的时候抉择以下工程模板
第二步，新建完工程之后，看到外面有个 readme 文档，看完下来大略意思就是依照模板的规定能够本人从新写一个 json 文件来生成本人的设施页面。
第三步，因为目前手上还没有鸿蒙零碎的手机，我就先用了 Tools->HVD Manager 里提供的模拟器性能先跑一下。
如果是第一次申请模拟器，须要登录华为账号并且填一个申请，不过流程很快的。
目前我看模拟器提供了不少设施类型：
上面是我用 P40 跑进去的成果，间接 run entry 就能看到在模拟器上的运行成果。
不得不说模拟器的性能很弱小，不须要在本地装置镜像，间接就能跑起来，跟真机体验根本一样。
不过可能是我的 wifi 网络不够好，用起来有点小卡，不过不影响运行成果。
那如果想要批改成其余设施应该如何动手呢？
依据 readme 的阐明，SampleDeviceDataHandler.java 提供了示例代码，我就试了下把 SampleDeviceDataHandler 的 EXAMPLE_PRODUCT_ID 改成豆浆机
而后我从新运行发现变成了豆浆机的成果：
代码解读
跟了下代码，发现这个主页面是 js 实现的，入口在 entry/src/main/js/default/common/pages/index 下
大抵看了下 index.hml 的布局，次要显示内容是上面这三块：
下面用到了鸿蒙 js ui 开发的自定义组件办法
https://developer.harmonyos.c…
control 这个自定义组件在 node_modules 文件夹下，我
而后在 control.hml 外面发现会依据变量 controlData.lines 数组外面的值来加载不同的自定义组件
那每个页面下面的元素又是在哪里申明呢？
依据 readme 文档, 台灯的页面是由 entry/src/main/resources/rawfile/LAMP/LAMP.json 提供的
原来是模板工程的代码里目前提供了一些控件，都在 node_modules 目录下，依照 readme 外面的控件配置阐明，能够通过 json 配置不同的字段来实现不同页面。
下面是局部款式，于是我试着参考台灯还有豆浆机以及 readme 里的配置阐明，试着本人创立一个新的设施配置页面。
自定义设施页面
上面来看看我革新的一个空调的成果
上面是我写的 json 配置文件：
在对应地位增加图片资源：
同时在 SampleDeviceDataHandler.java 中模仿了一个虚构的空调设备数据：
附件为智能空调 json 配置文件仅供参考~
到此为止就可能实现自定义的设施管制页面了。
小结
基于 IDE 提供的设施管制模板，大略花了半天工夫就可能自定义本人的设施管制页，应用起来还是比拟不便的。
目前模板里提供了十几种控件，可能满足不少场景了，如果想要实现其余款式就须要本人增加 UI 相干代码了。
据说 5 月份华为官网就会推出正式的碰一碰教程，到时候我再试试用这个空调页面跟开发板进行联调~ 到时候再给各位分享开发教训
原文链接：https://developer.huawei.com/…
原作者：caihdl