鸿蒙系统开发【协同服务】网络

爱桥代码的程序媛

于 2024-08-01 16:19:23 发布

阅读量878

点赞数 19

分类专栏：鸿蒙文章标签： harmonyos 华为鸿蒙开发鸿蒙 openharmony 网络协同服务

本文链接：https://blog.csdn.net/2301_76813281/article/details/140850256

版权

鸿蒙专栏收录该内容

435 篇文章 7 订阅

订阅专栏

分布式协同框架-服务互通

介绍

本示例展示了使用分布式协同框架提供的服务互通的能力。

本示例模拟了在备忘录的应用里，唤起另一个设备的拍照应用，并将拍照的结果传回给备忘录。

同时您也可以使用服务互通中的文档扫描和图库能力，实现跨端操作。

需要使用协同框架服务互通接口@kit.ServiceCollaborationKit。

效果预览

使用说明：

前置步骤：
- 准备一台2in1(或平板)和一台手机，2in1(或平板)安装此示例，手机安装具有跨端拍照能力的相机应用。
- 在设置里面，两台设备登录相同的huawei账号。
在2in1(或平板)的主屏幕，点击”备忘录Mock“，启动应用，在主界面可见“使用远端设备插入图片”按钮。
点击“使用远端设备插入图片”按钮，弹出菜单，在菜单里会列出可用的具有拍照能力的远端设备：手机。
点击相应设备的"拍照"按钮，就会唤起手机的相机应用。
在手机进行拍照，然后选择确认，照片就会回传到2in1类设备上并显示在应用的界面上。

具体实现

本示例展示的控件在@hms.collaboration.service.d.ets定义了跨端拍照生态API：

createCollaborationServiceMenuItems(businessFilter?: Array)
CollaborationServiceStateDialog(onState: (stateCode: number, bufferType: string, buffer: ArrayBuffer))

业务使用时，需要先进行import导入CollaborationServiceStateDialog, createCollaborationServiceMenuItems与CollaborationServiceFilter。在自定义的Menu控件内创建跨端拍照的菜单项，并在全局范围内声明对话框，并声明自己的照片接收处理回调。

import {
  createCollaborationServiceMenuItems,
  CollaborationServiceStateDialog,
  CollaborationServiceFilter
} from '@kit.ServiceCollaborationKit';
import { image } from '@kit.ImageKit';
import { hilog } from '@kit.PerformanceAnalysisKit';

@Entry
@Component
struct Index {
  @State picture: PixelMap|undefined = undefined;

  @Builder
  MyTestMenu() {
    Menu() {
      createCollaborationServiceMenuItems([CollaborationServiceFilter.ALL])
    }
  }

  build() {
    Column({ space: 20 }) {
      CollaborationServiceStateDialog({
        onState: (stateCode: number, bufferType: string, buffer: ArrayBuffer):void => this.doInsertPicture(stateCode, bufferType, buffer)
      })
      Button('使用远端设备进行拍照')
        .type(ButtonType.Normal)
        .borderRadius(10)
        .bindMenu(this.MyTestMenu)

      if (this.picture) {
        Image(this.picture)
          .borderStyle(BorderStyle.Dotted)
          .borderWidth(1)
          .objectFit(ImageFit.Contain)
          .height('80%')
          .onComplete((event) => {
            if (event != undefined) {
              hilog.info(0, "MEMOMOCK", "onComplete " + event.loadingStatus)
            }
          })
      }
    }
    .padding(20)
    .width('100%')
    .alignItems(HorizontalAlign.Center)
  }

  doInsertPicture(stateCode: number, bufferType: string, buffer: ArrayBuffer): void{
    if (stateCode != 0) {
      return
    }
    if (bufferType == "general.image") {
      let imageSource = image.createImageSource(buffer)
      imageSource.createPixelMap().then((pixelMap) => {
        this.picture = pixelMap;
      })
    }
  }
}

以上就是本篇文章所带来的鸿蒙开发中一小部分技术讲解；想要学习完整的鸿蒙全栈技术。可以在结尾找我可全部拿到！
下面是鸿蒙的完整学习路线，展示如下：