Question

我在AppBarLayout中有一个tablayout。我正在尝试在tabbarlayout下面添加阴影视图以用于棒棒糖前版本。阴影视图显示，但是当我向下滚动时，阴影视图看起来并不透明。它看起来好像tablayout下面有一个填充，位于tabindicator和shadow之间。但是，如果我在工具栏下使用相同的阴影视图，当我向上滚动时它似乎是透明的。有人可以告诉我，如果为tablayouts添加阴影有什么不同吗？

main_layout-

<android.support.v4.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">

 <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

        <include layout="@layout/include_coordinator_layout"/>

    </LinearLayout>

    <TextView
        android:id="@+id/mtext_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:gravity="center"
        android:visibility="gone"/>

    <Button
        android:id="@+id/mBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_below="@id/mtext_view"
        android:text="@string/retry_button"
        android:visibility="gone"/>
</RelativeLayout>

<android.support.design.widget.NavigationView
    android:id="@+id/navView"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:background="@color/white"
    android:fitsSystemWindows="true" />

</android.support.v4.widget.DrawerLayout>

这是我的include_coordinator_layout

<?xml version="1.0" encoding="utf-8"?>
 <android.support.design.widget.CoordinatorLayout  
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
     android:id="@+id/main_content"
   android:layout_width="match_parent"
   android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
       android:id="@+id/appbar"
       android:layout_width="match_parent"
       android:layout_height="wrap_content">

    <include
        android:id="@+id/toolbar"
        layout="@layout/tool_bar" />

    <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMaxWidth="0dp"
        app:tabGravity="fill"
        app:tabMode="fixed"
        android:background="@color/tab_layout_color"/>

    <View
        android:id="@+id/shadow_view"
        android:layout_width="match_parent"
        android:layout_height="5dp"
        android:background="@drawable/toolbar_shadow"
        />

</android.support.design.widget.AppBarLayout>

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</android.support.design.widget.CoordinatorLayout>

这是我的toolbar_shadow drawable。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:startColor="@android:color/transparent"
        android:endColor="#88333333"
        android:angle="90"/>
</shape>

Answer 1

我猜你的布局是LinearLayout？

无论

将LinearLayout更改为RelativeLayout并将android:layout_below="@+id/appbar"，android:paddingTop="-5dp"和android:clipToPadding="false"添加到ViewPager（或使用ConstraintLayout和类似方法），切换工具栏的顺序并查看寻呼机

或

将其更改为FrameLayout，对视图重新排序，以便首先使用ViewPager，然后将android:layout_marginTop="@dimen/sizeOfToolBarAndTabsWithoutShadow"放在其中dimen是工具栏的设置大小的位置。标签（没有阴影）。你可能想要这样做，因为我似乎记得一些带有一些滚动视图的视觉文物和clipToPadding

为什么？

由于AppBarLayout视图的大小包含您的阴影，因此任何基本视图组（LinearLayout）都不知道如何将下一个视图（您的viewpager）放置出来，以便阴影略微重叠内容 - 必须最后绘制，以便视图寻呼机的顶部不覆盖阴影

tablayout阴影/海拔为前棒棒糖

1 个答案: