android開發(1) - 登錄界面的佈局演示

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

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

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

x

android開發真的是讓人覺得很有樂趣的事情呢。比起windows mobile好玩多了。雖然哪個所見即所得的視圖設計環境糟糕的可以。不過這樣用類似描述語言(xml,html）等設計視圖似乎成為了各個技術陣營的首選，WPF也是採用了這樣的方式，描述性文本語言讀起來還是比較舒服的。不過WPF的描述語言過於強大了，讓人有種迷茫的感覺。
先看看今天的成果

登錄/註冊後可看大圖

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

下載附件保存到相冊

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。。。
累了，睡了。昏昏多年竟已過去..

加好友 · 發表於 2011-9-24 17:47

謝謝分享

加好友 · 發表於 2011-10-6 08:44

謝謝指教，來試試 weight 屬性功能

加好友 · 發表於 2011-10-6 08:54

這個我也相當的認同。
由一開始較淺的排版方式，到稍微深入了解後才會發現排版的奧妙~~

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

加好友 · 發表於 2011-11-9 11:30

謝謝分享
試試功能如何

加好友 · 發表於 2011-11-11 17:34

good ,大大好棒的書

加好友 · 發表於 2012-10-26 14:03

good ,大大好棒的書
本文轉自: Android 台灣中文網--請參考：http://apk.tw/thread-9516-1-1.html

加好友 · 發表於 2012-10-27 15:39

謝謝分享

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

這個一定是要學的哦！

[教程] android開發(1) - 登錄界面的佈局演示

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

相關帖子

警告：您的Adblck已啟用