调用摄像头拍照 camera

本文介绍了一个简单的Android应用,该应用允许用户通过摄像头拍照并从相册选择图片进行裁剪。用户可以选择保存裁剪后的图片。
package com.gao.choosepictest;

import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.net.Uri;
import android.os.Bundle;
import android.os.Environment;
import android.provider.MediaStore;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;

import java.io.File;
import java.io.FileNotFoundException;
import java.io.IOException;

/**
 * 调用摄像头 拍照
 * 点击完成,就会回到我们程序的界面。同时,裁剪后的照片当然也会显示出来了
 */
public class MainActivity extends AppCompatActivity {
    public static final int TAKE_PHOTO = 1;
    public static final int CROP_PHOTO = 2;

    private Button takePhoto; //拍照
    private ImageView picture; //显示拍摄图片
    private Button chooseFromAlbum;// 从相机中选取
    private Uri imageUri;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        takePhoto = (Button) findViewById(R.id.take_photo);
        chooseFromAlbum = (Button) findViewById(R.id.choose_from_album);
        picture = (ImageView) findViewById(R.id.picture);

        //从相册选取
        chooseFromAlbum.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //  创建File 用于存储选择的照片
                File file = new File(Environment.getExternalStorageDirectory(), "img.png");
                if (file.exists()) {
                    file.delete();
                }
                try {
                    file.createNewFile();
                } catch (IOException e) {
                    e.printStackTrace();
                }

                imageUri = Uri.fromFile(file);
                Intent intent = new Intent("android.intent.action.GET_CONTENT");
                intent.setType("image/*");
                intent.putExtra("crop", true); //裁减
                intent.putExtra("scale", true); //缩放
                intent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);
                startActivityForResult(intent, CROP_PHOTO);

            }
        });

        //相机拍照
        takePhoto.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 创建File对象,用于存储拍照后的图片
                File file = new File(Environment.getExternalStorageDirectory(), "tempImg.jpg");
                if (file.exists()) {
                    file.delete();
                }
                try {
                    file.createNewFile();
                } catch (IOException e) {
                    e.printStackTrace();
                }

                //将 File 对象转换成 Uri 对象
                imageUri = Uri.fromFile(file);
                Intent intent = new Intent("android.media.action.IMAGE_CAPTURE");
                intent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);
                startActivityForResult(intent, TAKE_PHOTO); // 启动相机程序
            }
        });
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {

        switch (requestCode) {
            case TAKE_PHOTO:
                if (resultCode == RESULT_OK) {
                    Intent intent = new Intent("com.android.camera.action.CROP");
                    intent.setDataAndType(imageUri, "image/*");
                    intent.putExtra("scale", true);
                    intent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);
                    startActivityForResult(intent, CROP_PHOTO); // 启动裁剪程序
                }
                break;
            case CROP_PHOTO:
                if (resultCode == RESULT_OK) {
                    try {
                        //将 output_image.jpg 这张照片解析成 Bitmap 对象
                        Bitmap bitmap = BitmapFactory.decodeStream(getContentResolver().openInputStream(imageUri));

                        picture.setImageBitmap(bitmap); // 将裁剪后的照片显示出来

                    } catch (FileNotFoundException e) {
                        e.printStackTrace();
                    }
                }

            default:
                break;
        }

        super.onActivityResult(requestCode, resultCode, data);
    }
}

布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.gao.choosepictest.MainActivity">
    <Button
        android:id="@+id/choose_from_album"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="从相册中选取" />
    <Button
        android:text="打开摄像头拍照"
        android:id="@+id/take_photo"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

    <ImageView
        android:id="@+id/picture"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal" />
</LinearLayout>

需要加入的权限

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

<think>好的,我现在需要帮助用户了解如何在UniApp中使用camera组件调用摄像头。首先,我得回顾一下用户提供的引用内容,看看有没有相关的示例或组件。根据引用[2],提到了一个自定义相机组件Ba-CameraView,用户可能在问如何使用官方的camera组件或者类似的自定义组件。引用[4]提到了uniapp调用手机摄像头的方法,特别是解决官方必须使用原生插件的问题,这可能意味着官方camera组件可能有局限性,需要自定义实现。 用户的问题明确询问使用camera组件的示例,所以需要先检查UniApp官方文档中的camera组件用法。官方文档中,camera组件是原生组件,可能需要特定的配置。比如,在template中添加<camera>标签,设置device-position属性控制前后摄像头,以及绑定相关事件如stop、error等。 然后,用户提供的引用中有Vue的示例,比如引用[3]中使用了async getMedia()方法,通过constraints配置前后摄像头。虽然这是Vue的实现,但在UniApp中可能需要类似的逻辑,但可能需要调用uniapp的API,比如uni.createCameraContext。 接下来,需要编写一个基本的示例代码,展示如何在UniApp中使用camera组件。包括启动摄像头、切换摄像头拍照等功能。例如,在template中使用<camera>组件,设置device-position属性为front或back,使用按钮触发切换和拍照操作。在script部分,定义data中的devicePosition,然后编写toggleCamera方法改变devicePosition的值,以及takePhoto方法调用createCameraContext来拍照。 另外,需要考虑权限问题,UniApp可能需要配置隐私权限,比如在manifest.json中声明camera权限。此外,真机测试的必要性,因为模拟器可能无法调用摄像头。引用[4]提到解决官方原生插件问题,可能涉及到使用自定义组件或插件,比如提到的Ba-CameraView,但用户的问题更关注官方camera组件的使用,所以示例应基于官方组件。 可能还需要提到优化建议,比如引用[1]中的startCamera、toggleCamera、stopCamera函数,这些在UniApp中可能需要对应的实现。例如,停止摄像头可能需要销毁camera实例或隐藏组件。 最后,生成相关问题,比如如何切换前后摄像头,如何处理拍照后的图片,如何解决权限问题等,帮助用户进一步了解相关知识点。</think>在UniApp中使用官方`camera`组件实现摄像头功能的示例如下: ### 基础实现 ```html <template> <view> <camera device-position="front" style="width: 100%; height: 400rpx;" @stop="onCameraStop" @error="onCameraError" ref="myCamera" ></camera> <button @click="toggleCamera">切换摄像头</button> <button @click="takePhoto">拍照</button> <image :src="photoPath" mode="aspectFit"></image> </view> </template> <script> export default { data() { return { devicePosition: 'front', photoPath: '' } }, methods: { // 切换摄像头 toggleCamera() { this.devicePosition = this.devicePosition === 'front' ? 'back' : 'front'; }, // 拍照功能 takePhoto() { const cameraContext = uni.createCameraContext(this.$refs.myCamera); cameraContext.takePhoto({ quality: 'high', success: (res) => { this.photoPath = res.tempImagePath; uni.previewImage({ urls: [res.tempImagePath] }); } }); }, onCameraStop() { console.log('摄像头停止'); }, onCameraError(e) { console.error('摄像头错误:', e.detail); } } } </script> ``` ### 关键配置说明 1. **设备方向**:通过`device-position`属性设置`front`(前置)或`back`(后置)[^3] 2. **拍照质量**:`takePhoto`方法支持`low`/`normal`/`high`三种质量等级 3. **权限配置**:需在`manifest.json`中添加: ```json "permission": { "scope.userLocation": {}, "camera": {} } ``` ### 注意事项 1. **原生组件层级**:camera组件属于原生组件,在部分安卓机上可能覆盖普通组件[^2] 2. **真机调试**:必须使用真机测试才能调用摄像头功能 3. **多端兼容**:不同平台对摄像头参数的支持可能存在差异
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值