需求说明

点击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中添加调用手机摄像头的权限:

 <uses-permission android:name="android.permission.CAMERA" />
 <uses-feature android:name="android.hardware.camera.ar" android:required="true" />

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

  <fragment
        android:id="@+id/ux_fragment"
        android:name="com.google.ar.sceneform.ux.ArFragment"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@id/control"
        app:layout_constraintVertical_chainStyle="spread"
        app:layout_constraintVertical_weight="9"/>

在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":

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#E61976d2"/>
    <corners android:radius="10dp"/>
</shape>

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

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/writeCard"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:background="@drawable/text_block"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="6dp"
    android:text="Hello Sceneform !"
    android:textAlignment="center" />

在MainActivity中进行声明:

private ViewRenderable testRenderable;

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

CompletableFuture<ViewRenderable> 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();



                });