Question

我尽了一切努力从布局的底部消除这个差距（shown in the screenshot below），但除了失望之外什么都没有！

以下是tournament_home.xml的xml代码：

<RelativeLayout 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:background="@color/background">

<include
    android:id="@+id/toolbar_tournament_home"
    layout="@layout/toolbar_tournament_home"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:layout_alignParentTop="true" />


<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:layout_below="@+id/toolbar_tournament_home">

        <LinearLayout
            android:id="@+id/lnl_home_screen"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/frame_home_screen_tournament_name"
            android:orientation="vertical">

            <ab9.com.cricliveptc.tabs.SlidingTabLayout
                android:id="@+id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/black"
                android:elevation="2dp" />

            <View
                android:id="@+id/toolbar_shadow"
                android:layout_width="match_parent"
                android:layout_height="@dimen/margin2x"
                android:background="@drawable/toolbar_dropshadow" />

            <android.support.v4.view.ViewPager
                android:id="@+id/viewpager"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_marginTop="-4dp"
                android:layout_weight="1" />
        </LinearLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="270dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:background="#FFFFFF"
        android:scrollbars="vertical" />
</android.support.v4.widget.DrawerLayout>

以下是截图，您可以清楚地看到屏幕底部留下一个小的水平间隙。

如何解决这个问题？

Answer 1

尝试删除android:layout_weight="1" viewpager并将android:layout_height="0dp"替换为android:layout_height="match_parent"

Answer 2

http://developer.android.com/reference/android/support/v4/widget/DrawerLayout.html

DrawerLayout 充当窗口内容的顶级 容器允许从边缘拉出交互式“抽屉”视图窗户。

您不应该使用RelativeLayout作为顶级。在您的内容中添加Toolbar可能会是这样的：

    <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_below="@+id/toolbar_tournament_home">

    <LinearLayout
        android:id="@+id/lnl_home_screen"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/frame_home_screen_tournament_name"
        android:orientation="vertical">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbarmain"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@android:color/white"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />

        <ab9.com.cricliveptc.tabs.SlidingTabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/black"
            android:elevation="2dp" />

        <View
            android:id="@+id/toolbar_shadow"
            android:layout_width="match_parent"
            android:layout_height="@dimen/margin2x"
            android:background="@drawable/toolbar_dropshadow" />

        <android.support.v4.view.ViewPager
            android:id="@+id/viewpager"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

    </LinearLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="270dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:background="#FFFFFF"
        android:scrollbars="vertical" />

    <!-- this is not a good place -->
</android.support.v4.widget.DrawerLayout>

此外，我现在宁愿使用CoordinatorLayout SupportLibrary。

还有一件事，你的设计是完全错误的，我猜，RecyclerView将会像NavigationDrawer那样，而不是Android文档所说的。

您可能还想看一下这里：http://developer.android.com/training/implementing-navigation/nav-drawer.html

Answer 3

从布局中删除android:layout_marginTop="-4dp"。

<RelativeLayout 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:background="@color/background">

    <include
        android:id="@+id/toolbar_tournament_home"
        layout="@layout/toolbar_tournament_home"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:layout_alignParentTop="true" />


    <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:layout_below="@+id/toolbar_tournament_home">

        <LinearLayout
            android:id="@+id/lnl_home_screen"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/frame_home_screen_tournament_name"
            android:orientation="vertical">

            <ab9.com.cricliveptc.tabs.SlidingTabLayout
                android:id="@+id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@color/black"
                android:elevation="2dp" />

            <View
                android:id="@+id/toolbar_shadow"
                android:layout_width="match_parent"
                android:layout_height="@dimen/margin2x"
                android:background="@drawable/toolbar_dropshadow" />

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

        <android.support.v7.widget.RecyclerView
            android:id="@+id/recycler_view"
            android:layout_width="270dp"
            android:layout_height="match_parent"
            android:layout_gravity="left"
            android:background="#FFFFFF"
            android:scrollbars="vertical" />
    </android.support.v4.widget.DrawerLayout>
    </RelativeLayout>

Answer 4

正如其他人所述，删除android:layout_marginTop="-4dp"。我猜你的意思是android:layout_marginTop="4dp"。

如果您希望在View和ViewPager之间设置边距，只需为View元素设置一个底边距。

原因是android:layout_height="0dp" and android:layout_weight="1"正在发挥作用，但是你设置的是一个负向上边距，它正在提升元素。

如何从Android布局中消除这种差距

4 个答案: