网站 免备案,网站建设价格方案,上海网站设计开发公司,室内设计公司排行榜介绍 基于Stage模型#xff0c;对Ability的创建和使用进行讲解。首先在课程中我们将带领大家使用DevEco Studio创建一个Stage模型Ability#xff0c;并使用UIAbilityContext启动另一个Ability#xff0c;然后借助Want#xff0c;在Ability之间传递参数#xff0c;最后我们…介绍 基于Stage模型对Ability的创建和使用进行讲解。首先在课程中我们将带领大家使用DevEco Studio创建一个Stage模型Ability并使用UIAbilityContext启动另一个Ability然后借助Want在Ability之间传递参数最后我们使用HiLog打印Ability的生命周期。效果如图所示 相关概念 [UIAbility]UIAbility组件是系统调度的基本单元为应用提供绘制界面的窗口一个UIAbility组件中可以通过多个页面来实现一个功能模块。每一个UIAbility组件实例都对应于一个最近任务列表中的任务。[UIAbilityContext]UIAbilityContext是UIAbility的上下文环境继承自Context提供UIAbility的相关配置信息以及操作UIAbility和ServiceExtensionAbility的方法如启动UIAbility停止当前UIAbilityContext所属的UIAbility启动、停止、连接、断开连接ServiceExtensionAbility等。[Want]Want是对象间信息传递的载体, 可以用于应用组件间的信息传递。 Want的使用场景之一是作为startAbility的参数, 其包含了指定的启动目标, 以及启动时需携带的相关数据。[HiLog]HiLog日志系统让应用可以按照指定类型、指定级别、指定格式字符串输出日志内容帮助开发者了解应用的运行状态更好地调试程序。 环境搭建 软件要求 [DevEco Studio]版本DevEco Studio 3.1 Release。OpenHarmony SDK版本API version 9。 硬件要求 开发板类型[润和RK3568开发板]。OpenHarmony系统3.2 Release。 环境搭建 完成本篇Codelab我们首先要完成开发环境的搭建本示例以RK3568开发板为例参照以下步骤进行 [获取OpenHarmony系统版本]标准系统解决方案二进制。以3.2 Release版本为例 搭建烧录环境。 [完成DevEco Device Tool的安装][完成RK3568开发板的烧录] 搭建开发环境。 开始前请参考[工具准备]完成DevEco Studio的安装和开发环境配置。开发环境配置完成后请参考[使用工程向导]创建工程模板选择“Empty Ability”。工程创建完成后选择使用[真机进行调测]。开发前请熟悉鸿蒙开发指导文档gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md点击或者复制转到。 代码结构解读 本篇Codelab只对核心代码进行讲解完整代码可以直接从gitee获取。 ├──entry/src/main/ets // 代码区 │ ├──common // 公共资源目录 │ ├──DetailsAbility │ │ └──DetailsAbility.ts // 关联详情页面的Ability │ ├──entryability │ │ └──EntryAbility.ts // 程序入口类 │ ├──model │ │ └──DataModel.ets // 业务逻辑文件 │ ├──pages │ │ ├──DetailsPage.ets // 详情页面 │ │ └──NavPage.ets // 导航页面 │ ├──view // 自定义组件目录 │ └──viewmodel // 视图业务逻辑文件目录 └──entry/src/main/resources // 资源文件目录HarmonyOS与OpenHarmony鸿蒙文档籽料mau123789是v直接拿创建Ability和Page页面 在本篇教程中我们需要创建两个AbilityEntryAbilityDetailsAbility其中EntryAbility是由工程默认创建的这里我们只讲如何创建DetailsAbility。 使用DevEco Studio选中对应的模块单击鼠标右键选择New Ability在对话框中修改名字后即可创建相关的Ability。 创建完Ability后需要我们为Ability设置page页面选中pages目录单击鼠标右键选择New Page在对话框中修改名字后即可创建相关的Page页面。示例代码如下 // DetailsPage.ets ... Entry Component struct DetailsPage {private goodsDetails: GoodsData new GoodsData();aboutToAppear() {if (position ! undefined) {this.goodsDetails viewModel.loadDetails(position);}}build() {Column() {Scroll() {Column() {Stack({ alignContent: Alignment.Top }) {// 商品图片预览组件PreviewerComponent({ goodsImg: this.goodsDetails.goodsImg })this.TopBarLayout()}.height(DetailsPageStyle.TOP_LAYOUT_HEIGHT).width(PERCENTAGE_100).backgroundColor($r(app.color.background1))// 展示商品信息的卡片布局this.CardsLayout()}.width(PERCENTAGE_100)}.height(DetailsPageStyle.SCROLL_LAYOUT_WEIGHT).backgroundColor($r(app.color.background))// 底部工具栏BottomBarComponent().height(DetailsPageStyle.TOOLBAR_WEIGHT)}.height(PERCENTAGE_100).width(PERCENTAGE_100)}... }使用windowStage.loadContent为指定Ability设置相关的Page页面由于配置流程一样我们在这里只展示为DetailsAbility配置页面的核心代码 // DetailsAbility.ts ... export default class DetailsAbility extends UIAbility { ...onWindowStageCreate(windowStage: window.WindowStage): void {...windowStage.loadContent(pages/DetailsPage, (err, data) {if (err.code) {hilog.error(DETAIL_ABILITY_DOMAIN, TAG, Failed. Cause: %{public}s, JSON.stringify(err) ?? );return;}hilog.info(DETAIL_ABILITY_DOMAIN, TAG, Succeeded. Data: %{public}s, JSON.stringify(data) ?? );});}... };效果如图所示 由于篇幅有限这里不再详细介绍页面中的具体布局和布局中的业务视图组件。 UIAbilityContext模块启动Ability的能力 UIAbilityContext是UIAbility的上下文环境继承自Context提供UIAbility的相关配置信息以及操作UIAbility和ServiceExtensionAbility的方法如启动UIAbility停止当前UIAbilityContext所属的UIAbility启动、停止、连接、断开连接ServiceExtensionAbility等。 在购物应用中我们点击首页商品列表中的某一项商品即可跳转到商品的详情页面。此处使用到UIAbilityContext模块的启动Ability的能力。关于[获取UIAbilityContext的方法]推荐使用getContext(this)方式来获取UIAbilityContext。 // HomePage.ets ...build() {Column() {Column() {Blank().height(HomePageStyle.BLANK_HEIGHT)// Logo和二维码区域TopBarComponent().padding({top: HomePageStyle.PADDING_VERTICAL,bottom: HomePageStyle.PADDING_VERTICAL,left: HomePageStyle.PADDING_HORIZONTAL,right: HomePageStyle.PADDING_HORIZONTAL})SearchComponent()TabsComponent({ tabMenus: this.tabMenus })BannerComponent({ bannerList: this.bannerList })MenusComponent({ menus: this.menus })// 商品列表组件GoodsComponent({ goodsList: this.goodsList, startPage: (index) {let handler getContext(this) as AppContext.UIAbilityContext;viewModel.startDetailsAbility(handler, index);} })}.width(PERCENTAGE_100)}.height(PERCENTAGE_100).backgroundImage($rawfile(index/index_background.png), ImageRepeat.NoRepeat).backgroundImageSize(ImageSize.Cover)}...startDetailsAbility方法调用了UIAbilityContext模块启动Ability的能力。 // HomeViewModel.ets ... public startDetailsAbility(context: common.UIAbilityContext, index: number): void {const want: Want {bundleName: getContext(context).applicationInfo.name,abilityName: DETAILS_ABILITY_NAME,parameters: {position: index}};try {context.startAbility(want);} catch (error) {hilog.error(HOME_PAGE_DOMAIN, TAG, %{public}s, error);}} ...信息传递载体Want [Want]是对象间信息传递的载体, 可以用于应用组件间的信息传递。Want的使用场景之一是作为startAbility的参数, 其包含了指定的启动目标, 以及启动时需携带的相关数据。 在购物应用的EntryAbility中我们使用startDetailsAbility方法启动DetailsAbility并在代码中指定了Want的具体参数并使用parameters参数传递商品信息。 在DetailsAbility中通过AppStorage来存储detailWant对象。 // DetailsAbility.ts ... export default class DetailsAbility extends UIAbility {onCreate(want, launchParam): void {let index: number want?.parameters?.position;AppStorage.SetOrCreate(KEY, index);hilog.info(DETAIL_ABILITY_DOMAIN, TAG, %{public}s, Ability onCreate);}... };在对应的DetailsPage页面使用AppStorage来获取detailWant对象解析detailWant对象中的商品信息参数调用loadDetails方法来展示商品详情。 // DetailsPage.ets ... let viewModel: DetailsViewModel new DetailsViewModel(); const KEY: string GoodsPosition; let position AppStorage.Getnumber(KEY); ... Entry Component struct DetailsPage {private goodsDetails: GoodsData new GoodsData();aboutToAppear() {if (position ! undefined) {this.goodsDetails viewModel.loadDetails(position);}}... }效果如图所示 使用HiLog打印生命周期函数 [HiLog]日志系统可以让应用按照指定类型、指定级别、指定格式字符串打印日志内容帮助开发者了解应用/服务的运行状态更好地调试程序。 HiLog提供了debug、info、warn、error以及fatal接口在购物应用中我们使用hilog打印EntryAbility 、DetailsAbility的生命周期。 在打印之前我们需要了解三个参数 domain日志对应的领域标识范围是0x0~0xFFFF。建议开发者在应用内根据需要自定义划分。tag指定日志标识可以为任意字符串建议用于标识调用所在的类或者业务行为。level日志级别。format格式字符串用于日志的格式化输出。格式字符串中可以设置多个参数参数需要包含参数类型、隐私标识。隐私标识分为{public}和{private}缺省为{private}。标识{public}的内容明文输出标识{private}的内容以过滤回显。 下面我们在EntryAbility中演示如何使用hilog对象打印Ability的生命周期函数 onBackground代码如下 // EntryAbility.ts ... export default class EntryAbility extends UIAbility {...onBackground(): void {// Ability has back to backgroundhilog.isLoggable(ENTRY_ABILITY_DOMAIN, TAG, hilog.LogLevel.INFO);hilog.info(ENTRY_ABILITY_DOMAIN, TAG, %{public}s, Ability onBackground);} }此时我们点击商品列表中的商品系统会打开商品详情页承载商品列表视图的EntryAbility将返回到后台系统会执行EntryAbility的onBackground()方法我们在DevEco Studio的控制台中可以观察相关生命周期函数的变换情况。