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

2025-04-01 67

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

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

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

项目背景

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

项目开源代码地址

https://gitee.com/youyacao/axharmonyos

鸿蒙端运行环境

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)
    }
}