梅科尔工作室-鸿蒙第四次培训

本次开发主要讲述的是拍照功能的实现

 

主要利用了：

camera组件

官方文档里面有：

以下为相关示例：

<!-- xxx.hml-->
<div class="container">
  <camera flash="on" deviceposition="back" @error="cameraError">
  </camera>
</div>

/* xxx.css */
.container {
  display: flex;
  justify-content: center;
  align-items: center;
}
camera{
  width: 300px;
  height: 300px;
}

//xxx.js
import prompt from '@system.prompt';
export default {
  data: {
    title: 'World'
  },
  cameraError(){
    prompt.showToast({
      message: "授权失败！"
    });
  }
}

另外还有真机调试的问题

有一些预览是展示不出来的，要远程真机调试，

步骤就是注册+登录+

 分本地下载和远程两种

然后就可以调整适合的机型了。