How to create a BottomBar as StickyBottomCaptureLayout in camera2 Android api?

Question

Context:

In the android-7.1.1_r12 api, the android.hardware.camera2 uses a StickyBottomCaptureLayout as a "BottomBar" to display the action buttons (as switch-camera, shutter and recent picture buttons). Whatever the device orientation, this StickyBottomCaptureLayout is displayed always above/near the system bar (which has back, home and other apps buttons).

For example, this is what it looks when the rotation degree is 0 or 180:

And, by orienting the device and get a rotation degree as 90 or 270, the StickyBottomCaptureLayout is now near the system bar:

Usually, this above screenshot should has the sticky bar on the left and camera on the right...

Tries:

1. I firstly tried to set different layout with layout-land, but no luck! I cannot change the default left-to-right orientation and get the bottom bar sticks to the Android system bar on 270 degrees.

2. I cannot extend these widgets, but I tried to reproduce the case. For example, I got two layouts:

   <FrameLayout>
       <ViewGroup .../> // containing the upper views
   
       <StickyBottomBar .../> // same behavior as StickyBottomCaptureLayout
   </FrameLayout>
   

   On each orientation changes, I get the rotation's device and set the correct gravity for upper layout and the sticky bar, something as follows:

   if (rotation == 0) {
       // views gravity = TOP
       // sticky gravity = BOTTOM
   } else if (rotation == 90) {
       // views gravity = LEFT
       // sticky gravity = RIGHT
   } else if (rotation == 180) { 
       // views gravity = BOTTOM
       // sticky gravity = TOP
   } else if (rotation == 270) { 
       // views gravity = RIGHT
       // sticky gravity = LEFT
   }
   

However, this is not working at all. I don't know how these widgets make it work properly.

Question:

Does someone has a solution to reproduce the case of the bottom bar when the device orientation is changing (always above or near the Android system bar)? Keeping in mind that my minimum SDK is below 21, so I have no access to android.hardware.camera2 api.

Answer 1

I just found the solution: I need to set a RectF for each layout and set them with the right coordinates. From the source class, I manage to do this:

@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
    // rotation from context Surface.ROTATION
    int degrees = getDeviceRotation(getContext());
    // size of the sticky bottom bar
    int offsetSize = (int) getResources().getDimension(R.dimen.sticky_bar_default_size);

    // layout sticky bottom bar
    RectF bottomBarRect = getStickyBarRect(degrees, offsetSize);
    mBottomBar.layout((int) bottomBarRect.left, (int) bottomBarRect.top,
            (int) bottomBarRect.right, (int) bottomBarRect.bottom);

    // layout upper view
    RectF upperViewRect = getUpperViewRect(degrees, offsetSize);
    mUpperView.layout(...); // same logic as above

    invalidate();
}

// Gets the coordinates positions to set the Sticky Bottom Bar
private RectF getStickyBarRect(int degrees, int offsetSize) {
    float left = 0, top = 0, right = 0, bottom = 0;
    int width = getWidth();
    int height = getHeight();

    if (degrees == 0) { // stickybar at bottom
        top = height - offsetSize;
        right = width;
        bottom = height;
    } else if (degrees == 90) { // stickybar at right
        left = width - offsetSize;
        right = width;
        bottom = height;
    } else if (degrees == 180) { // stickybar at top
        right = width;
        bottom = height - offsetSize;
    } else if (degrees == 270) { // stickybar at left
        right = offsetSize;
        bottom = height;
    }

    return new RectF(left, top, right, bottom);
}

// Gets the coordinates positions to set the upper views
private RectF getUpperViewRect(int degrees, int offsetSize) {
    // same logic as getStickyBarRect()
}

And this works as expected!

---

I found a way to reproduce the smooth orientation like the native camera2 app with this answer. Using an orientation listener and the configChanges options, I'm able to reorganize the views without the default rotation animation. I set the proper positions in onLayout() and call invalidate(). ;)