上一页 1 2 3 4 5 6 7 ··· 33 下一页
摘要: 1、LocalStorage 页面级UI状态存储,通常用于UIAbility内、页面间的状态共享 (1) 先抛出一个疑问 疑问:如何实现一个页面中所有组件的数据共享? 解决:使用LocalStorage技术 (2) 页面级状态内存存储 只能在一个页面中的所有组件中共享 退出应用不存在 (3) 相关A 阅读全文
posted @ 2024-04-19 00:19 我也有梦想呀 阅读(133) 评论(0) 推荐(0)
摘要: 1、是什么? 动画可以在UI界面发生变化时,提供渐变过渡效果,提升用户体验。 动画的实现原理是通过在一段时间内连续播放一系列静止画面(帧),从而产生流畅的视觉效果。 ArkUI 提供了多种动画接口,例如:显式动画、属性动画、转场动画等,来实现各种动画效果。 2、显示动画 animateTo()是Ar 阅读全文
posted @ 2024-04-16 23:17 我也有梦想呀 阅读(124) 评论(0) 推荐(0)
摘要: 生命周期函数 import router from '@ohos.router' @Entry @Component struct Index { // 页面的生命周期 -- 5个 (如果是组件,则只有前2个;如果是页面则有5个) // 组件有的2个 aboutToAppear() { consol 阅读全文
posted @ 2024-04-13 22:44 我也有梦想呀 阅读(40) 评论(0) 推荐(0)
摘要: 1、Tabs的基本使用 @Entry @Component struct Index { private controller: TabsController = new TabsController(); // 声明周期函数 aboutToAppear(){ // 页面加载 1s后 跳转到商城 s 阅读全文
posted @ 2024-04-13 22:21 我也有梦想呀 阅读(104) 评论(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 我也有梦想呀 阅读(267) 评论(0) 推荐(0)
摘要: 使用前面学习的相关组件和api实现联系人的CRUD; 效果如下 父组件 import { Contacts } from '../domain/Model' import ContactsItem from '../components/ContactsItem' @Entry @Component 阅读全文
posted @ 2024-04-12 22:58 我也有梦想呀 阅读(46) 评论(0) 推荐(0)
摘要: 注意避坑: (item, index) => index + JSON.stringify(item) 默认写法,不会丢失下标的顺序,但是修改数据顺序时重新加载了,效率低一点 (item, index) => JSON.stringify(item) 这种写法效率虽然高一点,但是修饰了下标的顺序 父 阅读全文
posted @ 2024-04-10 23:06 我也有梦想呀 阅读(233) 评论(0) 推荐(0)
摘要: 1、Watch监听 类似Vue中的数据监听,监听的数据发生了变化 --> 做啥事情 父组件 import Child07 from '../components/Child07' @Entry @Component struct WatchExample { // watch 可以监听组件状态 St 阅读全文
posted @ 2024-04-09 23:08 我也有梦想呀 阅读(612) 评论(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 我也有梦想呀 阅读(569) 评论(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 我也有梦想呀 阅读(237) 评论(0) 推荐(0)
上一页 1 2 3 4 5 6 7 ··· 33 下一页