flutter 系列之: 在 flutter 中使用相机拍摄照片
简介
在 app 中使用相机肯定是再平常不过的一项事情了，相机肯定涉及到了底层原生代码的调用，那么在 flutter 中如何快速简单的使用上相机的功能呢？
一起来看看吧。
使用相机前的准备工作
flutter 中为使用 camera 提供了一个叫做 camera 的插件，我们首先需要安装这个插件。
安装插件的步骤很简单,如下所示：
该命令会在 pubspec.xml 中添加下面的内容：
除了 camera 之外，我们还需要对照相机拍摄的照片进行保存，这样我们还需要用到 path_provider 和 path 这两个 plugin。
我们使用同样的方式对这两个插件进行安装。
安装好之后，我们就可以在 flutter 中的代码中愉快的使用 camera 了。
在使用 camera 之前，我们还需要获取相应的权限信息，比如在 IOS 中，我们需要在 ios/Runner/Info.plist 中添加下面的权限信息：
在 andorid 中需要配合 minSdkVersion>=21 来使用。
在 flutter 中使用 camera
camera 插件为我们提供了一系列的功能来方便 camera 的使用。
camera 的使用需要遵循下面的步骤，因为现在的手机可能会有多个摄像头，所以我们需要通过 api 获取到可以使用的摄像头列表。
接下来我们使用选中的摄像头，进行一些控制操作，然后需要使用相应的 camera 视图来展示相应的照相机图像.
最后调用摄像头相关的拍摄功能进行拍摄。
听起来好像挺复杂的，事实上只要遵照上面的顺序，一切都是非常简单的。
首先我们需要获取可用的摄像头列表，这个步骤是通过调用 camera 包中的 availableCameras 方法来实现的：
availableCameras 是一个异步方法，返回的是一个 Future 对象，其中的值是 CameraDescription 列表。
CameraDescription 是对 camera 的描述文件:
name 是摄像头的名称，lensDirection 是摄像头面对的方向，sensorOrientation 是传感器的方向，也就说你的手机是正常放置，还是选择 90 度放置。
因为 availableCameras 是一个异步方法，所以我们需要把它包裹在一个异步方法中进行调用：
这里我们拿到了第一个摄像头，注意，这里的 firstCamera 是一个 CameraDescription 对象。
因为模拟器上没有摄像头，如果你是在模拟器上运行上面的程序的话，将会抛出下面的异常：
为了对这个 camra 进行控制， 我们需要创建一个 CameraController 对象：
CameraController 的构造函数需要一个 CameraDescription 对象和分辨率等信息，并且还需要进行初始化，这里我们调用了它的 initialize 方法。
这里的 initialize 方法也是一个异步方法。
为了在 CameraController 初始化之后再对 Camera 进行使用，我们需要在返回的 widget 中使用 FutureBuilder 来构建：
具体要展示什么内容呢？这里使用的是 camera 包中自带的 CameraPreview 组件。
CameraPreview 需要传入一个 CameraController 对象，也就是之前我们创建的对象。
最后就是调用 CameraController 的方法进行拍照了。我们把拍照的逻辑放在 floatingActionButton 中，如下所示：
具体的逻辑就是调用 controller.takePicture 方法进行拍照。将拍好照的 image 放在一个新的 widget 中展示。
总结
摄像头是 app 中常用的功能，flutter 中的 camera 插件为我们提供了摄像头的控制功能，非常简单。
版权声明: 本文为 InfoQ 作者【程序那些事】的原创文章。
原文链接:【http://xie.infoq.cn/article/f13c8767aa20676760a620cf0】。文章转载请联系作者。
关注公众号：程序那些事，更多精彩等着你！ 2020-06-07 加入
最通俗的解读，最深刻的干货，最简洁的教程，众多你不知道的小技巧，尽在公众号：程序那些事！
评论