google vr 入门之VrPanoramaView制作全景图列表(1)

展示图片的列表我这里使用RecycleView,activity_main.xml
<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:id="@+id/activity_main"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context="com.qj.vrpanoramaviewlist.MainActivity">

<android.support.v7.widget.RecyclerView

android:id="@+id/recycleview"

android:layout_width="match_parent"

android:layout_height="match_parent"/>

mRecyclerView = (RecyclerView) findViewById(R.id.recycleview);

//全景图控件初始化

vrPanoramaView = new VrPanoramaView(this);

vrPanoramaView.setStereoModeButtonEnabled(false);//眼镜模式按钮禁掉

vrPanoramaView.setFullscreenButtonEnabled(false); //全屏模式按钮禁掉

vrPanoramaView.setInfoButtonEnabled(false); //信息按钮禁掉

vrPanoramaView.setTouchTrackingEnabled(true); //开启手触模式

options = new VrPanoramaView.Options();

options.inputType = VrPanoramaView.Options.TYPE_MONO;

为RecycleView准备数据,设置适配器

//准备数据,这里模拟假数据

mDatas = new ArrayList();

for (int i = 'A'; i < 'M'; i++) {

mDatas.add(String.valueOf((char) i));

}

mSize = mDatas.size();

mRecyclerView.setLayoutManager(new LinearLayoutManager(this));

mAdapter = new HomeAdapter();

mRecyclerView.setAdapter(mAdapter);

看看HomeAdapter的内容:

class HomeAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

@Override

public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

if (viewType == PANORAMA_ITEM) {

return new VrPanoramaViewHolder(LayoutInflater.from(mContext).inflate(R.layout.item_panorama, parent, false));

} else {

return new FooterHolder(LayoutInflater.from(mContext).inflate(R.layout.item_footer, parent, false));

}

}

@Override

public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {

if (mSize - position > 2) {

VrPanoramaViewHolder h = (VrPanoramaViewHolder) holder;

h.tv.setText(mDatas.get(position));

h.iv.setBackgroundResource(plan[position]);

if (isFirstTime) {//首次进入要显示第一个item的全景

Bitmap bitmap = BitmapFactory.decodeResource(getResources(), vr[0]);

vrPanoramaView.loadImageFromBitmap(bitmap, options);

h.iv.addView(vrPanoramaView);

currentPos = 0;

isFirstTime = false;

}

} else if (position == mSize - 1) {

FooterHolder h = (FooterHolder) holder;

h.tv.setText("到底啦...");

}

Log.e(TAG, "onBindViewHolder: " + position);

}

@Override

public int getItemCount() {

return mSize;

}

@Override

public int getItemViewType(int position) {

if (mSize - position > 2) {

return PANORAMA_ITEM;//全景图类型的item

} else {

return FOOTER_ITEM;//底部填充的两个item

}

}

class VrPanoramaViewHolder extends RecyclerView.ViewHolder {//全景图的Holder

FrameLayout iv;

TextView tv;

public VrPanoramaViewHolder(View view) {

super(view);

iv = (FrameLayout) view.findViewById(R.id.iv_content);

tv = (TextView) view.findViewById(R.id.content_name);

}

}

class FooterHolder extends RecyclerView.ViewHolder {//底部填充的Holder

TextView tv;

public FooterHolder(View view) {

super(view);

tv = (TextView) view.findViewById(R.id.footer_tv);

}

}

}

对RecycleView添加滚动监听:



既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上Go语言开发知识点,真正体系化!

加入社区》https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0

(img-r5V77i1N-1725675345398)]

外链图片转存中...(img-ckMJv0U8-1725675345398)

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上Go语言开发知识点,真正体系化!

加入社区》https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0

相关推荐
科普体验馆14 小时前
《【VR安全体验馆】深度测评:优质服务商与推荐厂家全景解析》
安全·vr
星幻元宇VR14 小时前
VR生产安全学习机|将安全教育带入沉浸式实训新时代
科技·学习·安全·vr·虚拟现实
newsxun14 小时前
香港艺术交流协会赴京考察《长征·英雄》VR项目 共探红色文化传承新路径
vr
星幻元宇VR2 天前
VR环保学习机|科技助力绿色教育新模式
大数据·科技·学习·安全·vr·虚拟现实
marteker6 天前
Meta关闭Horizon Worlds VR版
人工智能·vr
localbob6 天前
Pico 4XVR 1.10.13安装包下载与安装教程 ico 4XVR最新版下载、4XVR 1.10.13 APK安装包、Pico VR看电影软件、4XVR完整版安装教程、Pico 4播放器推荐、V
android·vr·vr播放器·vr眼镜播放器下载·pico 4xvr·4xvr下载·pico 4xvr最新版安装包
Pursue Limits6 天前
人形机器人之VR遥操作
机器人·vr
音源部落6 天前
Cubase15 R2R/VR一键安装完整版本下载安装Nuendo 14最新版本下载安装支持Win/Mac 双系统版本加104G原厂音源Mac系统不关SIP安装编曲软件Cubase 15.0.10下载
macos·vr·cubase·cubase15·nuendo·nuendo14
菜鸟不学编程6 天前
鸿蒙中的 AR/VR 开发与场景创建
ar·vr·harmonyos
720云7 天前
AI结合VR全景创作新范式,720云全景图一拍多用落地方法
vr·vr全景·720云