Android 输入表单实例--上下固定，中部滚动布局

分类： android2012-09-05 17:04 1180人阅读 评论(0) 收藏 举报

androidlayoutencodingjava

使用的控件有：

        RelativeLayout 相对布局ScrollView 滚动视图
        TableLayout 表格布局

        如上图所示，界面（或者说窗体）分为三个部分：
        顶部：信息提示，标题(Title)

       实现这样的布局一定要用到RelativeLayout 相对布局，我们这样指定我的布局。

        1.根控件（视图）放置一个RelativeLayout 作为根控件。指示它填充满整个窗口，fill_parent。
        2.在根控件里放置三个子控件，对应刚刚提到三个部分（顶部，中间。底部）等。
        3.分别设定上面三个控件的布局属性（或者说设置布局，对齐样式）。

        我们设定顶部控件的相对属性为：android:layout_alignParentTop="true"，这个属性意思是对齐到父控件的顶部
        然后设定底部控件的属性为：android:layout_alignParentBottom="true"，指定它对齐到父控件的底部再指定中间的控件属性为：
        android:layout_below ="@id/toppanel"  ，指示它位于某个控件下方。在这里肯定是上面提到的 顶部控件 了。
        android:layout_above="@id/panelBottom"，指示它位于某个控件上方。在这里肯定是上面提到的 底控件 了。布局初步完成。贴代码

java代码：
<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:gravity="center_horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>

<RelativeLayout android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:id="@+id/toppanel"
>
<TextView 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:text="用户信息表单(顶部)"
android:textSize="11pt"
/>

</RelativeLayout>

<RelativeLayout android:id="@+id/panelBottom" 
android:layout_width="wrap_content" 
android:layout_alignParentBottom="true"
android:layout_height="wrap_content">

<Button a
ndroid:text="Save（底部控件）" 
android:id="@+id/button1" 
android:layout_height="wrap_content" 
android:layout_width="fill_parent"></Button>

</RelativeLayout>

<ScrollView 
android:layout_below ="@id/toppanel"
android:layout_above="@id/panelBottom"
android:layout_width="wrap_content" android:layout_height="wrap_content" 
>

<....这里将写中间部分的控件....>
</ScrollView>
</RelativeLayout>

       顶部控件使用一个RelativeLayout 名字是：toppanel
       底部控件使用一个RelativeLayout 名字是：panelBottom
       中间控件使用一个ScrollView，滚动视图控件。该控件的好处是当它的子控件太长时，会自动出现滚动条。
       下面我们为ScrollView下添加一个TableLayout，这个一个表格布局控件，使得布局非常整齐。

java代码：
<TableLayout android:padding="3dip"

android:id="@+id/tableLayout1" 
android:layout_width="fill_parent" 
android:stretchColumns="1" 
android:layout_height="fill_parent">

<TableRow >
<TextView android:layout_width="wrap_content" 
android:layout_height="fill_parent" 
android:gravity="right"
android:textStyle="bold"
android:padding="3dip"
android:text="User">

</TextView>
<EditText android:id="@+id/editText1" 
android:padding="3dip"
android:layout_width="wrap_content" 
android:layout_height="wrap_content"></EditText>
</TableRow>

</TableLayout>