随笔分类 -  鸿蒙HarmonyOS

摘要:UIAbility组件 每一个UIAbility实例,都对应一个最近任务列表中的任务 UIAbility是一种包含用户界面的应用组件,主要用于和用户进行交互 一个应用可以有一个 UIAbility 也可以有多个 UIAbility 单 UIAbility:任务列表只有一个任务。 多 UIAbilit 阅读全文
posted @ 2025-07-13 11:06 南风晚来晚相识 阅读(30) 评论(0) 推荐(0)
摘要:如何区分组件和页面 有@Entry的,就是页面。 没有的就是组件 生命周期 组件有生命周期钩子 onPageShow:每次显示时触发(路由过程、应用进入前台) onPageHide:每次隐藏触发(路由过程、应用进入后台) aboutToAppear:创建(页面/组件)实例后执行,可以修改状态变量。( 阅读全文
posted @ 2025-07-08 19:21 南风晚来晚相识 阅读(61) 评论(0) 推荐(0)
摘要:鸿蒙如何下载模拟器 1,选择设备管理 2,点击【是】去下载链接 3,选择安装的设备和按照模拟器的路径 这个路径中不要含有中文 4,选择下载某个手机型号 5,接受-然后下载 6,下载完成后,-点击完成 7,下载完成 8,点击下一个 9,直接点击完成,默认配置一般不做更改 10,设备创建成功啦 11,点 阅读全文
posted @ 2025-07-03 12:31 南风晚来晚相识 阅读(541) 评论(0) 推荐(0)
摘要:新增页面同时会自动注册路由 1,右键新建page 2,填写页面名称,点击完成 3,就会自动注册路由啦 router.pushUrl进行跳转,与vue一样的,这个页面会入栈的。 // 首先引入 import {router} from '@kit.ArkUI' @Entry @Component st 阅读全文
posted @ 2025-06-27 12:26 南风晚来晚相识 阅读(142) 评论(0) 推荐(0)
摘要:@Link 双向同步 使用 @Link 可以实现父组件和子组件的双向同步 使用步骤: 1.将父组件的状态属性传递给子组件 2.子组件通过@Link修饰即可 基本数据类型和复杂数据类型都是可以的哈 @Link双向绑定 @Component struct Child { // 使用Link修饰的,说明这 阅读全文
posted @ 2025-06-27 12:26 南风晚来晚相识 阅读(183) 评论(0) 推荐(0)
摘要:@State 状态详解 注意:不是所有的状态变量更改都会引起界面的刷新。 只有可以被框架观察到的修改才会引起界面刷新。 boolean、string、number类型时,可以观察到数值的变化 class或者Object时,只能观察自身的赋值的变化或者说第一层属性赋值的变化。 即Object.keys 阅读全文
posted @ 2025-06-26 12:03 南风晚来晚相识 阅读(94) 评论(0) 推荐(0)
摘要:模块 我们可以简单的理解为:在ArkTS中每个 ets 文件都可以看做是一个模块 默认导出和使用(与ES6一样) 默认导出:在一个模块,只能默认导出一个值或象。使用时可以自定义导入名称。 也就是说:一个文件中只能有一个默认导出。 //默认导出 export default 需要导出的内容(值或者对象 阅读全文
posted @ 2025-06-26 12:02 南风晚来晚相识 阅读(276) 评论(0) 推荐(0)
摘要:Class 类 类是用于创建对象模板。同时类声明也会引入一个新类型,可定义其实例属性、方法 和 构造函数 类的基本语法 class 类名(){// 通常是首字母大小 // 1,实例的属性 // 2,构造函数 // 3, 方法 } // 实例化对象 const p:类名 = new 类名() 类的属性 阅读全文
posted @ 2025-06-26 11:38 南风晚来晚相识 阅读(34) 评论(0) 推荐(0)
摘要:tabBar的基本使用(默认在顶部) @Entry @Component struct Index { build() { Tabs(){ TabContent(){ // TabContent下只能有一个子组件哈 Text("我是消息中的内容") }.tabBar("消息") TabContent 阅读全文
posted @ 2025-06-26 11:38 南风晚来晚相识 阅读(123) 评论(0) 推荐(0)
摘要:滚动容器 Scroll 当子组件的布局尺寸超过Scroll的尺寸时,内容可以滚动 滚动容器 Scroll用法说明 1,给滚动容器 Scroll设置尺寸 2,设置溢出的子组件(只支持一个子组件),特别注意只能有一个子组件 3,滚动方向(支持横向和纵向,默认纵向),Vertical 纵向滚动; Hori 阅读全文
posted @ 2025-06-26 11:37 南风晚来晚相识 阅读(176) 评论(0) 推荐(0)
摘要:@Entry @Component struct Index { build() { Column(){ Row(){ Text("遮天").backgroundColor("#9090").padding({ left:12, right:12, top :6, bottom:6}) .fontC 阅读全文
posted @ 2025-06-26 11:36 南风晚来晚相识 阅读(118) 评论(0) 推荐(0)
摘要:Swiper 轮播组件 Swiper是一个容器组件,当设置了多个子组件后,可以对这些子组件进行轮播显示。(文字、图片...) 需要注意的点: 1,在Swiper设置宽高后,里面的内容会自动拉伸。 2,如果Swiper没有设置宽高,Swiper的宽高由里面的内容大小决定 关于轮播图图片大小问题 其实关 阅读全文
posted @ 2025-06-26 11:35 南风晚来晚相识 阅读(130) 评论(0) 推荐(0)
摘要:https://blog.csdn.net/2401_88463044/article/details/143440323 网格布局 网格布局 @Entry @Component struct Index { @State UserImgSrc: string = 'https://p9-passp 阅读全文
posted @ 2025-06-26 11:34 南风晚来晚相识 阅读(19) 评论(0) 推荐(0)
摘要:组件 今天是发布鸿蒙的第1篇文章。别人五一出去旅游,我五一学鸿蒙。 下面我我们主要讲一下:Column,Row,Text组件 容器组件:Column(列)、Row(行) 列组件的排列方式:从上到下排序。行组件的排列从左到右进行排列 文本组件:Text 特别:注意鸿蒙中的组件默认都是首字母大写的哈 1 阅读全文
posted @ 2025-06-26 11:32 南风晚来晚相识 阅读(213) 评论(0) 推荐(0)
摘要:图片资源存放目录 HarmonyOS鸿蒙的图片存放地址在:entry\src\main\resources\base\media中 我们可以通过:$r('app.media.图片名称') 获取图片 @Entry @Component struct Index { @State imgSrc: str 阅读全文
posted @ 2025-06-20 10:27 南风晚来晚相识 阅读(83) 评论(0) 推荐(0)
摘要:Flex布局 Flex布局也叫做:伸缩布局,当子盒子的总和溢出父盒子时默认进行压缩显示 线性布局的原理是基于Flex来设计的。 Flex布局默认主轴是:水平向右的,交叉轴垂:直向下 单行或者单列的情况下,优先使用线性布局 线性布局的性能由于Flex布局 FLex布局我们可以根据 direction 阅读全文
posted @ 2025-06-19 09:04 南风晚来晚相识 阅读(397) 评论(0) 推荐(1)
摘要:通过右侧的模拟器,快速找到对应的组件 阅读全文
posted @ 2025-06-18 19:20 南风晚来晚相识 阅读(25) 评论(0) 推荐(0)
摘要:变量命名规则 1,只能包含数字、字母、下划线、$,不能以数字开头(4种类型) 2,不能使用内置关键字或保留字(比如 let、const) 3,严格区分大小写 声明方式 变量字符串,数字,布尔(与TS一致) let str:string = '你好' let age:number = 20 let f 阅读全文
posted @ 2025-06-18 19:18 南风晚来晚相识 阅读(103) 评论(0) 推荐(1)