启动带有Viewpager的片段时,从工具栏中删除阴影

时间:2019-06-29 19:43:48

标签: android android-fragments android-viewpager

我的MainActivity实现了NavigationView,因此屏幕的大部分内容都在FrameLayout内部。在其中一个Fragments中,我有一个ViewPager,我希望当启动该Fragment时,要删除elevation中的Toolbar,否则获取重新添加。

我的目标API是29,我不在乎较旧版本的支持。

activity_main.xml

<androidx.drawerlayout.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <com.google.android.material.appbar.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <include
                layout="@layout/toolbar"/>
        </com.google.android.material.appbar.AppBarLayout>
        <FrameLayout
            android:id="@+id/fragment_main"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    </LinearLayout>
    <include layout="@layout/navigation_drawer"/>
</androidx.drawerlayout.widget.DrawerLayout>

fragment_view_pager.xml

<androidx.viewpager.widget.ViewPager
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tabs_vp"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tabs_tl"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:elevation="4dp"
        android:background="?android:attr/colorPrimary">
    </com.google.android.material.tabs.TabLayout>
</androidx.viewpager.widget.ViewPager>

4 个答案:

答案 0 :(得分:1)

<LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <com.google.android.material.appbar.AppBarLayout
           android:id="@+id/appcompat_layout"
           android:layout_width="match_parent"
           android:layout_height="wrap_content">
          <include
               layout="@layout/toolbar"/>
        </com.google.android.material.appbar.AppBarLayout>

       <LinearLayout
          android:id="@+id/toolbar_layout"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:visibility="gone"
          <include
             layout="@layout/toolbar"/>

       </LinearLayout>

        <FrameLayout
            android:id="@+id/fragment_main"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
</LinearLayout>

我在这里采取了两件事-

  1. AppBarLayout(其中具有工具栏)-android:id =“ @ + id / appcompat_layout”

  2. LinearLayout(其中具有工具栏)- android:id =“ @ + id / toolbar_layout”

现在,您要做的就是,当您启动Fragment时,使toolbar_layout可见,而appcompat_layout不可见,反之亦然。

在启动活动期间,首先使appcompat_layout可见,而toolbar_layout不可见

干杯!

答案 1 :(得分:0)

删除海拔高度

  toolbar.setElevation(0f);

增加海拔高度

toolbar.setElevation(your float number);

答案 2 :(得分:0)

ViewPager片段中,我认为这是最简单的答案:

private var myElevation: Float? = null

override fun onCreateView(/* params */) {
    // other code
    myElevation = activity!!.app_bar_id.elevation
    activity!!.app_bar_id.elevation = 0f
}    

override fun onDestroyView() {
    super.onDestroyView()
    activity!!.app_bar_id.elevation = myElevation!!
}

通过这种方式,只有在0片段处于活动状态时,海拔高度才是ViewPager

答案 3 :(得分:0)

在您的活动XML中,只需将 app:elevation =“ 0dp” 属性添加到AppBarLayout。这将不会抬高此活动下的所有片段。在这里,我为片段容器使用了框架布局。

<com.google.android.material.appbar.AppBarLayout
        android:id="@+id/app_bar_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true"
        android:theme="@style/AppTheme.AppBarOverlay"
        app:elevation="0dp">

               <androidx.appcompat.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:popupTheme="@style/AppTheme.PopupOverlay" />

</com.google.android.material.appbar.AppBarLayout>