首页 >Unity3D频道 >【Unity3D研究院之游戏开发】 > Unity3D研究院之打开照相机与本地相册进行裁剪显示(三十三)
2012
07-13

Unity3D研究院之打开照相机与本地相册进行裁剪显示(三十三)

         最近做项目需要用到这个功能,就是在Unity中调用Android本地相册或直接打开摄像机拍照并且裁剪一部分用于用户头像,今天研究了一下,那么研究出成果了MOMO一定要分享给大家。Unity与Android的交互还有谁不会?? 如果有不会的朋友请看MOMO之前的文章喔,Unity3D研究院之打开Activity与调用JAVA代码传递参数(十八)这里有关交互的方式就不详细说明,主要将如何在Unity中打开摄像机、在Unity中打开本地相册,选一个照片后如何进行裁剪,最后将图片转换成Texture显示在U3D的世界当中。

首先看看Eclipse中的Android插件部分,我的包名是com.xys请大家与MOMO保持一致,Unity工程中也需要是这个包名噢。

UnityTestActivity.java 这个类是Unity的插件主类,在这里调用是打开摄像机 还是本地相册的方法。

package com.xys;

import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import com.unity3d.player.UnityPlayerActivity;

public class UnityTestActivity extends UnityPlayerActivity {
//public class UnityTestActivity extends Activity {

	Context mContext = null;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		mContext = this;
	}

	//Unity中会调用这个方法,用于区分打开摄像机 开始本地相册
	 public void TakePhoto(String str)
	 {
	         Intent intent = new Intent(mContext,WebViewActivity.class);
	         intent.putExtra("type", str);
	         this.startActivity(intent);
	 }
}

 

然后是WebViewActivity.java 这里主要处理用户打开摄像机或本地相册后如何进行裁剪图片,并且把裁剪的图片储存在本地文件中。

package com.xys;

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

import com.unity3d.player.UnityPlayer;

import android.app.Activity;
import android.content.Intent;
import android.graphics.Bitmap;
import android.net.Uri;
import android.os.Bundle;
import android.os.Environment;
import android.provider.MediaStore;
import android.view.KeyEvent;
import android.widget.ImageView;

public class WebViewActivity extends Activity
{

    ImageView imageView = null;  

    public static final int NONE = 0;
    public static final int PHOTOHRAPH = 1;// 拍照
    public static final int PHOTOZOOM = 2; // 缩放
    public static final int PHOTORESOULT = 3;// 结果  

    public static final String IMAGE_UNSPECIFIED = "image/*";  

    public final static String FILE_NAME = "image.png";
    public final static String DATA_URL = "/data/data/";

