<dfn id="is4kg"></dfn>
  • <ul id="is4kg"></ul>
  • <abbr id="is4kg"></abbr>
  • <ul id="is4kg"></ul>
    <bdo id="is4kg"></bdo>

    曙海教育集團(tuán)論壇3G手機(jī)技術(shù)專(zhuān)區(qū)Android系統(tǒng)開(kāi)發(fā) → Android程序開(kāi)發(fā)初級(jí)教程② ——將界面實(shí)現(xiàn)用XML編排


      共有9604人關(guān)注過(guò)本帖樹(shù)形打印

    主題:Android程序開(kāi)發(fā)初級(jí)教程② ——將界面實(shí)現(xiàn)用XML編排

    美女呀,離線(xiàn),留言給我吧!
    wangxinxin
      1樓 個(gè)性首頁(yè) | 博客 | 信息 | 搜索 | 郵箱 | 主頁(yè) | UC


    加好友 發(fā)短信
    等級(jí):青蜂俠 帖子:1393 積分:14038 威望:0 精華:0 注冊(cè):2010-11-12 11:08:23
    Android程序開(kāi)發(fā)初級(jí)教程② ——將界面實(shí)現(xiàn)用XML編排  發(fā)帖心情 Post By:2010-12-2 14:49:45

    你剛剛完成的"Hello, World"例子我們稱(chēng)之為”程序化”的界面編排。意思就是說(shuō)構(gòu)建你的應(yīng)用程序界面是直接使用的源代碼。如果你已經(jīng)完成過(guò)很多界面程序,你大概熟悉像此類(lèi)的方式是多么脆弱:一個(gè)對(duì)布局小小的修改會(huì)對(duì)源代碼造成很頭疼的事情。如果忘掉與View的緊密結(jié)合,這個(gè)導(dǎo)致代碼出錯(cuò)和浪費(fèi)你的調(diào)試時(shí)間的界面問(wèn)題也會(huì)很簡(jiǎn)單。



    這就是為什么Android提供了一種可替換的界面構(gòu)建方式: 基于XML的布局文件。最簡(jiǎn)單的解釋這個(gè)概念的方式就是展示一個(gè)例子。 我們就用剛才創(chuàng)建的項(xiàng)目來(lái)進(jìn)行演示,達(dá)到相同的界面效果。



    <?xml version="1.0" encoding="utf-8"?>
    <TextView xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:text="Hello, Android"/>


    AndroidXML布局文件的大體的結(jié)構(gòu)很簡(jiǎn)單。 它是一個(gè)標(biāo)簽的樹(shù),任何一個(gè)標(biāo)簽就是View類(lèi)的名字。在這個(gè)例子中, 它是一個(gè)很簡(jiǎn)單的只有一個(gè)元素的樹(shù),一個(gè) TextView。 你可以使用任何繼承自View類(lèi)的名字作為標(biāo)簽的名字。包括在你的代碼中自定義的View類(lèi)。這個(gè)結(jié)構(gòu)可以很容易的構(gòu)建界面,它比你在源代碼中使用的結(jié)構(gòu)和語(yǔ)法更簡(jiǎn)單。這個(gè)模式的設(shè)計(jì)靈感來(lái)自于Web開(kāi)發(fā)。 就是可以將界面和應(yīng)用程序邏輯分離的模式。



    在這個(gè)例子中, 也有些是XML的屬性,下面是他們的含義:



    屬性
    含義

    xmlns:android
    這是XML命名空間的聲明,它是告訴Android的工具, 你將要涉及到公共的屬性已被定義在XML命名空間。在每一個(gè)Android的布局文件的最外邊的標(biāo)簽必須有這個(gè)屬性。

    android:layout_width
    這個(gè)屬性定義了在屏幕上這個(gè)View可用的寬度是多少。

    android:layout_height
    這個(gè)屬性定義了在屏幕上這個(gè)View可用的高度是多少。

    android:text
    設(shè)置TextView所包含的文本內(nèi)容,當(dāng)前設(shè)置為”Hello, Android”信息






    以上就是一個(gè)XML布局文件的樣子,但是你需要放在哪里?它要放在你的項(xiàng)目目錄的res/ 文件夾下。 “res”是”resources”的縮寫(xiě),它是存放所有非代碼資源的文件夾,包含象圖片,本地化字符串和XML布局文件。

    這些Eclipse的插件已經(jīng)給你創(chuàng)建好了,在我們上面的例子中,我們沒(méi)有使用它。在包瀏覽器中,展開(kāi)res目錄的layout. 并且編輯 main.xml, 替換掉那個(gè)文本內(nèi)容,然后保存。



    現(xiàn)在,在包瀏覽狀態(tài),打開(kāi)在代碼文件夾中名為 R.java的文件, 你將看到下面的內(nèi)容:



    public final class R {
        public static final class attr {
        };
        public static final class drawable {
            public static final int icon=0x7f020000;
        };
        public static final class layout {
            public static final int main=0x7f030000;
        };
        public static final class string {
            public static final int app_name=0x7f040000;
        };
    };




    一個(gè)項(xiàng)目的R.java文件是一個(gè)定義所有資源的索引文件。 使用這個(gè)類(lèi)就像使用一種速記方式來(lái)引用你項(xiàng)目中包含的資源。這個(gè)有點(diǎn)特別的強(qiáng)大像對(duì)于Eclipse這類(lèi)IDE的代碼編譯特性,因?yàn)樗鼓憧焖俚模?dòng)式的定位你正在尋找的特定引用。



    到目前需要注意的重要事情是叫做”layout”的內(nèi)部類(lèi)和他的成員變量”main”, 插件會(huì)通知你添加一個(gè)新的XML布局文件,然后從新產(chǎn)生這個(gè)R.java文件,比如你添加了新的資源到你的項(xiàng)目,你將會(huì)看到R.java也相應(yīng)的改變了



    最后重要的事情是你需要去修改你的HelloAndroid源代碼,去使用新的XML布局你的界面。替換掉編碼式的界面模式。下面是你的新代碼的樣子,你可以看到,代碼變得更加簡(jiǎn)單了。



    public class HelloAndroid extends Activity {

        /** Called when the activity is first created. */

        @Override

        public void onCreate(Bundle icicle) {

            super.onCreate(icicle);

            setContentView(R.layout.main);

        }

    }



    當(dāng)你做這些改變的時(shí)候,不要僅僅復(fù)制,粘貼到你的代碼中,嘗試去體驗(yàn)R.java的代碼編譯特點(diǎn)。你會(huì)發(fā)現(xiàn)它對(duì)你有很大的幫助。



    現(xiàn)在完成這些改變以后,你就可以重新運(yùn)行你的程序,然后你會(huì)發(fā)現(xiàn)兩種不同的界面編排方式會(huì)產(chǎn)生同樣的效果。

    支持(0中立(0反對(duì)(0單帖管理 | 引用 | 回復(fù) 回到頂部

    返回版面帖子列表

    Android程序開(kāi)發(fā)初級(jí)教程② ——將界面實(shí)現(xiàn)用XML編排








    簽名