利用ARCore Sceneform在android手机上实现简单的view渲染

需求说明

点击ARCore检测到平面,即可出现一个渲染的view

实现步骤

1.在主活动的xml布局中加入一个sceneform的fragment,作为呈现出ar效果的视图

首先要添加Sceneform的依赖,在build.gradle(Module:app)中的dependencies 最后添加

implementation "com.google.ar.sceneform.ux:sceneform-ux:1.5.0"

在mainfest中添加调用手机摄像头的权限:

在主活动的layout中添加以下代码以直接调用sceneform api中的fragment:

在MainActivity中可以直接调用这个fragment:

arFragment = (ArFragment) getSupportFragmentManager().findFragmentById(R.id.ux_fragment);

可以让这个fragment进行更新,这样就会实时根据手机摄像头拍摄的帧进行改变,同时有渲染物呈现在scene上的话也可以及时进行更新:

      arFragment.getArSceneView().getScene()
                .addOnUpdateListener((frameTime -> {
                    arFragment.onUpdate(frameTime);
                   // OnUpdate();
                }));

2.创建要被渲染素材
因为这份代码仅仅是为了了解sceneform的应用逻辑,所以我们简单地建立TextView,然后调用sceneform的api渲染出来即可.
接下来要做的是在drawble中添加一个"text_block":

然后在layout中创建文件"ar_test_view":

在MainActivity中进行声明:

private ViewRenderable testRenderable;

3.利用completableFuture实现对渲染线程的异步处理
渲染线程并不存在于主线程中,而是利用回调函数在需要的时候(比如点击一下屏幕)进行返回:

CompletableFuture wordRender = ViewRenderable
               .builder()
               .setView(this,R.layout.ar_test_view)
               .build();

//这里可以添加多个线程进行处理
       CompletableFuture.allOf(
               wordRender
       ).handle((notUsed, throwable) -> {

           if (throwable!=null){
               return null;
           }
           try {
               testRenderable = wordRender.get();
           }catch (InterruptedException|ExecutionException ex){

           }
               return null;

       });

4.为ARCore检测到的平面加入监听器,监听是否有触碰,如果有就加入渲染视图

arFragment.setOnTapArPlaneListener(
                (HitResult hitResult, Plane plane, MotionEvent motionEvent)->{

                    Anchor anchor = hitResult.createAnchor();
                    AnchorNode anchorNode = new AnchorNode(anchor);
                    anchorNode.setParent(arFragment.getArSceneView().getScene());

                    TransformableNode node = new TransformableNode(arFragment.getTransformationSystem());
                    node.setParent(anchorNode);
                 
                    node.setRenderable(testRenderable);

             
                    node.select();



                });