Navigation Drawer and VideoView in android

问题:

I am using a navigation drawer plus a tablayout. I have a video in my tab which was not visible at first, but I can hear the sound. Once I set

video_view.setZOrderOnTop(true); 

and I can also see the video, but this causes an issue with navigation drawer.

When I slide it, the video doesn't hide behind the navigation drawer as do all other elements.

If I don't use

video_view.setZOrderOnTop(true); 

then my drawer is works fine.

main_activity.xml

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent">  <!-- Framelayout to display Fragments --> <android.support.design.widget.CoordinatorLayout      xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:app="http://schemas.android.com/apk/res-auto"     android:layout_width="match_parent"     android:layout_height="match_parent">      <android.support.design.widget.AppBarLayout         android:layout_width="match_parent"         android:layout_height="wrap_content"         android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">          <android.support.v7.widget.Toolbar             android:id="@+id/toolbar"             android:layout_width="match_parent"             android:layout_height="?attr/actionBarSize"             android:background="?attr/colorPrimary"             app:layout_scrollFlags="scroll|enterAlways"             app:popupTheme="@style/ThemeOverlay.AppCompat.Light">                  <ImageView                     android:layout_width="wrap_content"                     android:layout_height="wrap_content"                     android:src="@drawable/menuwhite2"                     android:id="@+id/custom_home"                     android:gravity="center"                     android:layout_gravity="right"                     android:layout_marginRight="10dp"/>                  <android.support.design.widget.TabLayout                     android:id="@+id/tabs"                     android:layout_width="match_parent"                     android:layout_height="wrap_content"                     app:tabMode="fixed"                     app:tabGravity="fill"                     />          </android.support.v7.widget.Toolbar>     </android.support.design.widget.AppBarLayout>      <android.support.v4.view.ViewPager         android:id="@+id/viewpager"         android:layout_width="match_parent"         android:layout_height="match_parent"         app:layout_behavior="@string/appbar_scrolling_view_behavior"  /> </android.support.design.widget.CoordinatorLayout>   <!-- Listview to display slider menu --> <ListView     android:id="@+id/list_slidermenu"     android:layout_width="240dp"     android:layout_height="match_parent"     android:layout_gravity="end"     android:choiceMode="singleChoice"     android:divider="@color/list_divider"     android:dividerHeight="1dp"     android:listSelector="@drawable/list_selector"     android:background="@color/list_background"/> 

tab_fragment.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout android:layout_width="match_parent"     android:layout_height="wrap_content"     android:orientation="vertical"     >      <android.support.v7.widget.CardView         android:id="@+id/cardview"         android:layout_width="fill_parent"         android:layout_height="wrap_content">          <TextView             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:text="hello"/>     </android.support.v7.widget.CardView>      <RelativeLayout         android:layout_width="match_parent"         android:layout_height="match_parent" >          <RelativeLayout             android:id="@+id/layoutTop"             android:layout_width="match_parent"             android:layout_height="match_parent">              <VideoView                 xmlns:android="http://schemas.android.com/apk/res/android"                 android:id="@+id/video_player_view"                 android:layout_height="200dp"                 android:layout_width="fill_parent"/>          </RelativeLayout>          <RelativeLayout             android:id="@+id/layoutBottom"             android:layout_width="match_parent"             android:layout_height="wrap_content"             android:layout_below="@id/layoutTop">              <TextView                 android:layout_width="wrap_content"                 android:layout_height="wrap_content"                 android:text="hello"/>          </RelativeLayout>         <ImageView             android:id="@+id/overlapImage"             android:layout_width="wrap_content"             android:layout_height="40dp"             android:layout_above="@id/layoutBottom"             android:adjustViewBounds="true"             android:src="@mipmap/ic_launcher" />      </RelativeLayout> </LinearLayout> 

TabFragment.java

@Override public View onCreateView(LayoutInflater inflater, ViewGroup container,                          Bundle savedInstanceState) {     // Inflate the layout for this fragment     final View view = inflater.inflate(R.layout.tab_fragment, container, false);     VideoView video_player_view = (VideoView) view.findViewById(R.id.video_player_view);     video_player_view.setVideoURI("videourl");     video_player_view.setZOrderOnTop(true);     video_player_view.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {              @Override              public void onPrepared(MediaPlayer mp) {                  video_player_view.start();              }          });             return  view; } 

So can Anyone guide me with an alternative for that.

回答1:

@Atula I suggest you a simple solution for this....This is work Perfect

I attach the screenshot working properly....

Try this

Used this

  video_player_view.setZOrderMediaOverlay(true); 

Instead Of

  video_view.setZOrderOnTop(true); 

回答2:

When you setZOrderOnTop(true) it will be on top of other Layout. In fact it Control whether the surface view's surface is placed on top of it window [see more].

I have a video in my tab which was not visible at first but I can hear sound.

Based on your comment you put other Layout on VideoView so you can't see VideoView But you hear the sound.

By turning Layout bound in phone:

Setting-> developer option -> show Layout bound 

You can see what's going on in your Layouts. I guess you can't see VideoView because of those match_parents in your layout_height double check them ( e.g: put 50dp for each of them) and your problem will be fixed.

Also make root Layout match_parent instead of wrap_content. it's not solve the problem but its much better.

回答3:

After a few comments, the OP wanted to see some code.

Ok, let's try something like this:

private DrawerLayout drawer; private ActionBarDrawerToggle toggle;  protected void onResume() {     drawer.addDrawerListener(toggle);     toggle.syncState(); }  protected void onPause() {     drawer.removeDrawerListener(toggle);     toggle.syncState(); }  protected void onCreate(Bundle saveInstanceState) {      toggle = new ActionBarDrawerToggle(this, drawer,          toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close) {             public void onDrawerClosed(View view) {                 Log.d(TAG, "--> ActionBarDrawerToggle::onDrawerClosed                     (view=" + view + ")");                 syncActionBarArrowState();                 //call videoView.setZOrderOnTop(true) so it's over everything             }              public void onDrawerOpened(View drawerView) {                  Log.d(TAG, "--> ActionBarDrawerToggle::onDrawerOpened                     (drawerView=" + drawerView + ")");                 toggle.setDrawerIndicatorEnabled(true);                 //call videoView.setZOrderOnTop(false) so it's NOT over the drawer             }              @Override             public void onDrawerSlide(View drawerView, float slideOffset) {                  super.onDrawerSlide(drawerView, 0);                  //call videoView.setZOrderOnTop(false)                   //so it's not over the drawer being pulled out             }         }; } 

回答4:

Did you try to use TextureView instead VideoView?
ViedoView is well known as bug prone view.

I wrote frame-video-view which (among other things) simplifies using TextureView as a video player.

文章来源: Navigation Drawer and VideoView in android