android開發(3) 可滾動的錄入表單演示

加好友 · 發表於 2011-7-8 16:51

馬上加入Android 台灣中文網，立即免費下載應用遊戲。

您需要登錄才可以下載或查看，沒有帳號？註冊

x

軟件開發很多工作就是收集表單，展示一個表單等待用戶錄入表單數據。那麼我們就做個這樣的的佈局演示吧。

登錄/註冊後可看大圖

a1.jpg (36.65 KB, 下載次數: 0)

下載附件保存到相冊

2011-7-8 16:47 上傳

本文使用的控件有：
RelativeLayout 相對佈局
ScrollView 滾動視圖
TableLayout 表格佈局

如上圖所示，界面（或者說窗體）分為三個部分：
頂部：信息提示，標題(Title)

登錄/註冊後可看大圖

a2.jpg (7.44 KB, 下載次數: 2)

下載附件保存到相冊

2011-7-8 16:47 上傳

中間：表單內容

登錄/註冊後可看大圖

a3.jpg (21.69 KB, 下載次數: 2)

下載附件保存到相冊

2011-7-8 16:47 上傳

底部：操作按鈕

登錄/註冊後可看大圖

a4.jpg (5.48 KB, 下載次數: 1)

下載附件保存到相冊

2011-7-8 16:47 上傳

實現這樣的佈局一定要用到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"，指示它位於某個控件上方。在這裡肯定是上面提到的底控件了。
佈局初步完成。貼代碼

<?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 android: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，這個一個表格佈局控件，使得佈局非常整齊。

<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>

複製代碼

TableLayout下可以有多行TableRow，每個TableRow裡可以有多個子控件，每個控件相當於一個cell(單元格)。這很類似html裡的table標籤。
至此全部完成。

加好友 · 發表於 2011-10-16 09:35

非常實用^^，感謝您囉

加好友 · 發表於 2012-5-16 08:39

非常實用^^，感謝您囉

加好友 · 發表於 2012-5-23 16:25

非常實用^^，感謝您囉

加好友 · 發表於 2013-5-28 16:44

這個一定是要學的哦！

[教程] android開發(3) 可滾動的錄入表單演示

馬上加入Android 台灣中文網，立即免費下載應用遊戲。

評分

相關帖子

警告：您的Adblck已啟用