ViewPager show black screen on swipe which contains camera

Question

What happens is that when Activity runs it shows the camera fragment but when I swipe the view pager for other fragment, it shows the screen fully black. I am not able to access the content of other fragments.

This is the layout of my view Pager.

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="lifeline.learn.com.suggestions.WallOfTheApp">

        <android.support.design.widget.TabLayout
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:id="@+id/tabLayout"/>

        <android.support.v4.view.ViewPager
            android:id="@+id/viewPager"
            android:layout_width="match_parent"
            android:animateLayoutChanges="true"
            android:background="@drawable/backgroundcorner"
            android:layout_height="match_parent"
            android:layout_below="@+id/tabLayout"/> </RelativeLayout>

Here is the class of that activity

public class WallOfTheApp extends AppCompatActivity {

    ViewPager viewPager;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate (savedInstanceState);
        setContentView (R.layout.activity_wall_of_the_app);
        requestPermissions (new String[]{Manifest.permission.CAMERA}, 10);
        TabLayout tabLayout = findViewById (R.id.tabLayout);
        viewPager = findViewById (R.id.viewPager);
        //Button cameraBtn = findViewById (R.id.camer_button);
        tabLayout.addTab (tabLayout.newTab ().setText ("MainFragment"));
        tabLayout.addTab (tabLayout.newTab ().setText ("PrfileInfo"));
        tabLayout.addTab (tabLayout.newTab ().setText ("Camera"));
        PagerAdapter adapter = new PageAdapter (getSupportFragmentManager (), tabLayout.getTabCount ());
        viewPager.setAdapter (adapter);
        viewPager.setOffscreenPageLimit (tabLayout.getTabCount ());
        viewPager.setCurrentItem (1);
        //viewPager.setPageTransformer (false, new PageTransformerAnimation ());
        viewPager.setOnPageChangeListener (new TabLayout.TabLayoutOnPageChangeListener (tabLayout));
        tabLayout.setOnTabSelectedListener (new TabLayout.OnTabSelectedListener () {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                viewPager.setCurrentItem (tab.getPosition ());
            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {

            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {

            }
        });
    }

    @Override
    public void onBackPressed() {
        if(viewPager.getCurrentItem () != 1){
            viewPager.setCurrentItem (1);
        }else{
            super.onBackPressed ();
        }
    }
}

Here is the Camera.java fragment

    public class Camera extends android.support.v4.app.Fragment {
        Context context;
        private android.hardware.Camera mCamera;
        private SurfaceHolders surfaceHolders;
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                                 Bundle savedInstanceState) {
            View view = inflater.inflate (R.layout.fragment_camera, container, false);
            context = getActivity ();
            if(checkCameraHardware (context)){
                try {
                    surfaceHolders = new SurfaceHolders (context,mCamera);
                    FrameLayout preview =  view.findViewById(R.id.camera_layout);
                    preview.addView(surfaceHolders);
                }catch (Exception e){
                    Toast.makeText (context, e.getMessage (), Toast.LENGTH_SHORT).show ();
                }
            }
            return view;
        }

        private boolean checkCameraHardware(Context context) {
            if (context.getPackageManager().hasSystemFeature(PackageManager.FEATURE_CAMERA)){
                return true;
            } else {
                return false;
            }
        }

        public static android.hardware.Camera getCameraInstance(){
            android.hardware.Camera c = null;
            try {
                c = android.hardware.Camera.open(); // attempt to get a Camera instance
            }
            catch (Exception e){
            }
            return c;
        }

        @Override
        public void onDestroyView() {
            super.onDestroyView();
            if(mCamera != null)
                   mCamera.release();
        }
    }

Here is the surface holder class

public class SurfaceHolders extends SurfaceView implements SurfaceHolder.Callback {
    private SurfaceHolder mHolder;
    private android.hardware.Camera mCamera;

    public SurfaceHolders(Context context, android.hardware.Camera camera) {
        super(context);
        mCamera = camera;
        mHolder = getHolder();
        mHolder.addCallback(this);
    }

    public void surfaceCreated(SurfaceHolder holder) {
        try {
            if(mCamera != null) {
                mCamera = Camera.open();
                mCamera.setPreviewDisplay (holder);
                mCamera.startPreview();
                mCamera.setDisplayOrientation (90);
            }
        } catch (IOException e) {

        }
    }

    public void surfaceDestroyed(SurfaceHolder holder) {
        if(mCamera != null){
            mCamera.stopPreview ();
            mCamera.release ();
            mCamera = null;
        }
    }

    public void surfaceChanged(SurfaceHolder holder, int format, int w, int h) {

        if (mHolder.getSurface() == null){
            return;
        }
        try {
            mCamera.stopPreview();
        } catch (Exception e){

        }
        try {
            mCamera.setPreviewDisplay(mHolder);
            mCamera.startPreview();
        } catch (Exception e){
            Log.e ("Error",e.getMessage ());
        }
    }
}

Here is the camera fragment layout

    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:elevation="10dp"
        tools:context="lifeline.learn.com.suggestions.Camera">
        <FrameLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/camera_layout">
        </FrameLayout>
    </FrameLayout>

What I found is that the fragment is there on swipe but it is under a screen of black color.

No it doesn't worked. It even removed the camera preview which I was getting before. — Pratham Khurana, Feb 23 '18 at 09:14
do you have the camera permissions? if you taken the permission then please check that you granted the permission from installed app in mobile @Pratham Khurana — Santanu Sur, Feb 23 '18 at 09:19
I have that code which gets the permission for the camera. And yes the app have the permission. Camera is not the problem main problem is when I swipe the view pager except the camera fragment all other fragment gets black — Pratham Khurana, Feb 23 '18 at 09:20
i am updating the code.. please check.. this time it will work hopefully.. i.e your other fragments wont get black...its the problem with the other fragments ryt? — Santanu Sur, Feb 23 '18 at 09:23
have updated.. the code..keep your camera..preview as it is..follow the **update** code — Santanu Sur, Feb 23 '18 at 09:25
Yaa I keep your code but with your code Camera fragment is also black and doesn't shows anything like other fragments — Pratham Khurana, Feb 23 '18 at 09:34
no dont keep my first code.. just keep the updated part...still same issue? did you release it `onDestroyView` or in `onDestroy` ? — Santanu Sur, Feb 23 '18 at 09:35
I have given the camera fragment layout. You can check if there is any problem — Pratham Khurana, Feb 23 '18 at 09:37
Now it contains all my new Code with your code implemented on it. — Pratham Khurana, Feb 23 '18 at 10:06

score 0 · Answer 1 · answered Feb 23 '18 at 08:57

You can check this link: TabLayout and ViewPager

Simple example:

public class FragmentOne extends Fragment {

public FragmentOne() {
    // Required empty public constructor
}

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    return inflater.inflate(R.layout.fragment_one, container, false);
}

}


public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    ViewPager viewPager = (ViewPager) findViewById(R.id.pager);
    ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());

    // Add Fragments to adapter one by one
    adapter.addFragment(new FragmentOne(), "FRAG1");
    adapter.addFragment(new FragmentTwo(), "FRAG2");
    adapter.addFragment(new FragmentThree(), "FRAG3");
    viewPager.setAdapter(adapter);

    TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs);
    tabLayout.setupWithViewPager(viewPager);


}




class ViewPagerAdapter extends FragmentPagerAdapter {
    private final List<Fragment> mFragmentList = new ArrayList<>();
    private final List<String> mFragmentTitleList = new ArrayList<>();

    public ViewPagerAdapter(FragmentManager manager) {
        super(manager);
    }

    @Override
    public Fragment getItem(int position) {
        return mFragmentList.get(position);
    }

    @Override
    public int getCount() {
        return mFragmentList.size();
    }

    public void addFragment(Fragment fragment, String title) {
        mFragmentList.add(fragment);
        mFragmentTitleList.add(title);
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return mFragmentTitleList.get(position);
    }
}
}

Santanu Sur · Answer 2 · 2018-02-23T09:42:24.177

0

Update

Dont forget to release the camera at Camera.java fragment destroyed...

@Override
public void onDestroyView() {

    super.onDestroyView();

    if (mCamera!=null)
        mCamera.release();
}

edited Feb 23 '18 at 09:42

answered Feb 23 '18 at 09:09

Santanu Sur

10,997
7
33
52

ViewPager show black screen on swipe which contains camera

2 Answers2