Question

我正在尝试创建一个基本上具有头部，主体和页脚的布局。我正在使用的ViewPager填充了页脚内容背后的空间。我怎么能不这样做，并在页脚内容的开头截止？

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.janedoe.anothertabexample.MainActivity"
    tools:showIn="@layout/activity_main">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:background="?attr/colorPrimary"
        android:elevation="6dp"
        android:minHeight="?attr/actionBarSize"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

    <android.support.design.widget.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/toolbar"
        android:background="?attr/colorPrimary"
        android:elevation="6dp"
        android:minHeight="?attr/actionBarSize"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:layout_below="@id/tabLayout"/>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingBottom="5dp">

        <TextView
            android:id="@+id/time"
            android:layout_width="100dp"
            android:layout_height="55dp"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:gravity="center"
            android:text="00:00:00"
            android:textAlignment="center"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <TextView
            android:id="@+id/mileage"
            android:layout_width="100dp"
            android:layout_height="55dp"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:gravity="center"
            android:text="0.0 mi"
            android:textAlignment="center"
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <Button
            android:layout_width="80dp"
            android:layout_height="55dp"
            android:layout_alignParentBottom="true"
            android:layout_marginLeft="10dp"
            android:layout_toRightOf="@id/time"
            android:text="Start" />

        <Button
            android:layout_width="80dp"
            android:layout_height="55dp"
            android:layout_alignParentBottom="true"
            android:layout_marginRight="10dp"
            android:layout_toLeftOf="@id/mileage"
            android:text="Stop" />
    </RelativeLayout>

</RelativeLayout>

我不希望颜色（只是内容）超过底部的Buttons和TextViews。我尝试了layout_gravity方法，并将viewpager设置为layout_above和layout_blow，但似乎都不起作用。我怎样才能做到这一点？

Answer 1

您查看寻呼机将占用所有可用空间。

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:layout_below="@id/tabLayout"/>

我会尝试切换到LinearLayout并使用“android：layout_weight”属性强制ViewPager仅使用可用空间。

Answer 2

你的RelativeLayout应该有android：layout_alignParentBottom =＆＃34; true＆＃34;。

<RelativeLayout android:id="@+id/relativeFooter"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:paddingBottom="5dp">

删除android：layout_alignParentBottom =＆＃34; true＆＃34;从它的所有孩子。

并且您的viewpager应如下所示

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:layout_above="@+id/relativeFooter"
    android:layout_below="@id/tabLayout"/>

最后，您的整个布局应如下所示：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
app:layout_behavior="@string/appbar_scrolling_view_behavior">

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:background="?attr/colorPrimary"
    android:elevation="6dp"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

<android.support.design.widget.TabLayout
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/toolbar"
    android:background="?attr/colorPrimary"
    android:elevation="6dp"
    android:minHeight="?attr/actionBarSize"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="fill_parent"
    android:layout_above="@+id/relativeFooter"
    android:layout_below="@id/tabLayout"/>

<RelativeLayout android:id="@+id/relativeFooter"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:paddingBottom="5dp">

    <TextView
        android:id="@+id/time"
        android:layout_width="100dp"
        android:layout_height="55dp"
        android:layout_alignParentLeft="true"
        android:gravity="center"
        android:text="00:00:00"
        android:textAlignment="center"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
        android:id="@+id/mileage"
        android:layout_width="100dp"
        android:layout_height="55dp"
        android:layout_alignParentRight="true"
        android:gravity="center"
        android:text="0.0 mi"
        android:textAlignment="center"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <Button
        android:layout_width="80dp"
        android:layout_height="55dp"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@id/time"
        android:text="Start" />

    <Button
        android:layout_width="80dp"
        android:layout_height="55dp"
        android:layout_marginRight="10dp"
        android:layout_toLeftOf="@id/mileage"
        android:text="Stop" />
</RelativeLayout>

android视图布局。在视图之间填充空间

2 个答案: