当前位置: 首页 > wzjs >正文

中文域名的网站有哪些推广普通话内容100字

中文域名的网站有哪些,推广普通话内容100字,建筑图集网站,网站怎么上传到空间一、ArkTS卡片类型 ArkTS卡片分为动态卡片与静态卡片两种类型。 与动态卡片相比,静态卡片整体的运行框架和渲染流程和动态卡片是一致的 主要区别在于,卡片渲染服务将卡片内容渲染完毕后,卡片使用方会使用最后一帧渲染的数据作为静态图片显示…

一、ArkTS卡片类型

ArkTS卡片分为动态卡片静态卡片两种类型。

与动态卡片相比,静态卡片整体的运行框架和渲染流程和动态卡片是一致的
主要区别在于,卡片渲染服务将卡片内容渲染完毕后,卡片使用方会使用最后一帧渲染的数据作为静态图片显示,其次卡片渲染服务中的卡片实例会释放该卡片的所有运行资源以节省内存。因此频繁的刷新会导致静态卡片运行时资源不断的创建和销毁,增加卡片功耗。

卡片类型支持的能力适用场景优缺点
静态卡片仅支持UI组件和布局能力。主要用于展示静态信息(UI相对固定),仅可以通过FormLink组件跳转到指定的UIAbility。功能简单但可以有效控制内存开销。
动态卡片除了支持UI组件和布局能力,还支持通用事件能力和自定义动效能力。用于有复杂业务逻辑和交互的场景。例如:卡片页面图片的刷新、卡片内容的刷新等。功能丰富但内存开销较大。
1.1 动态卡片

ArkTS卡片中提供了postCardAction接口用于动态卡片内部和提供方应用间的交互,当前支持router、message和call三种类型的事件,仅在卡片控件的点击事件中可以调用。

动态卡片事件实现原理

在这里插入图片描述

动态卡片事件的主要使用场景如下:

  • router事件:可以使用router事件跳转到指定UIAbility,以完成点击卡片跳转应用内页面的交互功能。对于非系统应用仅支持跳转到自己应用内的UIAbility。
  • call事件:可以使用call事件拉起指定UIAbility到后台,再通过UIAbility申请对应后台长时任务完成音乐播放等功能。
  • message事件:可以使用message拉起FormExtensionAbility,通过onFormEvent接口回调通知,以完成卡片内控件点击消息传递,从而更新卡片内容。
1.2 静态卡片

ArkTS卡片提供FormLink静态卡片交互组件,用于静态卡片内部和提供方应用间的交互,当前支持router、message和call三种类型的事件。

二、创建卡片当前有两种入口:

  • 创建工程时,选择Application,可以在创建工程后右键新建卡片。
    在这里插入图片描述
  • 创建工程时,选择Atomic Service(元服务),也可以在创建工程后右键新建卡片。
    在这里插入图片描述

说明
基于不同版本的DevEco Studio,请以实际界面为准。

在已有的应用工程中,可以通过右键新建ArkTS卡片,具体的操作方式如下。

  1. 右键新建卡片
    在这里插入图片描述

说明
在API 10及以上 Stage模型的工程中,在Service Widget菜单可直接选择创建动态或静态服务卡片。创建服务卡片后,也可以在卡片的form_config.json配置文件中,通过isDynamic参数修改卡片类型:isDynamic置空或赋值为“true”,则该卡片为动态卡片;isDynamic赋值为"false",则该卡片为静态卡片。

  1. 根据实际业务场景,选择一个卡片模板
    在这里插入图片描述
  1. 在选择卡片的开发语言类型(Language)时,选择ArkTS选项。选择卡片支持的外观规格(Support dimension)时,选择期望的卡片尺寸,再选择默认的外观规格(Default dimension)。详细的卡片外观规格,可参考form_config.json配置文件,后续也可以在form_config.json配置文件中修改卡片规格。然后单击“Finish”,即可完成ArkTS卡片创建。

    在这里插入图片描述

建议根据实际使用场景命名卡片名称,ArkTS卡片创建完成后,工程中会新增如下卡片相关文件:卡片生命周期管理文件(EntryFormAbility.ets)、卡片页面文件(WidgetCard.ets)和卡片配置文件(form_config.json)。

在这里插入图片描述

三、工程结构介绍

ArkTS卡片工程目录、相关模块
在这里插入图片描述

  • FormExtensionAbility:卡片扩展模块,提供卡片创建、销毁、刷新等生命周期回调。
  • FormExtensionContext:FormExtensionAbility的上下文环境,提供FormExtensionAbility具有的接口和能力。
  • formProvider:提供了获取卡片信息、更新卡片、设置卡片更新时间等能力。
  • formInfo:提供了卡片信息和状态等相关类型和枚举。
  • formBindingData:提供卡片数据绑定的能力,包括FormBindingData对象的创建、相关信息的描述。
  • 页面布局(WidgetCard.ets):基于ArkUI提供卡片UI开发能力。
    • ArkTS卡片通用能力:提供了能在ArkTS卡片中使用的组件、属性和API。
    • ArkTS卡片特有能力:postCardAction用于卡片内部和提供方应用间的交互,仅在卡片中可以调用。
  • 卡片配置:包含FormExtensionAbility的配置和卡片的配置。
    • 在module.json5配置文件中的extensionAbilities标签下,配置FormExtensionAbility相关信息。
    • 在resources/base/profile/目录下的form_config.json配置文件中,配置卡片(WidgetCard.ets)相关信息。

四、配置ArkTS卡片的配置文件

4.1 FormExtensionAbility配置

卡片需要在module.json5配置文件中的extensionAbilities标签下,配置FormExtensionAbility相关信息。FormExtensionAbility需要填写metadata元信息标签,其中键名称为固定字符串“ohos.extension.form”,资源为卡片具体配置信息的资源索引。

配置示例如下:

{"module": {// ..."extensionAbilities": [{"name": "EntryFormAbility","srcEntry": "./ets/entryformability/EntryFormAbility.ets","label": "$string:EntryFormAbility_label","description": "$string:EntryFormAbility_desc","type": "form","metadata": [{"name": "ohos.extension.form","resource": "$profile:form_config"}]}]}
}
4.2 卡片配置

在上述FormExtensionAbility的元信息metadata配置项中,可以指定卡片具体配置信息的资源索引。例如当resource指定为$profile:form_config时,会使用开发视图的resources/base/profile/目录下的form_config.json作为卡片profile配置文件。在创建卡片时会自动生成form_config.json配置文件。

4.2.1 配置文件字段说明

卡片form_config.json配置文件
在这里插入图片描述

属性名称含义数据类型是否可缺省
forms表示应用的全部卡片配置信息。
最多支持配置16个卡片,若超过16个,则保留配置的前16个。
数组
name表示卡片的名称,字符串最大长度为127字节。字符串
displayName表示卡片的展示名称。主要在卡片管理页面显示,用于展示卡片信息,建议能够体现卡片的核心功能或用途。支持字符串或字符串资源索引,建议使用字符串资源索引方式声明,以支持完整多语言能力。字符串最小长度为1字节,最大长度为30字节。字符串
description表示卡片的描述。用于在卡片管理页面展示卡片功能描述。支持字符串或字符串资源索引,建议使用字符串资源索引方式声明,以支持完整多语言能力。字符串最大长度为255字节。字符串可缺省,缺省为空。
src表示卡片对应的UI代码的完整路径。当为ArkTS卡片时,完整路径需要包含卡片文件的后缀,
如:“./ets/widget/pages/WidgetCard.ets”。当为JS卡片时,完整路径无需包含卡片文件的后缀,
如:“./js/widget/pages/WidgetCard”
字符串
uiSyntax表示该卡片的类型,当前支持如下两种类型:
- arkts:当前卡片为ArkTS卡片。
- hml:当前卡片为JS卡片。
字符串可缺省,缺省值为“hml”。
window用于定义与显示窗口相关的配置。
说明:
该字段仅对JS卡片生效。
对象可缺省,缺省值见表2。
isDefault表示该卡片是否为默认卡片,每个UIAbility有且只有一个默认卡片。
- true:默认卡片。
- false:非默认卡片。
布尔值
colorMode表示卡片的主题样式,取值范围如下:
- auto:跟随系统的颜色模式值选取主题。
- dark:深色主题。
- light:浅色主题。
说明
从API version 20开始,该接口废弃,卡片主题样式统一跟随系统的颜色模式。
字符串可缺省,缺省值为“auto”。
supportDimensions表示卡片支持的外观规格,取值范围:
- 1 * 2:表示1行2列的二宫格。
- 2 * 2:表示2行2列的四宫格。
- 2 * 4:表示2行4列的八宫格。
- 4 * 4:表示4行4列的十六宫格。
- 6 * 4:表示6行4列的二十四宫格。
字符串数组
defaultDimension表示卡片的默认外观规格,取值必须在该卡片supportDimensions配置的列表中。字符串
updateEnabled表示卡片是否支持周期性刷新(包含定时刷新和定点刷新),取值范围:
- true:表示支持周期性刷新,可以在定时刷新(updateDuration)和定点刷新(scheduledUpdateTime)两种方式任选其一,当两者同时配置时,定时刷新优先生效。
- false:表示不支持周期性刷新。
布尔类型
scheduledUpdateTime表示卡片的定点刷新的时刻,采用24小时制,精确到分钟。
说明
updateDuration参数优先级高于scheduledUpdateTime,两者同时配置时,以updateDuration配置的刷新时间为准。
字符串可缺省,缺省时不进行定点刷新。
updateDuration表示卡片定时刷新的更新周期,单位为30分钟,取值为自然数。
当取值为0时,表示该参数不生效。
当取值为正整数N时,表示刷新周期为30*N分钟。
说明
updateDuration参数优先级高于scheduledUpdateTime,两者同时配置时,以updateDuration配置的刷新时间为准。
数值可缺省,缺省值为“0”。
formConfigAbility表示卡片的配置跳转链接,采用URI格式。字符串可缺省,缺省值为空。
metadata表示卡片的自定义信息,参考Metadata数组标签。对象可缺省,缺省值为空。
isDynamic表示此卡片是否为动态卡片(仅针对ArkTS卡片生效)。
- true:为动态卡片 。
- false:为静态卡片。
布尔类型可缺省,缺省值为true
fontScaleFollowSystem表示卡片使用方设置此卡片的字体是否支持跟随系统变化。
- true:支持跟随系统字体大小变化 。
- false:不支持跟随系统字体大小变化。
布尔类型可缺省,缺省值为true。
supportShapes表示卡片的显示形状,取值范围如下:
- rect:表示矩形卡片。
- circle:表示圆形卡片。
字符串数组可缺省,缺省值为“rect”。
previewImages表示卡片预览图, 与配置项supportDimensions一一对应。字符串可缺省,智能穿戴卡片必须配置,当前仅支持在智能穿戴上使用。
enableBlurBackground表示卡片是否使用模糊背板。
- true:开启模糊背板。
- false:关闭模糊背板。
布尔类型可缺省,缺省值为false。
renderingMode表示卡片的渲染模式,取值范围如下:
- autoColor:自动模式,锁屏卡片中心与桌面卡片中心/卡片管理内都可以显示的卡片。
- fullColor:全色模式,桌面卡片中心/卡片管理内可以显示的卡片。
- singleColor:单色模式,锁屏卡片中心内可以显示的卡片。
字符串可缺省,缺省值为“fullColor”。
multiScheduledUpdateTime表示卡片的多定点刷新的时刻,作为单点刷新的一个附加参数,采用24小时制,精确到分钟,多个时间用英文逗号分隔,最多写24个时间。
说明
multiScheduledUpdateTime需要配合scheduledUpdateTime使用。
字符串可缺省,缺省时不进行多定点刷新。
conditionUpdate表示卡片的支持的条件刷新(仅对系统应用的ArkTS卡片生效)。取值范围如下:
- network:表示支持网络刷新。
字符串可缺省,缺省值为空字符串。
funInteractionParams趣味交互类型互动卡片扩展字段。对象可缺省,缺省为空。funInteractionParams 和 sceneAnimationParams 同时配置时识别为趣味交互类型互动卡片。
sceneAnimationParams场景动效类型互动卡片扩展字段。对象可缺省,缺省为空。funInteractionParams 和 sceneAnimationParams 同时配置时识别为趣味交互类型互动卡片。

isDynamic标签
此标签标识卡片是否为动态卡片(仅针对ArkTS卡片生效)。

卡片类型支持的能力适用场景优缺点
静态卡片仅支持UI组件和布局能力。主要用于展示静态信息(UI相对固定),仅可以通过FormLink组件跳转到指定的UIAbility。功能简单但可以有效控制内存开销。
动态卡片除了支持UI组件和布局能力,还支持通用事件能力和自定义动效能力。用于有复杂业务逻辑和交互的场景。例如:卡片页面图片的刷新、卡片内容的刷新等。功能丰富但内存开销较大。

window标签
此标签标识window对象的内部结构说明。

属性名称含义数据类型是否可缺省
designWidth标识页面设计基准宽度。以此为基准,根据实际设备宽度来缩放元素大小。数值可缺省,缺省值为720px。
autoDesignWidth标识页面设计基准宽度是否自动计算。当配置为true时,designWidth将会被忽略,设计基准宽度由设备宽度与屏幕密度计算得出。布尔值可缺省,缺省值为false。

funInteractionParams标签
此标签标识趣味交互类型互动卡片配置。funInteractionParams 和 sceneAnimationParams 同时配置时识别为趣味交互类型互动卡片。

名称类型必填说明
abilityName字符串趣味交互场景LiveFormExtensionAbility名称,默认为空。
targetBundleName字符串趣味交互场景主包包名。
subBundleName字符串趣味交互场景独立分包名,默认为空。
keepStateDuration数值趣味交互场景无交互时,激活态保持时长。默认值为10000,单位ms。取值为[0,10000]的整数,超过取值范围则取默认值10000。

sceneAnimationParams标签
此标签标识场景动效类型互动卡片配置。funInteractionParams 和 sceneAnimationParams 同时配置时识别为趣味交互类型互动卡片。

名称类型必填说明
abilityName字符串场景动效 extensionAbility 名称。
   {"forms": [{// ..."sceneAnimationParams": {"abilityName": "MyLiveFormExtensionAbility"}          }]}

配置文件示例

{"forms": [{"name": "demoCard","displayName": "$string:demoCard_display_name","description": "$string:demoCard_desc","src": "./ets/widget/pages/DemoCardWidget.ets","uiSyntax": "arkts","window": {"designWidth": 720,"autoDesignWidth": true},"colorMode": "auto","isDynamic": true,"isDefault": true,"updateEnabled": false,"scheduledUpdateTime": "10:30","updateDuration": 1,"defaultDimension": "2*2","supportDimensions": ["1*2","2*2"]}]
}
http://www.dtcms.com/wzjs/69858.html

相关文章:

  • 网页搜索栏隐藏了北京网站优化方案
  • 政务公开网站建设要求做小程序的公司
  • 可以充值的网站怎么建设职业培训学校加盟合作
  • 苏州要服务网站建设泉州seo按天计费
  • 网站建设报价 东莞怎样做电商 入手
  • 河北省镇政府做网站吗百度代理公司
  • 电商网站大连广告资源网
  • 做网站必须知道的问题互联网广告平台代理
  • 淘宝客 wordpress合肥优化
  • 图书馆网站建设好处如何找推广平台
  • 网站开发环境vs2015是什么如何联系百度推广
  • 平面设计接单渠道有哪些广州关键词优化外包
  • 网站备案完成后接下来怎么做aso优化是什么
  • 酒店网站建设方案结束语百度代运营
  • 做跨境网站网站怎么做谷歌推广
  • 公司网站模板免费下载网络营销培训
  • 宁波企业网站搭建极速建站网络营销咨询服务
  • extjs做网站首页深圳网络推广培训学校
  • 网站建设 行业资讯百度登录页面
  • 建e网室内设计效果图门厅sem和seo哪个工作好
  • 犀牛云做网站骗人东莞百度seo排名
  • 网站 框架图百度收藏夹使用方法
  • 怎么自己在家做网站视频广告接单平台
  • 注册会计师协会seo 的原理和作用
  • 黄浦上海网站建设快速seo排名优化
  • 网站一般用什么语言做色盲眼镜
  • 网站开发建设流程图百度seo优化推广公司
  • 类似情侣空间的网站开发怎样通过网络销售自己的产品
  • 做品牌设计网站烟台seo外包
  • 服装网站建设目的作用是什么搜索引擎优化排名优化培训