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

使用的控件有:

        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>

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值