Android移动开发-VR全景照片简单实现

VR技术的热度每年都在增长，在购物、旅游等方面运用度很高。该项目引用了Google的vr:sdk-panowidget依赖库，通过VrPanoramaView，简单实现在手机上查看全景照片，下面是项目介绍。


build.gradle(Module:app)需要导入依赖：

dependencies {
implementation ‘com.google.vr:sdk-panowidget:1.30.0’
}

布局文件 activity_main.xml，调用Google的VrPanoramaView。在运行时支持触摸水平滑动浏览全景，不支持垂直方向；实现自动调用手机陀螺仪传感器，进行同步旋转全景图片。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content">
    <com.google.vr.sdk.widgets.pano.VrPanoramaView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/my_vr_view">
    </com.google.vr.sdk.widgets.pano.VrPanoramaView>
</RelativeLayout>

MainActivity文件，在应用运行时，读取assets文件中的素材pic.jpg，调用makeimageToByte方法转换格式。
Options是VrPanoramaView所需的设置，设置TYPE_MONO，图像被预期以覆盖沿着其水平轴360度，使图片可以360水平旋转。
若使用VR设备，可以设置TYPE_STEREO_OVER_UNDER，将图片分割成重合度很高两部分，分别对应左眼与右眼。

public class MainActivity extends AppCompatActivity {
     

    /**
     * vr控件
     */
    private VrPanoramaView vrpview;

    /**
     * byte格式
     */
    private Bitmap bitmap = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
     
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        vrpview = (VrPanoramaView) findViewById(R.id.my_vr_view);

        VrPanoramaView.Options options = new VrPanoramaView.Options();
        options.inputType = VrPanoramaView.Options.TYPE_MONO;
        vrpview.setStereoModeButtonEnabled(false);//隐藏全屏模式
        vrpview.setInfoButtonEnabled(false);//隐藏信息按钮

        String uri = "pic.jpg";
        vrpview.loadImageFromByteArray(makeimageToByte(uri), options);

        vrpview.setEventListener(new VrPanoramaEventListener(){
     
            @SuppressLint("ShowToast")
            @Override
            public void onLoadSuccess() {
     
                //加载成功
                super.onLoadSuccess();
                Toast.makeText(MainActivity.this, "加载完成", Toast.LENGTH_SHORT).show();
            }

            @SuppressLint("ShowToast")
            @Override
            public void onLoadError(String errorMessage) {
     
                //加载失败
                super.onLoadError(errorMessage);
                Toast.makeText(MainActivity.this, "加载失败", Toast.LENGTH_SHORT).show();
            }

            @SuppressLint("ShowToast")
            @Override
            public void onClick() {
     
                //点击事件
                super.onClick();
                Toast.makeText(MainActivity.this, "点击了全景", Toast.LENGTH_SHORT).show();
            }

            @SuppressLint("ShowToast")
            @Override
            public void onDisplayModeChanged(int newDisplayMode) {
     
                //切换模式
                super.onDisplayModeChanged(newDisplayMode);
                Toast.makeText(MainActivity.this, "改变显示模式", Toast.LENGTH_SHORT).show();
            }
        });

    }

makeimageToByte方法，通过getAssets()读取assets文件。

public byte[] makeimageToByte(String path){
     
        byte[] data = null;
        InputStream input = null;
        ByteArrayOutputStream output = null;
        try {
     
            input = getAssets().open(path);
            output = new ByteArrayOutputStream();
            byte[] buf = new byte[1024];
            int numBytesRead;
            while ((numBytesRead = input.read(buf)) != -1) {
     
                output.write(buf, 0, numBytesRead);
            }
            data = output.toByteArray();
        } catch (IOException ex1) {
     
            ex1.printStackTrace();
        } finally {
     
            try {
     
                if (input != null) {
     
                    input.close();
                }
                if (output != null) {
     
                    output.close();
                }
            } catch (IOException e) {
     
                e.printStackTrace();
            }
        }
        return data;
    }

需要注意的是，assets文件的目录一定要与res和java同级，否则素材无法被读取，软件运行时没有对应的图片显示。
查看方法：切换到Project->app->src->main

最后，复写处理资源的方法，加载图片与回收资源等

 /**
     * 渲染3D
     */
    @Override
    protected void onResume() {
     
        super.onResume();
        if (vrpview != null){
     
            vrpview.resumeRendering();
        }
    }
    /**
     * 暂停渲染
     */
    @Override
    protected void onPause() {
     
        super.onPause();
        if (vrpview != null){
     
            vrpview.pauseRendering();
        }
    }

    /**
     * 释放资源
     */
    @Override
    protected void onDestroy() {
     

        vrpview.shutdown();
        if (bitmap != null && !bitmap.isRecycled()){
     
            bitmap.recycle();
            System.gc();
        }
        super.onDestroy();
    }

assets中放入素材：pic.jpg

运行效果：

水平触摸滑动

陀螺仪传感

作者 石文禧
原文链接
参考资料