工具栏和选项卡之间的线 - Android 5

Question

我的工具栏和选项卡之间有一条线，我不知道为什么，因为如果我的应用程序在另一部带有 Android 4.* 的智能手机上执行，那条线就会消失...

我正在使用带有选项卡的工具栏，我正在使用来自 Google...

的 SlidingTabLayout 和 SlidingTabStrip

我不知道是否有一些重要信息要说，但如果您需要了解更多信息，请告诉我...

谢谢

编辑：这是一张关于这个的照片...

这是 activity 的布局：

<LinearLayout 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:orientation="vertical"
tools:context="es.alejandrolora.devhub.activitys.VideosCommentsActivity">

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

<es.alejandrolora.devhub.Util.SlidingTabLayout
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimary"
    android:elevation="2dp" />

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1" />

Answer 1

我在摩托罗拉 G2 的 Android 5.0.2 中尝试了我的应用程序，但该行不可见，但在我的 Nexus 5 版本 (5.1) 中，它是，但我解决了问题.. .

我只需要删除这个属性：

android:elevation="2dp"

谢谢

Answer 2

为 Toolbar 和 SlidingTabLayout 提供相同的海拔值。 因为如果 Toolbar 中有一些海拔，它将再次显示线。

在 Lollipop 中，Material 设计引入了 UI 元素的高度，这有助于用户理解每个元素的相对重要性，并将注意力集中在手头的任务上，了解更多详情，请阅读： https://developer.android.com/training/material/shadows-clipping.html

简而言之： Toolbar 和 SlidingTabLayout 的高度应该相同。

工具栏和选项卡之间的线 - Android 5

Line Between Toolbar and Tabs - Android 5

tabs

android

material-design