- 博客(28)
- 收藏
- 关注
RSS订阅原创 LocalStorage：页面级UI状态存储
LocalStorage是ArkTS为构建页面级别状态变量提供存储的内存内“数据库”。应用程序可以创建多个LocalStorage实例，LocalStorage实例可以在页面内共享，也可以通过GetShared接口，实现跨页面、UIAbility实例内共享。组件树的根节点，即被@Entry装饰的@Component，可以被分配一个LocalStorage实例，此组件的所有子组件实例将自动获得对该LocalStorage实例的访问权限。
2024-05-16 09:31:53
2026
原创 @Styles：定义组件重用样式、@Extend：定义扩展组件样式，stateStyles：多态样式
Extend支持传参，可以为function，作为Event事件的句柄，参数也可以为状态变量，状态变量改变时，UI可以被刷新渲染。stateStyles是属性方法，可以根据UI内部状态来设置样式，类似于css伪类，但语法不同。@Extend支持封装指定的组件的私有属性和私有事件，以及预定义相同组件的@Extend的方法。@Extend装饰的方法支持参数，开发者可以在调用时传递参数，调用遵循TS方法传值调用。@Extend的参数可以为状态变量，状态变量改变时，UI可以被刷新渲染。pressed：按压态。
2024-05-15 09:39:33
431
原创 @BuilderParam装饰器：引用@Builder函数
定义了自定义组件时想对自定义添加特定功能，比如在自定义组件内中添加一个点击跳转操作。如果直接在组件内嵌入事件方法，将会导致所有引入该自定义组件的地方均增加了该功能。为解决此问题，ArkUI引入了@BuilderParam装饰器，@BuilderParam用来装饰指向@Builder方法的变量（@BuilderParam是用来承接@Builder函数的），可在初始化自定义组件时对此属性进行赋值，为自定义组件增加特定的功能。该装饰器用于声明任意UI描述的一个元素，类似vue的slot占位符。@Build
2024-05-14 20:45:26
639
原创 @Observed装饰器和@ObjectLink装饰器：嵌套类对象属性变化
ObjectLink和@Observed类装饰器用于在涉及嵌套对象或数组的场景中进行双向数据同步：被@Observed装饰的类，可以被观察到属性的变化；子组件中@ObjectLink装饰器装饰的状态变量用于接收@Observed装饰的类的实例，和父组件中对应的状态变量建立双向数据绑定。这个实例可以是数组中的被@Observed装饰的项，或者是class object中的属性，这个属性同样也需要被@Observed装饰。单独使用@Observed是没有任何作用的，需要搭配@ObjectLink或者。
2024-05-14 17:40:46
919
原创 @Provide装饰器和@Consume装饰器：与后代组件双向同步
总览@Provide和@Consume，应用于与后代组件的双向数据同步，应用于状态数据在多个层级之间传递的场景。@Provide和@Consume摆脱参数传递机制的束缚，实现跨层级传递。@Provide装饰的变量是在祖先组件中，可以理解为被“提供”给后代的状态变量。@Consume装饰的变量是在后代组件中，去“消费（绑定）”祖先组件提供的变量
2024-05-13 17:30:40
1484
原创 @Link装饰器：父子双向同步
综合@Link装饰的变量与其父组件中的数据源共享相同的值。@Link装饰器不能在@Entry装饰的自定义组件中使用。类型必须被指定，且和双向绑定状态变量的。被装饰变量的初始值，禁止本地初始化。
2024-05-13 16:02:18
653
原创 @Prop装饰器：父子单向同步
Prop装饰的变量和父组件建立单向的同步关系：@Prop变量允许在本地修改，但修改后的变化不会同步回父组件。当数据源更改时，@Prop装饰的变量都会更新，并且会覆盖本地所有更改。因此，数值的同步是父组件到子组件（所属组件)，子组件数值的变化不会同步到父组件。
2024-05-13 15:18:25
781
原创 @Builder装饰器：自定义构建函数
允许在自定义组件内定义一个或多个@Builder方法。自定义构建函数可以在所属组件的build方法和其他自定义构建函数中调用，但不允许在组件外调用。
2024-05-11 11:34:21
427
原创 鸿蒙和安卓的对比
从使用的角度来讲，不管是多少设备连在一起，鸿蒙的终极目标是都能适应一台设备那样简单。也就是说其他模块出现问题，对于整个系统的运行时没有阻碍的，微内核稳定性高。而且这些功能和模块都具有最高的权限，只要一个模块出错，整个系统就会崩溃。而AOPS里面的代码，是全球很多程序员共同维护开发的，谷歌和华为也是其中的提供者之一。是基于linux的宏内核设计，宏内核包含了操作系统绝大多的功能和模块。比如：三星，小米，魅族等，而华为也是基于这套开源体系制定了鸿蒙操作系统。1，linux内核（手机操作系统的内核）
2024-04-25 18:38:54
437
1
原创 什么是HarmonyOS？你不知道！！！
将逐步覆盖1+8+N全场景终端设备，对于消费者而言，HarmonyOS用一个'统一的软件系统'从根本上解决消费者面对大量智能终端体验割裂的问题为消费者带来统计，便利，安全的智慧化全场景体验，对于开发者而言HarmonyOS通过多种分布式技术，整合不同终端硬件能力，形成一个虚拟的“超级终端”，应用开发者可基于“超级终端“开发应用聚焦上层业务逻辑，无需关注硬件差异，设备开发者可以按需调用其他终端其他能力带来基于”超级终端“的创新服务体验。HarmonyOS是华为开发的一款面向未来的全场景分布式智慧操作系统。
2024-04-24 20:14:30
148
1
原创 TypeScript快速入门
ArkTS是HarmonyOS优选的主力应用开发语言。它在TypeScript（简称TS）的基础上，匹配ArkUI框架，扩展了声明式UI、状态管理等相应的能力，让开发者以更简洁、更自然的方式开发跨端应用。JavaScript是一种属于网络的高级脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。
2024-04-21 18:59:49
842
1
原创 安装ohpm详细教程
11，变量名OHPM_HOME 和变量 E:\XueXi\ohpm\command-line-tools\ohpm 替换成你的安装路径 点击确定。13，新建%OPHM_HOME%\bin变量地址。14，检查是否安装成功 输入ohpm -v。6，运行脚本有好几种方法任选一种。12，继续点击path环境变量。ok显示版本就表示安装成功了。7输入init.bat安装。1，下载ohpm工具包。4，点击ohpm文件。8，安装全局环境变量。
2024-04-21 16:13:24
1598
1
原创 鸿蒙/Http数据请求
应用可以通过HTTP发起一个数据请求，支持常见的GET、POST、OPTIONS、HEAD、PUT、DELETE、TRACE、CONNECT方法。1，导入http请求2，使用http发送请求，处理响应。
2024-04-21 15:45:45
461
1
原创 自定义组件的生命周期
(): voidaboutToAppear函数在创建自定义组件的新实例后，在执行其build()函数之前执行。允许在aboutToAppear函数中改变状态变量，更改将在后续执行build()函数中生效。从API version 9开始，该接口支持在ArkTS卡片中使用。
2024-04-21 15:23:25
709
1
原创 鸿蒙/UIAbility组件生命周期
当用户打开、切换和返回到对应应用时，应用中的UIAbility实例会在其生命周期的不同状态之间转换。UIAbility类提供了一系列回调，通过这些回调可以知道当前UIAbility实例的某个状态发生改变，会经过UIAbility实例的创建和销毁，或者UIAbility实例发生了前后台的状态切换。//页面初始化// 页面初始化// 设置WindowStage的事件订阅（获焦/失焦、可见/不可见）// 设置UI界面加载// ...});//UI界面加载到前台。
2024-04-21 15:05:29
421
1
原创 鸿蒙/DevEco Studio的页面路由跳转的基本使用
router.pushUrl():目标也不会替换当前页，而是压入页面栈，因此可以使用router.back()返回当前页。touter.replaceUrl():目标页替换当前页，当前页会被销毁并释放资源，问题是无法返回当前页。Single：单实例模式，如果目标页已经在栈中，则离栈顶最近的同url会被移动到栈顶并且重新加载。页面栈的最大容量上限为32个页面，使用router.clear（）方法可以清空页面栈，释放内存。Standard：标准实例模式，每次跳转都会新建一个目标页并压入栈，默认就是这种模式。
2024-04-21 12:12:57
844
1
原创 DevEco Studio安装ohpm失败解决办法
这个问题也可能是你C盘的用户文件夹是中文的导致你下载失败，可以试着修改用户文件夹。如果你找遍了好几个方法没有用还是报错的话可以试一下，我的方法。
2024-04-21 11:40:15
398
1
原创 鸿蒙/DevEco Studio的ArkUI-父子通信组件的基本使用（2）后代组件双向同步
Provide装饰的状态变量自动对其所有后代组件可用，即该变量被“provide”给他的后代组件。由此可见，@Provide的方便之处在于，开发者不需要多次在组件之间传递变量。后代通过使用@Consume去获取@Provide提供的变量，建立在@Provide和@Consume之间的双向数据同步，与@State/@Link不同的是，前者可以在多层级的父子组件之间传递。@Provide和@Consume可以通过相同的变量名或者相同的变量别名绑定，变量类型必须相同// 通过相同的变量名绑定。
2024-04-21 11:23:10
380
1
原创 鸿蒙/DevEco Studio的ArkUI-父子通信组件的基本使用（1）单向传递
父子类型一致:string、number、Boolean，enum，object、class，以及他们的数组。@Prop只支持: string、number.boolean、enum类型。@Link装饰的变量与其父组件中的数据源共享相同的值。嵌套类型以及数组中的对象属性无法触发视图更新。父组件对象类型，子组件是对象属性。数组中元素增、删、替换会引起刷新。父组件传递，子组件禁止初始化。//子组件不允许初始化。不可以是数组、any。
2024-04-21 11:20:36
545
1
原创 鸿蒙/DevEco Studio的List复杂容器的基本使用
List列表（List）是一种复杂容器，具备特点1，列表项（ListItem）数量过多超出屏幕之后，会自动提供滚动功能，2，列表项(ListItem)既可以纵向排列，也可以横向排列列表是一种复杂的容器，当列表项达到一定数量，内容超过屏幕大小时，可以自动提供滚动功能。它适合用于呈现同类数据类型或数据类型集，例如图片和文本。在列表中显示数据集合是许多应用程序中的常见要求（如通讯录、音乐列表、购物清单等）。使用列表可以轻松高效地显示结构化、可滚动的信息。通过在组件中按垂直或者水平方向线性排列子组件或。
2024-04-21 09:38:38
997
1
原创 鸿蒙/DevEco Studio的column容器与Row容器的基本使用
justifyContent 设置子元素在主轴方向的对齐格式 FlexAlign枚举。alignItems 设置子元素在交叉轴方向的对齐格式。鸿蒙/DevEco Studio的column容器与Row容器的基本使用。Column容器使用了HorizontalAlign枚举。Row容器使用了VerticalAlign枚举类型。Column容器交叉轴对齐方式。Row交叉轴的对齐方式。
2024-04-21 08:28:16
450
1
原创 鸿蒙/DevEco Studio的Button组件基本使用
Capsule 胶囊型按钮（圆角默认为高度的一半)Normal 普通按钮（默认不带圆角）circle 圆形按钮。声明Button组件， label为按钮文字。Button按钮类型。
2024-04-20 21:21:48
979
原创 鸿蒙/DevEco Studio的TextInput组件基本使用
Normal 基本输入模式。支持输入数字、字母、下划线、空格、特殊字符。支持数字，字母，下划线，以及@字符。Password 密码输入模式。支持输入数字、字母、下划线、空格、特殊字符。PhoneNumber9+ 电话号码输入模式。支持输入数字、+﹑-Number 纯数字输入模式。placeHoder:输入框无输入时的提示文本。1.声明TextInput组件。
2024-04-20 21:11:53
1150
原创 鸿蒙/DevEco Studio的Text组件基本使用
rce格式，读取本地资源文件(限定词目录）1，声明Text组件并设置文本内容。string格式，直接填写文本内容。
2024-04-20 21:00:32
902
原创 DevEco Studio的Image图片显示组件基本使用
Image($r( ' app.media.mate60')) //app.media 固定写法。Image( $rawfile( ' mate60.png' )) //必须书写文件属性名。lap格式，可以加载像素图，常用在图片编辑中。Resource格式，加载本地图片，推荐使用。1，声明Image组件并设置图片源（地址）在module.json5配置文件配置权限。Image图片显示组件。
2024-04-20 20:44:12
2855
原创 快速窗创建鸿蒙工程文件
MyApplication\entry\src\main\ets\pages\Index.ets 页面入口文件。Bundle name: 打包上架的唯一标识，要确保唯一性，很重要。Compile SDK: SDK版本选择。Save location:：文件保存位置。1，简单的做一个工程选择第一个就足够了。文件目录详情点击连接访问官方文档。2，填写对应的文件信息。
2024-04-20 20:26:50
366
原创 安装鸿蒙DevEco Studio详细教程
如果有项目没有安装成功点击Help点击选择Diagnose Develop,nent Environment。接下类就是安装node.js和鸿蒙的Ohpm如果你本地有nodeJs可以选择Local然后选你的安装包位置。解下接就是问你不需要导入开发工具的设置，没有开发设置选择不导入直接点击ok。会检测那些项目没有安装成功，没有安装成功的重新点击install。2,下载解压完成之后点击exe文件。下面是安装目录可以自己选择安装路劲。安装完成点击Finish。点击install安装。更多详细信息可以点击。
2024-04-20 20:01:29
557
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人