title: How to adjust ViewRenderable to match AugmentedImage size?
body: <p>I'm making a small AR app on Android to detect GIFs from a snapshot and overlay the actual GIF using <code>AugmentedImages</code>, but I can't get the size of the <code>ViewRenderable</code> to match up with the detected image so it perfectly overlays.</p>
  
  <p>I'm following the <a href="https://github.com/google-ar/sceneform-android-sdk/tree/master/samples/augmentedimage" rel="nofollow noreferrer">AugmentedImages Sceneform sample</a> from Google, changing it to Kotlin and using my own images manually added to the <code>AugmentedImageDatabase</code>.</p>
  
  <p>Below is the closest I've been able to get, but it still doesn't match up completely. <code>gifView</code> is set with the <code>ViewRenderable.builder()</code> and uses a simple XML file, shown after the code block. I'm using Glide in the <code>.thenAccept</code> of the builder to load the correct GIF from a URL.</p>
  
  <p><code>AugmentedImageNode</code></p>
  
  <pre><code>private var gifView: ViewRenderable? = null
  ...
  fun setImageToNode(image: AugmentedImage) {
      anchor = image.createAnchor(image.centerPose)
  
      gifView?.sizer = FixedHeightViewSizer(image.extentZ)
  
      val pose = Pose.makeTranslation(0.0f, 0.0f, 0.0f)
      val localPosition = Vector3(pose.tx(), pose.ty(), pose.tz())
      val centerNode = Node()
      centerNode.setParent(this)
      centerNode.localPosition = localPosition
      centerNode.localRotation = Quaternion(pose.qx(), 90f, -90f, pose.qw())
      centerNode.renderable = gifView
      centerNode.localScale = Vector3(image.extentX * 15f, image.extentZ * 30f, 1.0f)
  }   
  </code></pre>
  
  <p><code>R.layout.image_item</code></p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;ImageView xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
      android:id="@+id/imageView"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      app:srcCompat="@drawable/easy_button" /&gt;
  </code></pre>
  
  <p>No error messages are appearing, but the rendered image does not match the size of the detected image. I would like this to be dynamic since obviously not every GIF has the same dimensions.</p>
  
  <p>See <a href="https://i.imgur.com/KCBgffs.jpg" rel="nofollow noreferrer">this screenshot</a> and notice how the detected image is slightly larger and looks like it's making a border around the clearer rendered image? (Not related to this question, but my camera isn't autofocusing even though I set the correct configuration setting)</p>