CODEWITHSUNDEEP
androidxmlfragmentsurfaceview
arst3k
arst3k

Reputation: 1017

Display an Image onto a surfaceview

Hi I've a fragment in which I've a SurfaceView that contains the preview of the camera, I want to display on the surfaceview a rectangular shape. I've tried by putting an ImageView on the SurfaceView, but SurfaceView hide it.. How can I figure out?

This is how it looks rn

And I want that it looks

Here's my fragment:

public class Tab2Scan extends Fragment {

ConnectionDetector cd;
// QREader
private SurfaceView mySurfaceView;
private QREader qrEader;
Context thisContext;

View rootView;

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {

    rootView = inflater.inflate(R.layout.tab2scan, container, false);


    getActivity().getWindow().setSoftInputMode(
            WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN);

    thisContext = getContext();
    cd = new ConnectionDetector(thisContext);

    mySurfaceView = (SurfaceView) rootView.findViewById(R.id.camera_view);

    // Init QREader
    // ------------
    qrEader = new QREader.Builder(thisContext, mySurfaceView, new QRDataListener() {
        @Override
        public void onDetected(final String data) {

            //qrEader.stop();
            Intent intent = new Intent(getActivity(), ShowData.class);
            intent.putExtra("variabile", data);
            startActivity(intent);
            getActivity().finish();
            //Toast.makeText(thisContext, result.getContents(),Toast.LENGTH_LONG).show();

            Log.d("QREader", "Value : " + data);
        }
    }).facing(QREader.BACK_CAM)
            .enableAutofocus(true)
            .height(mySurfaceView.getHeight())
            .width(mySurfaceView.getWidth())
            .build();

    qrEader.start();

    return rootView;
}



@Override
public void onResume() {
    super.onResume();

    // Init and Start with SurfaceView
    // -------------------------------
    qrEader.initAndStart(mySurfaceView);
    qrEader.start();
}

@Override
public void onPause() {
    super.onPause();

    // Cleanup in onPause()
    // --------------------
    qrEader.releaseAndCleanup();
}

}

And it's the XML:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    tools:context=".Main">

<SurfaceView
    android:id="@+id/camera_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="100dp"
    android:layout_marginBottom="100dp"
    />

</RelativeLayout>

Thanks!

Upvotes: 0

Views: 2047

Answers (1)

Appyx
Appyx

Reputation: 1185

Just add an ImageView to your RelativeLayout and use a trasparent image.

The ImageViewhas to be below the tag SurfaceView and has to be the same size as the SurfaceView.

Upvotes: 2

Related Questions