阅读 636

谷歌VR展示360度全景图

1.先看下效果图

谷歌的一款全景地图解决方案,超级简单

2.怎么用

1.在 build.gradle 文件中添加库依赖:

dependencies {
  implementation 'com.google.vr:sdk-panowidget:1.80.0'
}
复制代码

2.布局引用

<com.google.vr.sdk.widgets.pano.VrPanoramaView
    android:id="@+id/vr_myshow"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="10dp" />
复制代码

3.权限

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
复制代码

4. Activity中初始化组件

vr_myshow = (VrPanoramaView) findViewById(R.id.vr_myshow);
paNormalOptions = new VrPanoramaView.Options();
paNormalOptions.inputType = VrPanoramaView.Options.TYPE_STEREO_OVER_UNDER;
//  vr_myshow.setFullscreenButtonEnabled (false); // 隐藏全屏模式按钮
vr_myshow.setInfoButtonEnabled(false); // 设置隐藏最左边信息的按钮
vr_myshow.setStereoModeButtonEnabled(false); // 设置隐藏立体模型的按钮
vr_myshow.setEventListener(new VrPanoramaEventListener() { // 设置监听

        @Override
        public void onLoadSuccess() { // 图片加载成功
        }

        @Override
        public void onLoadError(String errorMessage) { // 图片加载失败
        }

        @Override
        public void onClick() { // 当我们点击了VrPanoramaView 时候触发 super.onClick();
        }

        @Override
        public void onDisplayModeChanged(int newDisplayMode) { // 改变显示模式时候触发(全屏模式和纸板模式)
            super.onDisplayModeChanged(newDisplayMode);
        }
    });

// 加载本地的图片源
vr_myshow.loadImageFromBitmap(BitmapFactory.decodeResource(getResources(), R.drawable.andes), paNormalOptions);
// 设置网络图片源
// vr_myshow.loadImageFromByteArray();
复制代码

3.源码及文档

demo链接 里面还包含了一个webview实现VR全景的demo

Google VR主页

官方github地址

关注下面的标签,发现更多相似文章
评论