如何将Android工具栏与屏幕底部对齐?

时间:2015-01-02 18:35:57

标签: android xml android-layout

我正在尝试将我在Android应用中创建的工具栏放在屏幕底部。这就是我到目前为止所做的:

http://imgur.com/n7g4yVk

我正试图移动坐在屏幕底部中央的黑色条形图,但我无法弄清楚如何做到这一点。这是我到目前为止在Android Studio中使用的XML代码:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"

    >
    <!--Begin Top Bar-->
    <Toolbar
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Lbs"
            android:id="@+id/tvLbs"
            android:textSize="17dp"
            android:textColor="#000000"
            android:layout_gravity="left"/>

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:src="@drawable/logo"/>
        </Toolbar>

    <!--End Top Bar-->

    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/week1"
        />

    <!--Begin all scrollable stuff-->
    <ScrollView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical">


            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/total"
                android:textSize="45dp"
                android:layout_gravity="center"
                android:id="@+id/tvDisplay"
                />

            <Button
                android:layout_width="250dp"
                android:layout_height="wrap_content"
                android:text="Add one"
                android:layout_gravity="center"
                android:textSize="20dp"
                android:id="@+id/bAdd"
                />

            <Button
                android:layout_width="250dp"
                android:layout_height="wrap_content"
                android:text="Subtract one"
                android:layout_gravity="center"
                android:textSize="20dp"
                android:id="@+id/bSubtract"
                />

        </LinearLayout>

    </ScrollView>

    <!--End Scrollable stuff-->

    <Toolbar
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#000000"
        android:alignParentBottom="true">

        </Toolbar>

</LinearLayout>

2 个答案:

答案 0 :(得分:3)

尝试设置ScrollView的权重 - 使用此:

android:layout_weight="1"

答案 1 :(得分:3)

为此目的使用RelativeLayout要容易得多:

<RelativeLayout ...>
    <!-- top toolbar -->
    <Toolbar
        android:id="@+id/top_toolbar"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:background="?attr/colorPrimary"
    >

        ...

    </Toolbar>

    <ImageView
        android:id="@+id/image"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/top_toolbar"
        android:src="@drawable/week1"
    />

    <!-- bottom toolbar -->
    <Toolbar
        android:id="@+id/bottom_toolbar"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#000000"
        android:layout_alignParentBottom="true">

    </Toolbar>

    <!-- scrollable pane -->
    <ScrollView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_below="@id/image"
        android:layout_above="@id/bottom_toolbar">

        ...

    </ScrollView>
</RelativeLayout>