【01】优雅草星云物联网AI智控系统从0开发鸿蒙端适配完成流程-初始化鸿蒙编译器deveco studio项目结构-UI设计图切片下载-优雅草卓伊凡

【01】优雅草星云物联网AI智控系统从0开发鸿蒙端适配完成流程-初始化鸿蒙编译器deveco studio项目结构-UI设计图切片下载-优雅草卓伊凡

项目背景

本项目渊源已久,优雅草2025年发布,PC端已经发布,将在4月完成成品发布,目前由于考虑到鸿蒙端用户使用,毕竟新一代纯血鸿蒙harmonyos next已经不再支持安卓android,因此优雅草团队必须考虑把鸿蒙端也开发上,以下实战过程完整记录了整个开发过程,优雅草卓伊凡审核代码,记录并更新,再次感谢优雅草团队所有同事们的努力,鸿蒙端为了加速鸿蒙生态已经开源地址供查看,关于优雅草星云物联网AI智控系统可以关注优雅草官网。

项目开源代码地址

优雅草星云智控鸿蒙端harmonyos: 优雅草星云智控AI智能设备监控系统-移动端鸿蒙端-成都星云智控科技有限公司是成都市一颗优雅草科技有限公司的子公司

鸿蒙端运行环境

deveco 5.0.4版本

实战过程

第一步新建项目以及下载环境等就不用多讲了,此前的文章已经反复写过,

复制代码
import { HomeView } from '@wcmzllx/component-library';
import { navStackUtils } from '@wcmzllx/utils-library';

@Entry
@ComponentV2
struct Index {
    @Local message: string = 'Hello World';
    private indexNavStack: NavPathStack = new NavPathStack();

    build() {
        Navigation(this.indexNavStack) {
            Column(){
                HomeView()
            }
            .justifyContent(FlexAlign.Center)
            .height('100%')
            .width('100%')
        }
        .hideTitleBar(true)
        .hideToolBar(true)
        .mode(NavigationMode.Stack)
    }

    aboutToAppear(): void {
        navStackUtils.init(this.indexNavStack)
    }
}

新建项目后hello word页面便已经有了

其次切片的ui图上面已经发布了,这是我们ui设计师独立设计的ui图,我们当然也只看移动端,我们对应都下载下所有的切片,下一步我们正式进行第一个页面的开发。

另外我们一定是下载最新的版本

DevEco Studio-鸿蒙应用集成开发环境(IDE)-华为开发者联盟

记住我们下载的是deveco-studio 鸿蒙的编译器太多了,我们采用的是deveco

版本要适配,太低级的东西我们本章就不讲了,也就是创建初始环境。

相关推荐
Industio_触觉智能2 天前
鸿蒙北向开发OpenHarmony5.0 DevEco Studio开发工具安装与配置
harmonyos·鸿蒙系统·openharmony·开源鸿蒙·鸿蒙开发·嵌入式开发板
沧海一笑-dj12 天前
【鸿蒙开发】Hi3861学习笔记- NFC
harmonyos·鸿蒙·openharmony·nfc·海思·鸿蒙开发·hi3861
沧海一笑-dj17 天前
【鸿蒙开发】Hi3861学习笔记-Visual Studio Code安装(New)
vscode·harmonyos·鸿蒙·openharmony·鸿蒙开发·hi3861
沧海一笑-dj23 天前
【鸿蒙开发】Hi3861学习笔记- 软件定时器示例
harmonyos·鸿蒙·openharmony·鸿蒙开发·软件定时器·hi3861
敢嗣先锋1 个月前
鸿蒙5.0实战案例:基于OpenGL渲染视频画面帧
移动开发·音视频·harmonyos·arkts·opengl·arkui·鸿蒙开发
时光凉忆1 个月前
鸿蒙开发 - 页面路由(页面跳转、返回)
鸿蒙开发
敢嗣先锋1 个月前
鸿蒙5.0实战案例:基于原生能力获取视频缩略图
移动开发·harmonyos·arkui·组件化·鸿蒙开发
敢嗣先锋1 个月前
鸿蒙5.0实战案例:基于hvigor插件定制构建
移动开发·harmonyos·arkts·arkui·组件化·鸿蒙开发·hvigor
敢嗣先锋1 个月前
鸿蒙5.0实战案例:基于原生能力的压缩与解压缩能力
c语言·移动开发·harmonyos·arkui·鸿蒙开发