Android--使用include调用布局

时间:2022-01-01 17:01:43

今天写界面时,为了提高效率,避免重复,将界面中的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--使用include调用布局

通过android:layout_below=”@id/include_title” 和 android:layout_above=”@id/include_foot” 将图片填充中间位置,从而不需要通过android:layout_height来调节让foot安置在底部。