Android開(kāi)發(fā)(1) - 登錄界面的布局演示

前言

android開(kāi)發(fā)真的是讓人覺(jué)得很有樂(lè)趣的事情呢。比起windows mobile好玩多了向瓷。雖然哪個(gè)所見(jiàn)即所得的視圖設(shè)計(jì)環(huán)境糟糕的可以业踢。不過(guò)這樣用類似描述語(yǔ)言(xml,html)等設(shè)計(jì)視圖似乎成為了各個(gè)技術(shù)陣營(yíng)的首選,WPF也是采用了這樣的方式嗽冒,描述性文本語(yǔ)言讀起來(lái)還是比較舒服的呀伙。不過(guò)WPF的描述語(yǔ)言過(guò)于強(qiáng)大了,讓人有種迷茫的感覺(jué)添坊。
先看看今天的成果

效果圖


如果上圖所示剿另,就是簡(jiǎn)單的登錄界面了。andord的布局真的是贬蛙,真的是雨女,哪個(gè)。難以掌握的東西阳准,哈氛堕,不過(guò)一旦了解深入點(diǎn),又讓人爽的不行野蝇,流式布局總是比起windows mobile的絕對(duì)布局簡(jiǎn)單而且容易控制讼稚。我是越來(lái)越傾向于流式布局的方式了括儒,它的一點(diǎn)好處是適應(yīng)設(shè)備時(shí)比較靈巧,wm使用了自適應(yīng)dpi的方式锐想,哪叫一個(gè)復(fù)雜啊帮寻,切不易于控制。

先說(shuō)明的是赠摇,線性布局LinearLayout固逗,可真是個(gè)重要的東西,它有個(gè)方向的屬性藕帜,指示了是水平的或者是垂直的烫罩。布局里有個(gè)重要的屬性叫android:background ,指定一個(gè)背景圖片,例如:android:background="@drawable/images1"耘戚,指定了一個(gè)資源文件的位置嗡髓。說(shuō)起這個(gè)資源文件,還是讓我google了一番收津,不知道怎么放饿这,后來(lái)常識(shí)復(fù)制粘貼到res下的drawable-hdpi目錄下,居然就能用了撞秋〕づ酰看的教程少,摸索者來(lái)吧吻贿,高手們才不會(huì)指出如此簡(jiǎn)單的問(wèn)題串结,似吾等.net陣營(yíng)的小菜用著惱怒的eclipse,而且還沒(méi)搞清e(cuò)xlipse的編譯按鈕在那里舅列,只知道按下run的人肌割,怎能懂得如此難度的技巧呢。哈帐要,自嘲一把把敞。

回到正題,再說(shuō) 布局的屬性 android:layout_width="fill_parent" 榨惠,指示了填充父區(qū)域奋早,就是父容器有多大空間,就填充多大空間赠橙。android:layout_width="wrap_content"耽装,指示了它本身需要多大空間,就像父容器索取多大的空間期揪,怎么說(shuō)呢掉奄,就是它有多胖就占多大空。而哪個(gè)fill_parent就是不胖也全占滿了横侦。
再說(shuō)android:layout_weight="0.1"挥萌,這個(gè)weight(重量)是個(gè)很有意思的東西绰姻。可為一個(gè)父容器的 “子控件們”設(shè)置這個(gè)重量屬性引瀑,父容器根據(jù)這個(gè)重量的多少擇情分給這些子控件們多大空間狂芋。同時(shí)這個(gè)屬性還與子控件 寬高屬性的顯示(fill_parent 或者wrap_content)模式有關(guān)(影響).
在下來(lái)就布局的嵌套了。沒(méi)啥說(shuō)的憨栽,類似html里的div帜矾。上代碼:

                    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/images1"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/LinearLayout01"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="0.9"></LinearLayout>

    <LinearLayout
        android:id="@+id/LinearLayout02"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="0.1"
        android:orientation="vertical">

        <LinearLayout
            android:id="@+id/LinearLayout03"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"></LinearLayout>

        <LinearLayout
            android:id="@+id/LinearLayout_account"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10px"
            android:layout_marginRight="10px"
            android:gravity="center"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/lblAccount"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_weight="0.75"
                android:text="@string/accountName"
                android:textSize="12pt"></TextView>

            <EditText
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_weight="0.25"
                android:text="mailto:%22 %20android:id=%22@+id/editBoxAccount"></EditText>
        </LinearLayout>

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10px"
            android:layout_marginRight="10px"
            android:gravity="center"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/lblPassword"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_weight="0.75"
                android:text="@string/password"
                android:textSize="12pt"></TextView>

            <EditText
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_weight="0.25"
                android:password="true"
                android:text="mailto:%22 %20android:id=%22@+id/editBoxPassword"></EditText>
        </LinearLayout>

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10px"
            android:layout_marginRight="10px"
            android:gravity="center"
            android:orientation="horizontal">

            <Button
                android:id="@+id/btnLogin"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:text="登錄"
                android:textSize="9pt"></Button>
        </LinearLayout>
    </LinearLayout>
    </LinearLayout>

結(jié)語(yǔ)

早聞android大名,只到他墜入貧民級(jí)時(shí)才接受和了解屑柔,而我屡萤,還在玩微軟已經(jīng)放棄了的windows mobile ,.net cf開(kāi)發(fā),看樣子掸宛,為畢業(yè)時(shí)聽(tīng)聞的一句話“跟著微軟走死陆,吃喝全都有”,卻不再靈驗(yàn)唧瘾。windows phone 7遲遲不見(jiàn)真面目措译,他面臨的用戶接受程度和開(kāi)發(fā)商支持都是很大的挑戰(zhàn),而android淪為平民級(jí)了饰序,未來(lái)還是未知之?dāng)?shù)领虹,而重量級(jí)的xaml語(yǔ)言描述的wcf, silverLight,卻又推廣的不那么好求豫∷ィ總之微軟已經(jīng)不似幾年前的樣子了,這個(gè)龐大的機(jī)器狂烈的運(yùn)轉(zhuǎn)蝠嘉,卻未帶來(lái)更多的技術(shù)變革最疆。反而,google蚤告。肚菠。。


源代碼下載

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末罩缴,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子层扶,更是在濱河造成了極大的恐慌箫章,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,858評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件镜会,死亡現(xiàn)場(chǎng)離奇詭異檬寂,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)戳表,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)桶至,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)昼伴,“玉大人,你說(shuō)我怎么就攤上這事镣屹∑越迹” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,282評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵女蜈,是天一觀的道長(zhǎng)持舆。 經(jīng)常有香客問(wèn)我,道長(zhǎng)伪窖,這世上最難降的妖魔是什么逸寓? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,842評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮覆山,結(jié)果婚禮上竹伸,老公的妹妹穿的比我還像新娘。我一直安慰自己簇宽,他們只是感情好勋篓,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,857評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著晦毙,像睡著了一般生巡。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上见妒,一...
    開(kāi)封第一講書(shū)人閱讀 51,679評(píng)論 1 305
  • 那天孤荣,我揣著相機(jī)與錄音,去河邊找鬼须揣。 笑死盐股,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的耻卡。 我是一名探鬼主播疯汁,決...
    沈念sama閱讀 40,406評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼卵酪!你這毒婦竟也來(lái)了幌蚊?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,311評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤溃卡,失蹤者是張志新(化名)和其女友劉穎溢豆,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體瘸羡,經(jīng)...
    沈念sama閱讀 45,767評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡漩仙,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片队他。...
    茶點(diǎn)故事閱讀 40,090評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡卷仑,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出麸折,到底是詐尸還是另有隱情锡凝,我是刑警寧澤,帶...
    沈念sama閱讀 35,785評(píng)論 5 346
  • 正文 年R本政府宣布磕谅,位于F島的核電站私爷,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏膊夹。R本人自食惡果不足惜衬浑,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,420評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望放刨。 院中可真熱鬧工秩,春花似錦、人聲如沸进统。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,988評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)螟碎。三九已至眉菱,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間掉分,已是汗流浹背俭缓。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,101評(píng)論 1 271
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留酥郭,地道東北人华坦。 一個(gè)月前我還...
    沈念sama閱讀 48,298評(píng)論 3 372
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像不从,于是被迫代替她去往敵國(guó)和親惜姐。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,033評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容