android開發(1) - 登錄界面的佈局演示 - Android 台灣中文網

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

2011-7-8 16:28 上傳

如果上圖所示，就是簡單的登錄界面了。andord的佈局真的是，真的是，哪個。難以掌握的東西，哈，不過一旦瞭解深入點，又讓人爽的不行，流式佈局總是比起windows mobile的絕對佈局簡單而且容易控制。我是越來越傾向於流式佈局的方式了，它的一點好處是適應設備時比較靈巧，wm使用了自適應dpi的方式，哪叫一個複雜啊，切不易於控制。

先說明的是，線性佈局LinearLayout，可真是個重要的東西，它有個方向的屬性，指示了是水平的或者是垂直的。佈局裡有個重要的屬性叫android:background ,指定一個背景圖片，例如：android:background="@drawable/images1"，指定了一個資源文件的位置。說起這個資源文件，還是讓我google了一番，不知道怎麼放，後來常識複製粘貼到res下的drawable-hdpi目錄下，居然就能用了。看的教程少，摸索者來吧，高手們才不會指出如此簡單的問題，似吾等.net陣營的小菜用著惱怒的eclipse，而且還沒搞清exlipse的編譯按鈕在那裡，只知道按下run的人，怎能懂得如此難度的技巧呢。哈，自嘲一把。

回到正題，再說佈局的屬性 android:layout_width="fill_parent" ，指示了填充父區域，就是父容器有多大空間，就填充多大空間。android:layout_width="wrap_content"，指示了它本身需要多大空間，就像父容器索取多大的空間，怎麼說呢，就是它有多胖就佔多大空。而哪個fill_parent就是不胖也全佔滿了。
再說android:layout_weight="0.1"，這個weight(重量）是個很有意思的東西。可為一個父容器的「子控件們」設置這個重量屬性，父容器根據這個重量的多少擇情分給這些子控件們多大空間。同時這個屬性還與子控件寬高屬性的顯示（fill_parent 或者wrap_content）模式有關（影響）.
在下來就佈局的嵌套了。沒啥說的，類似html裡的div。上代碼：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/images1"
>
<LinearLayout android:id="@+id/LinearLayout01"
android:layout_width="fill_parent"
android:layout_weight="0.9"
android:layout_height="fill_parent">
</LinearLayout>
<LinearLayout android:layout_width="fill_parent"
android:id="@+id/LinearLayout02"
android:layout_weight="0.1"
android:orientation="vertical"
android:layout_height="fill_parent">
<LinearLayout android:id="@+id/LinearLayout03" android:layout_width="wrap_content" android:layout_height="wrap_content"></LinearLayout><LinearLayout
android:layout_marginLeft="10px"
android:layout_marginRight="10px"
android:gravity="center"
android:layout_width="fill_parent"
android:id="@+id/LinearLayout_account"
android:orientation="horizontal"
android:layout_height="wrap_content">
<TextView android:textSize="12pt" android:id="@+id/lblAccount"
android:text="@string/accountName"
android:layout_weight="0.75"
android:layout_width="fill_parent"
android:layout_height="wrap_content"></TextView>
<EditText
android:layout_weight="0.25"
android:layout_width="fill_parent"
android:text="mailto:%22 %20android:id=%22@+id/editBoxAccount" android:layout_height="wrap_content"></EditText>
</LinearLayout>
<LinearLayout
android:layout_marginLeft="10px"
android:layout_marginRight="10px"
android:gravity="center"
android:layout_width="fill_parent"
android:orientation="horizontal"
android:layout_height="wrap_content">
<TextView android:textSize="12pt" android:id="@+id/lblPassword"
android:text="@string/password"
android:layout_weight="0.75"
android:layout_width="fill_parent"
android:layout_height="wrap_content"></TextView>
<EditText
android:layout_weight="0.25"
android:layout_width="fill_parent"
android:password="true"
android:text="mailto:%22 %20android:id=%22@+id/editBoxPassword" android:layout_height="wrap_content"></EditText>
</LinearLayout>
<LinearLayout
android:layout_marginLeft="10px"
android:layout_marginRight="10px"
android:gravity="center"
android:layout_width="fill_parent"
android:orientation="horizontal"
android:layout_height="wrap_content">
<Button android:text="登錄"
android:textSize="9pt"
android:id="@+id/btnLogin" android:layout_width="fill_parent"
android:layout_height="wrap_content"></Button>
</LinearLayout>
</LinearLayout>
</LinearLayout>

複製代碼

結語：早聞android大名，只到他墜入貧民級時才接受和瞭解，而我，還在玩微軟已經放棄了的windows mobile ,.net cf開發，看樣子，為畢業時聽聞的一句話「跟著微軟走，吃喝全都有」，卻不再靈驗。windows phone 7遲遲不見真面目，他面臨的用戶接受程度和開發商支持都是很大的挑戰，而android淪為平民級了，未來還是未知之數，而重量級的xaml語言描述的wcf, silverLight，卻又推廣的不那麼好。總之微軟已經不似幾年前的樣子了，這個龐大的機器狂烈的運轉，卻未帶來更多的技術變革。反而，google。。。
累了，睡了。昏昏多年竟已過去..

loginProj.rar

69.81 KB, 下載次數: 26, 下載積分: 碎鑽 -1 個

作者: sandramaxphp9 時間: 2011-9-24 17:47
謝謝分享

作者: guoty 時間: 2011-10-6 08:44
謝謝指教，來試試 weight 屬性功能

作者: ploglin 時間: 2011-10-6 08:54
這個我也相當的認同。
由一開始較淺的排版方式，到稍微深入了解後才會發現排版的奧妙~~

如果可以活動 LinearLayout, FrameLayout, RelativeLayout ，幾乎什麼樣的排版都沒有問題。

作者: 危險提問 時間: 2011-11-9 11:30
謝謝分享
試試功能如何

作者: minlee1121 時間: 2011-11-11 17:34
good ,大大好棒的書

作者: kevinlekai 時間: 2012-10-26 14:03
good ,大大好棒的書
本文轉自: Android 台灣中文網--請參考：http://apk.tw/thread-9516-1-1.html

作者: huanglwa 時間: 2012-10-27 15:39
謝謝分享

作者: wuyanyin 時間: 2013-5-28 16:39
這個一定是要學的哦！

歡迎光臨 Android 台灣中文網 (https://apk.tw/)