	@Override
	protected void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);

		setContentView(R.layout.main);

		imageView = (ImageView) this.findViewById(R.id.imageID);

		String type = this.getIntent().getStringExtra("type");

		//在这里判断是打开本地相册还是直接照相
		if(type.equals("takePhoto"))
		{
			  Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
              intent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(new File(Environment.getExternalStorageDirectory(), "temp.jpg")));
              startActivityForResult(intent, PHOTOHRAPH);
		}else
		{
		       Intent intent = new Intent(Intent.ACTION_PICK, null);
               intent.setDataAndType(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, IMAGE_UNSPECIFIED);
               startActivityForResult(intent, PHOTOZOOM);
		}

    }  

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        if (resultCode == NONE)
            return;
        // 拍照
        if (requestCode == PHOTOHRAPH) {
            //设置文件保存路径这里放在跟目录下
            File picture = new File(Environment.getExternalStorageDirectory() + "/temp.jpg");
            startPhotoZoom(Uri.fromFile(picture));
        }  

        if (data == null)
            return;  

        // 读取相册缩放图片
        if (requestCode == PHOTOZOOM) {
            startPhotoZoom(data.getData());
        }
        // 处理结果
        if (requestCode == PHOTORESOULT) {
            Bundle extras = data.getExtras();
            if (extras != null) {  

                Bitmap photo = extras.getParcelable("data");
		        imageView.setImageBitmap(photo);  

            	try {
            		SaveBitmap(photo);
				} catch (IOException e) {
					// TODO Auto-generated catch block
					e.printStackTrace();
				}
            }  

        }  

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

    public void startPhotoZoom(Uri uri) {
        Intent intent = new Intent("com.android.camera.action.CROP");
        intent.setDataAndType(uri, IMAGE_UNSPECIFIED);
        intent.putExtra("crop", "true");
        // aspectX aspectY 是宽高的比例
        intent.putExtra("aspectX", 1);
        intent.putExtra("aspectY", 1);
        // outputX outputY 是裁剪图片宽高
        intent.putExtra("outputX", 300);
        intent.putExtra("outputY", 300);
        intent.putExtra("return-data", true);
        startActivityForResult(intent, PHOTORESOULT);
    }  

	public void SaveBitmap(Bitmap bitmap) throws IOException {

		FileOutputStream fOut = null;

		//注解1
		String path = "/mnt/sdcard/Android/data/com.xys/files";
		try {
			  //查看这个路径是否存在,
			  //如果并没有这个路径,
			  //创建这个路径
			  File destDir = new File(path);
			  if (!destDir.exists())
			  {

				  destDir.mkdirs();

			  }

			fOut = new FileOutputStream(path + "/" + FILE_NAME) ;
		} catch (FileNotFoundException e) {
			e.printStackTrace();
		}
		//将Bitmap对象写入本地路径中,Unity在去相同的路径来读取这个文件
		bitmap.compress(Bitmap.CompressFormat.PNG, 100, fOut);
		try {
			fOut.flush();
		} catch (IOException e) {
			e.printStackTrace();
		}
		try {
			fOut.close();
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

	@Override
	public boolean onKeyDown(int keyCode, KeyEvent event)
	{
		if (keyCode == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0)
		{
			   //当用户点击返回键是 通知Unity开始在"/mnt/sdcard/Android/data/com.xys/files";路径中读取图片资源,并且现在在Unity中
			   UnityPlayer.UnitySendMessage("Main Camera","message",FILE_NAME);

		}
		return super.onKeyDown(keyCode, event);
	}
}

 

注解1:主要是路径”/mnt/sdcard/Android/data/com.xys/files”,如下图所示,我们在这里把文件保存在这个路径下。为什么要把图片2进制文件写在这里呢? 还记得以前MOMO给大家说过在Unity中访问Android或IOS本地2进制文件时用到的这个路径,

Application.persistentDataPath   该路径等价于 /mnt/sdcard/Android/data/com.xys/files ,当然后者的包名是对应的工程包名,这样在Unity中可以找到对应裁剪后的图片文件,并且显示在Unity中。

Unity3D研究院之打开照相机与本地相册进行裁剪显示(三十三) - 雨松MOMO程序研究院 - 1

 

AndroidManifest.xml  这个文件也没什么好说的,大家看看吧。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.xys"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk android:minSdkVersion="10" />

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name" >
        <activity
            android:name=".UnityTestActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

       <activity
            android:name=".WebViewActivity">
        </activity>
    </application>

    <!-- 连接互联网的权限 -->
    <uses-permission android:name="android.permission.INTERNET" />
    <!-- SDCard中创建与删除文件权限 -->
<uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS"/>
<!-- SDCard写入数据权限 -->
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
</manifest>

 

然后把上面的Android工程打包做成插件放在Unity中。如下图所示,这个我的Unity工程中对应的路径。如果看不懂的朋友请看我之前的文章哈。

 

Unity3D研究院之打开照相机与本地相册进行裁剪显示(三十三) - 雨松MOMO程序研究院 - 2

 

然后看Test.cs脚本,它直接挂在摄像机身上。

using UnityEngine;
using System.Collections;
using System.IO;

public class Test : MonoBehaviour
{
	public GUISkin skin;
	Texture texture;

	void Update ()
	{

		if (Input.GetKeyDown(KeyCode.Escape) || Input.GetKeyDown(KeyCode.Home))
  		{
   			Application.Quit();
  		}
	}

	void OnGUI()
	{
		 GUI.skin = skin;

		if(GUILayout.Button("打开手机相册"))
		{
			 //调用我们制作的Android插件打开手机相册
			 AndroidJavaClass jc = new AndroidJavaClass("com.unity3d.player.UnityPlayer");
      	 	 AndroidJavaObject jo = jc.GetStatic<AndroidJavaObject>("currentActivity");
        	 jo.Call("TakePhoto","takeSave");

		}
		if(GUILayout.Button("打开手机摄像机"))
		{
			 //调用我们制作的Android插件打开手机摄像机
			 AndroidJavaClass jc = new AndroidJavaClass("com.unity3d.player.UnityPlayer");
      	 	 AndroidJavaObject jo = jc.GetStatic<AndroidJavaObject>("currentActivity");
        	 jo.Call("TakePhoto","takePhoto");

		}
		if(texture != null)
		{
			//注意! 我们在这里绘制Texture对象,该对象是通过
			//我们制作的Android插件得到的,当这个对象不等于空的时候
			//直接绘制。
			GUI.DrawTexture(new Rect(100,300,300,300),texture);
		}
	}

	void  messgae(string str)
	{
		//在Android插件中通知Unity开始去指定路径中找图片资源
		StartCoroutine(LoadTexture(str));

	}

  IEnumerator LoadTexture(string name)
  {
	//注解1
	string path  =  "file://" + Application.persistentDataPath +"/" + name;

	WWW www = new WWW(path);
	while (!www.isDone)
	{

	}
	yield return www;
	//为贴图赋值
	texture = www.texture;
  }
}

 

注解1:请大家一定要注意这个路径的写法, 前面一定要加 “File://” 不然无法读取。OK说了这么多我们看看这个项目运行的效果,激动人心的时刻来临啦 嚯嚯嚯嚯!!!

1.首次进入的画面, 这里的图片是我刚刚从相册选择的

 

Unity3D研究院之打开照相机与本地相册进行裁剪显示(三十三) - 雨松MOMO程序研究院 - 3

 


2.打开相册我们选择一张图片

Unity3D研究院之打开照相机与本地相册进行裁剪显示(三十三) - 雨松MOMO程序研究院 - 4

 

3. 选择一张图片,我们进行裁剪

 

Unity3D研究院之打开照相机与本地相册进行裁剪显示(三十三) - 雨松MOMO程序研究院 - 5

 

最后我们返回到Unity中界面。新的图片Unity已经完成读取,界面上已经修改成刚刚我裁剪的啦,哇咔咔。 怎么样,还不错啦? 哈哈后。这个做用户头像肯定给力 蛤蛤。

 

Unity3D研究院之打开照相机与本地相册进行裁剪显示(三十三) - 雨松MOMO程序研究院 - 6

如果点击打开摄像机按钮,拍照完毕后会提示裁剪,裁减完毕返回到Unity界面中同样能看到效果。
最后MOMO将本篇博文的源码放出来,  源码包括Android的工程 与Unity的工程,雨松MOMO祝大家学习愉快,大家互相学习互相进步,加油哇咔咔,啦啦啦。
最后编辑:
作者:雨松MOMO
专注移动互联网,Unity3D游戏开发
捐 赠写博客不易,如果您想请我喝一杯星巴克的话?就进来看吧!

Unity3D研究院之打开照相机与本地相册进行裁剪显示(三十三)》有 137 条评论

  1. 匿名说:

    MOMO 你好好不容易在台灣這兒買到你的書獲益良多我想問問MOMO 是否有研究過 unity 該如何才能直接使用apple i系列產品的相機鏡頭呢 ??

  2. /kf?东风雨说:

    MOMO你好, 有没有不经过剪辑步骤,直接选择图片并返回到unity项目中, IOS中就是这样实现的, android 多了两步,剪切和返回 才可以回到unity中,我试着修改代码,但是没有成功..android 经验有限.. 求MOMO指点..

  3. /kf 东风雨说:

    MOMO你好, 有没有不经过剪辑步骤,直接选择图片并返回到unity项目中, IOS中就是这样实现的, android 多了两步,剪切和返回 才可以回到unity中,我试着修改代码,但是没有成功..android 经验有限.. 求MOMO指点..

  4. 我觉得应该是路径的问题吧,你的测试手机是什么? 我用的是nexts

  5. 勿忘我说:

    我下载了你的这个程序试了一下,发现只要点击保存图片后就会出现弹出框,提示异常报错的错误,这个会是什么回事?

  6. 你测试的手机是哪款?我用的是 谷歌nexus

  7. min说:

    请问在IOS下怎么实现的

  8. min说:

    能否交流下在IOS下实现的,我的qq 154908276

  9. 缺氧小老鼠说:

    MOMO你好,麻烦一下:我在这里 Bitmap photo = extras.getParcelable(“data”);取出来的photo始终是null,不知道是什么原因?查文档看getParcelable(String key)需要提供一个key,不知道这个key(就是那个”data”)是在哪里定义的,是系统的吗?这里有几个错误提示:一个是:Key data excepted Parcelable but value was a java.lang.String.The default value was returned.另一个是(这个就是提示photo是null的那里,主要是extras.getParcelable(“data”)中data的问题导致的):09-20 12:43:46.894: E/AndroidRuntime(29853): java.lang.RuntimeException: Failure delivering result ResultInfo{who=null, request=3, result=-1, data=Intent { dat=content://media/external/images/media/118 (has extras) }} to activity {com.xys/com.xys.WebViewActivity}: java.lang.NullPointerException谢谢解答

  10. 上面的那句“Unity工程中也需要是这个包名噢” 很微妙,容易让人理解成Unity工程的名字实际上改的是Bundle Identifier(-,-这个翻译过来不是包名的意思吧,唯一的标识符?)

  11. MoMo大大 改天要不要研究下如何获取麦克风的 学习学习做一个通过声音来控制的安卓游戏什么的

  12. Android的工程我完全没动,我直接用Unity的工程导出成一个安卓程序,一运行就死机=_,=后来我再仔细琢磨了下 原来unity的Bundle Id要设成com.xys,(而不是工程名改成那个运行成功!

  13. 没深入研究过 顶一个

  14. 于立柱说:

    你好。可以讲一讲实现扫描二维码的功能么

  15. 刀锋说:

    最近我也在实现IOS上的这个功能,能把获得的图片保存到沙盒Documents下,但是在程序读的时候总是显示他的默认问号贴图,有几个问题想请教: ① 我在PC上测试“file://D:/test.jpg”得不到图片,file:/D:/test.jpg反倒能得到,我在IOS上测试也发生了这个现象,用file://会直接崩掉,用file:/尽管没有读到图片,但不至于崩掉。去官方Answer上发现还有人建议用file:/// .问题:file:/和file://有什么区别。 ② while (!www.isDone)这一句的作用是什么?

    • 1. File:// 是标准用法, 我没出现过你的情况。 还是说你的图片比较特殊。 2. http://www.isDone 表示 图片是否完成下载, 因为下载是异步 所以 需要在这里等待它下载完成

      • 刀锋说:

        弄好了,用的file://,问题出在NString和char*的转化上,www.isDone我没有加上去,没看见什么异常。 能写篇文章介绍下内置材质对移动平台的影响就好了,最近发现一些材质在移动平台上耗的厉害。

留下一个回复

你的email不会被公开。 必填项已用 * 标注。