拟合图像布局

Question

附图显示界面。注意底部的黑色部分。如何将页脚图像拉到底部？我在我的中间布局上使用了fill_parent，但它填满整个屏幕，页脚不会显示。

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent">

  <RelativeLayout 
    android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#ffffff" >

    <!--  Header Starts-->
          <LinearLayout 
              android:id="@+id/headerForSearch"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:background="@layout/headerbackground"
              android:paddingTop="5dip"
              android:weightSum="1"
              android:gravity="center"
              >

              <ImageView 
                  android:src="@drawable/footprint" 
                  android:layout_width="wrap_content" 
                  android:layout_weight="0.09" 
                  android:layout_height="fill_parent">
              </ImageView>

          </LinearLayout>  
    <!--  Header Ends -->


     <!-- About Us  -->
        <LinearLayout android:id="@+id/searchPBody" android:layout_width="fill_parent"         android:layout_height="wrap_content"    android:padding="10dip" android:orientation="vertical" android:layout_below="@+id/headerForSearch" android:layout_alignParentLeft="true">
     <ImageView android:layout_marginTop="10dip"  
               android:layout_width="wrap_content" 
               android:layout_height="wrap_content"
               android:src="@drawable/about_us_header"                     
               />          
    </LinearLayout> 
 <!--  Login Form Ends -->



<RelativeLayout
android:id="@+id/searchPBody2"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:layout_marginRight="15dip"
android:layout_marginLeft="15dip"
android:layout_marginTop="15dip"
android:layout_marginBottom="15dip"
android:layout_below="@+id/searchPBody">

        <TextView android:text="Place Name:" 
            android:layout_marginTop="23dip"  
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:textColor="@color/black"
            android:id="@+id/placeNameTV" />

        <EditText android:hint="Type here"
            android:id="@+id/searchQuery"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dip"
            android:layout_marginLeft="15dip"
            android:layout_toRightOf="@+id/placeNameTV"/>

</RelativeLayout>

    <LinearLayout
            android:id="@+id/searchBtnLayout"
            android:layout_height="wrap_content"
            android:layout_width="fill_parent"
            android:layout_below="@+id/searchPBody2">

    <Button
        android:id="@+id/submitQuery"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Submit"
        android:layout_below="@+id/searchQuery"
        android:layout_toRightOf="@+id/placeNameTV"/>


    </LinearLayout>

<!--  Footer Starts -->


<LinearLayout
    android:id="@+id/footer"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_below="@+id/searchBtnLayout"
    android:background="@layout/footer_repeat"
    android:gravity="center" 
    android:layout_alignParentBottom="true">

               <TextView android:textSize="12dip" 
                  android:textColor="#ffffff" 
                  android:text = "© Meet&Co" 
                  android:layout_width="wrap_content" 
                  android:layout_marginTop="10dip" 
                  android:layout_height="wrap_content" 
                  android_weight="0.33" />    
</LinearLayout>

<!--  Footer Ends -->
</RelativeLayout>     
</ScrollView>

Answer 1

您可以使用weight属性。

例如，请参阅 this answer 中的headerfooter.xml，您可以像这样制作xml。

Answer 2

在中间布局上使用fill_parent使您的中间布局保留所有屏幕高度。 你可以将相对布局作为主要布局和设置页脚android：layout_alignParentBottom =“true”。

Answer 3

最简单的方法是在整个布局中使用RelativeLayout。 然后，您可以设置页脚属性layout_alignParentBottom="true"，将其移动到底部。您还必须将正文设置为layout_above="@+id/idoffooter"，以便它不会在页脚后面消失 另一种方法是使用垂直LinearLayout，你给身体一个权重1，但RelativeLayout方式更好。