今天写界面时,为了提高效率,避免重复,将界面中的title和foot分别写成两个xml布局文件,只需在需要添加的xml中填写2句include语句即可。
但是刚开始遇到一个问题,在xml文件头添加 并没有问题,
但是在尾部添加发现 foot并没有一直在底部,而是紧随着上面的内容。
为了让foot置底,只能通过调节中间控件的android:layout_height属性。
解决办法:
将原LinearLayout改成RelativeLayout后,再分别在title和foot文件中添加 android:layout_alignParentTop=”true” 和 android:layout_alignParentBottom=”true” 来实现
一个简单的例子:
title.xml
<?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="wrap_content"
android:orientation="vertical"
android:layout_alignParentTop="true"
android:background="@color/title_color">
<TextView
android:id="@+id/title"
android:layout_width="match_parent"
android:layout_height="72dp"
android:gravity="center"
android:textSize="24sp"
android:textColor="@color/white"
/>
</LinearLayout>
foot.xml
<?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="wrap_content"
android:orientation="vertical"
android:layout_alignParentBottom="true"
android:background="@color/foot_color">
<View
android:layout_width="match_parent"
android:layout_height="3dp"
android:background="@color/foot_line"
/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="210dp"
android:orientation="vertical" >
<TextView
android:id="@+id/foot_hint"
android:layout_width="match_parent"
android:layout_height="95dp"
android:paddingLeft="22dp"
android:paddingTop="22dp"
android:textColor="@color/foot_word_color"
android:textSize="23sp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="90dp"
android:layout_marginTop="20dp"
android:orientation="horizontal"
>
<Button
style="?android:attr/borderlessButtonStyle"
android:id="@+id/btn_stop"
android:layout_width="135dp"
android:layout_height="46dp"
android:layout_marginLeft="48dp"
android:background="@drawable/bnt_selector"
android:gravity="center"
android:text="@string/stop"
android:textColor="@color/white"
android:textSize="21sp" />
<Button
style="?android:attr/borderlessButtonStyle"
android:id="@+id/btn_next"
android:layout_width="135dp"
android:layout_height="46dp"
android:gravity="center"
android:text="@string/next"
android:textColor="@color/white"
android:textSize="21sp"
android:background="@drawable/bnt_selector"
android:layout_marginLeft="72dp"
/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
布局文件:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@color/white">
<!-- 标题 -->
<include
android:id="@+id/include_title"
layout="@layout/title" >
</include>
<!-- 尾文件 -->
<include
android:id="@+id/include_foot"
layout="@layout/foot" >
</include>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@id/include_title"
android:layout_above="@id/include_foot"
>
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="@drawable/sound_image" />
</LinearLayout>
</RelativeLayout>
效果图:
通过android:layout_below=”@id/include_title” 和 android:layout_above=”@id/include_foot” 将图片填充中间位置,从而不需要通过android:layout_height来调节让foot安置在底部。