黄冈最专业的公司网站建设平台,做贺卡 网站,外贸营销,wordpress 询价按钮类Web开发范式自定义组件基本用法
自定义组件通过element引入到宿主页面。
Props自定义属性
自定义属性支持类型 String#xff0c;Number#xff0c;Boolean#xff0c;Array#xff0c;Object。 命名规范#xff1a; 命名时禁止以on、、on:、grab:等保留关键字为开头…类Web开发范式自定义组件基本用法
自定义组件通过element引入到宿主页面。
Props自定义属性
自定义属性支持类型 StringNumberBooleanArrayObject。 命名规范 命名时禁止以on、、on:、grab:等保留关键字为开头。 必须用小写开头不能以$或_开头不要使用保留字for, if, show, tid。 当属性名使用驼峰命名法时在外部父组件传递参数时需要使用短横线分隔命名
自定义属性默认值
通过固定值default设置默认值当父组件没有设置该属性时将使用其默认值此情况下props属性必须为对象形式不能用数组形式。
数据单向性
web开发父子组件之间数据的传递是单向的只能从父组件传递给子组件子组件不能直接修改父组件传递下来的值。
感知数据改变
通过$watch方法增加属性变化回调。
计算属性
使用computed字段
自定义事件
子组件也可以通过绑定的事件向父组件传递参数父组件接收时通过e.detail来获取参数
生命周期定义
onAttached自定义组件被创建后加入到Page组件树时触发该回调该回调触发时表示组件将被进行显示该生命周期可用于初始化显示相关数据通常用于加载图片资源、开始执行动画等场景。
Canvas属性
lineWidth :设置绘制线条的宽度 ctx.lineWidth 5; strokeStyle: 设置描边的颜色 ctx.strokeStyle ‘#0000ff’;
svg子组件 声明式开发范式自定义组件基本用法
Component装饰的struct表示该结构体具有组件化能力也称为自定义组件
自定义组件生命周期
onPageShow 当此页面显示时触发一次 包括路由过程、应用进入前后台等场景仅Entry修饰的自定义组件生效 onPageHide 当此页面消失时触发一次 仅Entry修饰的自定义组件生效 onBackPress 当用户点击返回按钮时触发 仅Entry修饰的自定义组件生效
声明式开发范式动画
转场动画页面间转场、组件内转场、共享元素转场
属性动画 流转任务管理服务提供如下流转方式
系统推荐流转 用户手动流转
跨端迁移概念
一种实现用户应用程序流转的技术方案指在A端运行的FA迁移到B端上完成迁移后B端FA继续任务而A端应用根据业务需求选择退出或继续运行。
跨端迁移—流转完成
设备A上的应用通过调用分布式任务调度的能力如continueAbility等向设备B的应用发起跨端迁移。流转中将流转状态上报到流转任务管理服务。
跨端迁移
调用continueAbility()或continueAbilityReversibly()方法发起流转。
设备不支持流转任务管理服务时如何实现跨端迁移
需要指定对端设备的deviceId 实现跨端迁移。关键代码所示
跨端迁移回调方法执行顺序
FA发起迁移后主要有以下几种回调方法 onStartContinuationFA发起迁移时的回调在此回调中应用可以根据当前状态决定是否迁移 onSaveData保存状态数据的回调开发者需要往参数对象中填入需迁移到目标设备上的数据。 onRestoreData恢复发起迁移时onSaveData方法保存的数据的回调 onCompleteContinuation迁移完成的回调在调用端被触发表示应用迁移到目标设备上的结果。
多端协同
一种实现用户应用程序流转的技术方案指多端上的不同FA/PA同时运行、或者交替运行实现完整的业务或者多端上的相同FA/PA同时运行实现完整的业务。
多端协同流程
流转进行设备A上的应用通过调用分布式任务调度的能力如startAbility, connectAbility等向设备B的应用发起多端协同。流转中将流转状态上报到流转任务管理服务。
设备不支持流转任务管理服务时如何实现多端协同
需要在Intent中指定对端设备的deviceId。
跨端原子化服务安装
当设备A的用户应用程序向设备B的原子化服务发起多端协同如果设备B上没有安装对应服务HarmonyOS会自动下载相关原子化服务和A端的用户应用程序一起进行多端协同。
如跨端被拉起的程序设计为传统方式的需要安装的应用则当设备A的用户应用程序向设备B的原子化服务发起多端协同如果设备B上没有安装相关应用会提示流转失败。
