在Android中，顶部为标题，底部为底部的布局

Question

我正在尝试创建一个我认为非常简单的Android屏幕布局。我基本上希望在顶部有一个页眉，在底部有一个页脚，以及一个EditText框，该框将填充其余屏幕空间。页眉和EditText框工作正常，但似乎无法显示页脚。这是我的代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent" 
              android:layout_height="match_parent"
              android:orientation="vertical">
    <ImageView android:id="@+id/imageView1" 
               android:src="@drawable/droidiary"
               android:layout_width="wrap_content" 
               android:layout_height="wrap_content"
               android:layout_gravity="center">
    </ImageView>
    <View android:id="@+id/view1" 
          android:layout_height="2dip"
          android:background="#FFAAAAFF" 
          android:layout_width="wrap_content">
    </View>
    <RelativeLayout android:id="@+id/rlLayout1"
                    android:layout_width="fill_parent" 
                    android:layout_height="fill_parent">
        <EditText android:inputType="text|textMultiLine"
                  android:layout_alignParentTop="true" 
                  android:hint="Type about your day..."
                  android:text="" 
                  android:id="@+id/txtEntry" 
                  android:layout_height="match_parent"
                  android:layout_width="match_parent">
        </EditText>
        <LinearLayout android:layout_alignParentBottom="true"
                      android:id="@+id/linearLayout1" 
                      android:layout_width="wrap_content"
                      android:layout_height="wrap_content">
            <View android:id="@+id/view2" 
                  android:layout_height="2dip"
                  android:background="#FFAAAAFF" 
                  android:layout_width="wrap_content">
            </View>
            <TextView android:text="TextView" 
                      android:id="@+id/textView1"
                      android:layout_width="wrap_content" 
                      android:layout_height="wrap_content">
            </TextView>
        </LinearLayout>
    </RelativeLayout>
</LinearLayout>

就像我说的一样，除了页脚之外，其他所有内容都有效。谁能告诉我我做错了吗？

Answer 1

您的布局对于您想要实现的而言太复杂了。我建议避免使用RelativeLayout，除非您绝对必须使用它。

这里是一个简单的示例，说明如何使用LinearLayout创建页眉/内容/页脚布局：（请注意layout_weight元素中的content）

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

        <TextView                   
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:padding="5dp" 
                android:text="Header" />

        <EditText
                android:layout_width="fill_parent"
                android:layout_height="0dp"
                android:layout_weight="1"
                android:singleLine="false" 
                android:hint="Type about your day..."
                android:text="" >
        </EditText>

        <TextView                   
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:padding="5dp" 
                android:text="Footer" />

</LinearLayout>        

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS80c3VDTy5wbmcifQ==” alt =“在此处输入图像描述”>

Answer 2

似乎有很多多余的布局。这将为您布置三个区域，您可以在其中放置任何内容，也可以仅使它们成为视图控件。每个区域的高度分别为25％，50％，25％。如果您不希望使用百分比，请从页眉和页脚中删除权重并设置其宽度值，但保留EditText的权重。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent" 
              android:layout_height="match_parent"
              android:orientation="vertical">
   <View android:id="@+id/headerView"
         android:layout_width="match_parent"
         android:layout_height="0dip"
         android:layout_weight="2" />
   <EditText android:id="@+id/editBox"
         android:layout_width="match_parent"
         android:layout_height="0dip"
         android:layout_weight="1" />
   <View android:id="@+id/footerView"
         android:layout_width="match_parent"
         android:layout_height="0dip"
         android:layout_weight="2" />
</LinearLayout>

Answer 3

如果我正确理解布局的哪一部分是页眉和页脚，请添加以下行：

android:layout_above="@+id/linearLayout1"

到EditText