Camera preview UI overlay on Android?

android user-interface camera overlay preview
Eli Ben-Ami picture Eli Ben-Ami · Dec 27, 2009 · Viewed 15.6k times · Source

How do I write code which layouts UI elements (Buttons, etc) over camera preview on Android ?

Answer

CommonsWare picture CommonsWare · Dec 27, 2009

Put the SurfaceView in a container that allows for Z-axis layering, such as RelativeLayout or FrameLayout. Put the things to appear on top of the SurfaceView later in the XML -- later children of a parent will draw over top of earlier children in the parent.

Here is a project using a SurfaceView for video playback that demonstrates the technique. The same concepts should hold for a SurfaceView for camera preview.

Bear in mind that extra work needs to be done by Android to blend your widgets with the preview, so your preview frame rate may drop.

Related questions

What is the difference between "px", "dip", "dp" and "sp"?

What is the difference between Android units of measure? px dip dp sp

Read More
How do I align views at the bottom of the screen?

Here's my layout code; <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:text="@string/…

Read More
How to create RecyclerView with multiple view type?

From https://developer.android.com/preview/material/ui-widgets.html When we create RecyclerView.Adapter we have to specify ViewHolder that will bind with the adapter. public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> { private String[] mDataset; public MyAdapter(…

Read More