拍照与图片编辑,应用中可以直接唤起并调用系统的拍照以及图片编辑的功能页面吗?

应用中可以直接唤起并调用系统的拍照以及图片编辑的功能页面吗?

HarmonyOS
4天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

配置module.json5声明使用相机权限。

"requestPermissions": [ 
{ 
  "name": 'ohos.permission.CAMERA' 
} 
],
import camera from '@ohos.multimedia.camera' 
import { BusinessError } from '@ohos.base' 
import common from '@ohos.app.ability.common'; 
import abilityAccessCtrl, { Context, PermissionRequestResult, Permissions } from '@ohos.abilityAccessCtrl'; 
 
@Entry 
@Component 
struct Index { 
  private surfaceId : string ='' 
  xcomponentController: XComponentController = new XComponentController() 
 
  onPageShow(){ 
    //调用授权接口 
    this.requestCameraPermission(); 
  } 
 
  //拉起授权窗口 
  requestCameraPermission():void{ 
    let permission:Permissions[] = ['ohos.permission.CAMERA']; 
    let  context:Context = getContext(this) as Context; 
    let atManager:abilityAccessCtrl.AtManager = abilityAccessCtrl.createAtManager(); 
    atManager.requestPermissionsFromUser(context,permission).then((data:PermissionRequestResult) =>{ 
      let grantStatus: Array<number> = data.authResults; 
      let length: number = grantStatus.length; 
      for (let i = 0; i < length; i++) { 
        if (grantStatus[i] != 0) { 
          // 用户拒绝授权,提示用户必须授权才能访问当前页面的功能,并引导用户到系统设置中打开相应的权限 
          return; 
        } 
      } 
      // 授权成功 
    }).catch((err: BusinessError) => { 
      console.error(`Failed to request permissions from user. Code is ${err.code}, message is ${err.message}`); 
    }) 
  } 
  build() { 
    Column(){ 
      Row() { 
        XComponent({ 
          id: 'xcomponent', 
          type: XComponentType.SURFACE, 
          controller: this.xcomponentController 
        }) 
          .onLoad(() => { 
            this.xcomponentController.setXComponentSurfaceSize({surfaceWidth:1920,surfaceHeight:1080}); 
            this.surfaceId = this.xcomponentController.getXComponentSurfaceId() 
          }) 
          .width('720px') 
          .height('480px') 
      } 
      .backgroundColor(Color.Black) 
      // .position({x: 0, y: 48}) 
      Button('开始预览') 
        .onClick(()=>{ 
          previewCamera(getContext(this),this.surfaceId); 
 
        }) 
    } 
 
  } 
} 
async function previewCamera(baseContext:common.BaseContext,surfaceId:string):Promise<void>{ 
  //获取CameraManager 
  let cameraManager: camera.CameraManager = camera.getCameraManager(baseContext); 
 
  //获取相机列表 
  let cameraArray: Array<camera.CameraDevice> = cameraManager.getSupportedCameras(); 
 
  //创建相机输入流 
  let cameraInput: camera.CameraInput | undefined = undefined; 
  cameraInput = cameraManager.createCameraInput(cameraArray[0]); 
 
  //打开相机 
  await cameraInput.open(); 
 
  //获取相机设备支持的输出流能力 
  let cameraOutputCap :camera.CameraOutputCapability = cameraManager.getSupportedOutputCapability(cameraArray[0]); 
  let previewProfilesArray: Array<camera.Profile> = cameraOutputCap.previewProfiles; 
 
  //创建预览输出流 
  let previewOutput:camera.PreviewOutput |undefined = undefined; 
  previewOutput = cameraManager.createPreviewOutput(previewProfilesArray[0],surfaceId); 
 
  //创建会话 
  let captureSession :camera.CaptureSession |undefined = undefined; 
  captureSession = cameraManager.createCaptureSession(); 
 
  //开始配置会话 
  captureSession.beginConfig(); 
 
  // 向会话中添加相机输入流 
  captureSession.addInput(cameraInput); 
 
  // 向会话中添加预览输出流 
  captureSession.addOutput(previewOutput); 
 
  // 提交会话配置 
  await captureSession.commitConfig(); 
  // 启动会话 
  await captureSession.start(); 
}

以上是配置权限和相机的代码。图片工具可以参考这个链接:​https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/image-tool-V5​。api提供拍照和图片编辑的能力。

分享
微博
QQ
微信
回复
4天前
相关问题
如何调用系统拍照获取图片
527浏览 • 1回复 待解决
图片视频编辑控件问题
150浏览 • 1回复 待解决
如何编辑裁剪相册图片
428浏览 • 1回复 待解决
如何调用系统相机拍照
1546浏览 • 1回复 待解决
如何获取拍照图片地址
1860浏览 • 1回复 待解决
DevEcoStudio没有列选择编辑功能
6962浏览 • 1回复 已解决
如何对相册图片进行编辑裁剪
1676浏览 • 1回复 待解决
如何调用系统相机,拍照、录视频?
251浏览 • 1回复 待解决
鸿蒙可以直接调用系统相机
8444浏览 • 1回复 待解决