随笔分类 -  HarmonyOS

鸿蒙开发学习
摘要:1、找到你的ohpm安装目录 2、双击执行一下init.bat 3、复制bin路径 4、双击path 5、点击新增,然后保存应用即可 6、最终效果 阅读全文
posted @ 2024-04-22 23:21 我也有梦想呀 阅读(501) 评论(0) 推荐(0) 编辑
摘要:1、LocalStorage 页面级UI状态存储,通常用于UIAbility内、页面间的状态共享 (1) 先抛出一个疑问 疑问:如何实现一个页面中所有组件的数据共享? 解决:使用LocalStorage技术 (2) 页面级状态内存存储 只能在一个页面中的所有组件中共享 退出应用不存在 (3) 相关A 阅读全文
posted @ 2024-04-19 00:19 我也有梦想呀 阅读(53) 评论(0) 推荐(0) 编辑
摘要:1、是什么? 动画可以在UI界面发生变化时,提供渐变过渡效果,提升用户体验。 动画的实现原理是通过在一段时间内连续播放一系列静止画面(帧),从而产生流畅的视觉效果。 ArkUI 提供了多种动画接口,例如:显式动画、属性动画、转场动画等,来实现各种动画效果。 2、显示动画 animateTo()是Ar 阅读全文
posted @ 2024-04-16 23:17 我也有梦想呀 阅读(64) 评论(0) 推荐(0) 编辑
摘要:生命周期函数 import router from '@ohos.router' @Entry @Component struct Index { // 页面的生命周期 -- 5个 (如果是组件,则只有前2个;如果是页面则有5个) // 组件有的2个 aboutToAppear() { consol 阅读全文
posted @ 2024-04-13 22:44 我也有梦想呀 阅读(16) 评论(0) 推荐(0) 编辑
摘要:1、Tabs的基本使用 @Entry @Component struct Index { private controller: TabsController = new TabsController(); // 声明周期函数 aboutToAppear(){ // 页面加载 1s后 跳转到商城 s 阅读全文
posted @ 2024-04-13 22:21 我也有梦想呀 阅读(69) 评论(0) 推荐(0) 编辑
摘要:1、配置页面路由信息 resources --> base --> profile --> main_pages.json { "src": [ "pages/demo03/Index", "pages/demo03/Detail" ] } 2、编写页面组件 Index.ets /** * 路由跳转 阅读全文
posted @ 2024-04-13 16:55 我也有梦想呀 阅读(152) 评论(0) 推荐(0) 编辑
摘要:使用前面学习的相关组件和api实现联系人的CRUD; 效果如下 父组件 import { Contacts } from '../domain/Model' import ContactsItem from '../components/ContactsItem' @Entry @Component 阅读全文
posted @ 2024-04-12 22:58 我也有梦想呀 阅读(16) 评论(0) 推荐(0) 编辑
摘要:注意避坑: (item, index) => index + JSON.stringify(item) 默认写法,不会丢失下标的顺序,但是修改数据顺序时重新加载了,效率低一点 (item, index) => JSON.stringify(item) 这种写法效率虽然高一点,但是修饰了下标的顺序 父 阅读全文
posted @ 2024-04-10 23:06 我也有梦想呀 阅读(184) 评论(0) 推荐(0) 编辑
摘要:1、Watch监听 类似Vue中的数据监听,监听的数据发生了变化 --> 做啥事情 父组件 import Child07 from '../components/Child07' @Entry @Component struct WatchExample { // watch 可以监听组件状态 St 阅读全文
posted @ 2024-04-09 23:08 我也有梦想呀 阅读(407) 评论(0) 推荐(0) 编辑
摘要:1、父传子@State和@Prop 父组件 // 导入子组件 import Child01 from '../components/Child01' @Entry @Component struct StateExample { @State count: number = 0 build() { 阅读全文
posted @ 2024-04-05 02:30 我也有梦想呀 阅读(460) 评论(0) 推荐(0) 编辑
摘要:1、Image图片组件 鸿蒙内置组件Image的4种写法 // 鸿蒙内置Image图片组件案例 @Entry @Component struct ImagePage { build() { Column({space:20}){ // 1、图片的第一种写法 media文件夹下 Image($r('a 阅读全文
posted @ 2024-03-18 22:26 我也有梦想呀 阅读(158) 评论(0) 推荐(0) 编辑
摘要:需求,点击按钮切换图片 代码: @Entry // 代表组件的入口 (类装饰器) @Component // 代表的自定义的组件 -> 组件配置路由 -> 页面 struct Index { // 定义响应式数据 (属性装饰器) @State isOn: boolean = false; @Stat 阅读全文
posted @ 2024-03-13 20:56 我也有梦想呀 阅读(21) 评论(0) 推荐(0) 编辑
摘要:1、工具安装 后续补上 2、创建工程 3、点击右侧预览页面进行预览 注意:如果没有预览页面的话我们就勾选出预览窗口 view --> ToolWindows --> Previewer 4、项目运行的三种方式 (1) 预览 (2) 模拟器 (3) 真机 TODO 很抱歉,没有鸿蒙系统的手机...后面 阅读全文
posted @ 2024-03-13 20:19 我也有梦想呀 阅读(9) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示