0

我在 AppBarLayout 中有一个 tablayout。我正在尝试在棒棒糖前版本的 tabbarlayout 下方添加阴影视图。阴影视图出现了,但是当我向下滚动时,阴影视图似乎不透明。看起来好像在 tablayout 下面有一个填充,在 tabindicator 和 shadow 之间。但是,如果我在工具栏下方使用相同的阴影视图,则向上滚动时它似乎是透明的。有人可以告诉我为标签布局添加阴影是否有任何不同?

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 可绘制对象。

<?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>
4

1 回答 1

0

我猜你有你的布局LinearLayout

任何一个

将 LinearLayout 更改为 RelativeLayout 并添加android:layout_below="@+id/appbar",android:paddingTop="-5dp"并添加android:clipToPadding="false"到您的 ViewPager (或使用 ConstraintLayout 和类似方法),切换工具栏和视图分页器的顺序

或者

将其更改为 FrameLayout,重新排列视图,以便 ViewPager 位于第一位,然后将android:layout_marginTop="@dimen/sizeOfToolBarAndTabsWithoutShadow"尺寸放在工具栏和选项卡的设置大小(没有阴影)的位置。您可能想要这样做,因为我似乎记得一些带有一些滚动视图和 clipToPadding 的视觉伪影

为什么?

因为AppBarLayout视图的大小包括你的阴影,所以任何基本视图组(LinearLayout)都不知道如何放置下一个视图(你的viewpager),以便阴影与内容略微重叠 - 必须最后绘制,所以视图寻呼机的顶部没有覆盖阴影

于 2016-09-21T00:19:15.240 回答