当前位置: 首页 > article >正文

鸿蒙HarmonyOS手把手带大家创建第一个项目 并做一个基本的组件结构讲解

上文 鸿蒙HarmonyOS 编辑器 下载 安装带大家了解并下载安装了 HarmonyOS 的编辑器
那么 我们现在双击打开它
在这里插入图片描述
在左侧菜单中选择 Create Project
在这里插入图片描述
这里有多种模板 我们先选择默认的 点击下一步
在这里插入图片描述
这里 我们项目的目录 和 名字可以修改一下 其他的都先用默认的就好了
但是还是要注意 目录中不要有中文或者特殊符号哦
在这里插入图片描述
他需要翻译一下 第一次创建 就会是这样
在这里插入图片描述
entry目录下 src下 main 下面几层 pages中index.ets文件就是我们最先访问的文件
在这里插入图片描述
我们在编辑器右侧 如下图指向文职 点击进行预览
在这里插入图片描述
首先 这个窗口 会指向 Tutorial 里面是一大堆说明
在这里插入图片描述
我们这里 直接给它叉掉即可
在这里插入图片描述
这边 我们预览的效果就出来了
在这里插入图片描述
然后 来分析一下我们的代码 首先 @Entry 这是表示程序入口 一个程序会有非常多组件
HarmonyOS中 称为万物皆组件 那么 哪个组件上面有 @Entry 哪个组件就是程序的入口
@Component 声明当前是一个组件
struct 后面跟名字就是界面的一个结构体

@State message: string = 'Hello World'

声明了一个变量 内容为 字符串 Hello World
build 中 放了我们整个组件的内容
然后里面有一行 占满 页面 100%
在这里插入图片描述
然后 下面有一列 占页面宽度的百分之百
在这里插入图片描述
然后 这里输出一条信息 传入的就是我们上面定义的 message 下面配置了文字的大小等属性
在这里插入图片描述


http://www.kler.cn/a/145314.html

相关文章:

  • 详细解释java当中的所有知识点(前言及数据类型及变量)(第一部分)
  • 21.2-工程中添加FreeRTOS(掌握) 用STM32CubeMX添加FreeRTOS
  • 【PySide6快速入门】QLineEdit 输入框
  • decison tree 决策树
  • Node.js与MySQL模块结合:打造安全高效的用户信息管理系统
  • PostGIS笔记:PostgreSQL中表、键和索引的基础操作
  • Vatee万腾独特科技力量的前沿探索:Vatee的数字化奇点
  • Android:Google三方库之集成应用内评价详细步骤
  • 下一代图片压缩格式 AVIF
  • NFT Insider115:The Sandbox开设元宇宙Diorama快闪店,​YGG Web3 游戏峰会已开幕
  • The TypeScript Compiler - Version 5.2.2,tsc -w无效怎么办?
  • 「Verilog学习笔记」数据串转并电路
  • 目录树自动生成器 golang+fyne
  • 力扣-55.跳跃游戏
  • Guacamole简介及centos7下搭建教程
  • 哲学家就餐问题
  • OSG编程指南<十二>:OSG二三维文字创建及文字特效
  • 哈希思想的应用
  • Python与设计模式--责任链模式
  • 【分布式】小白看Ring算法 - 03
  • 【SAS Planet 下载地图瓦片】
  • 【数据结构】树与二叉树(廿六):树删除指定结点及其子树(算法DS)
  • 如何找出excel中两列数据中不同的值(IF函数的用法)
  • 2018年4月26日 Go生态洞察:Go新品牌形象及标识发布
  • Mac | Vmware Fusion | 分辨率自动还原问题解决
  • 【Mybatis】动态sql