將一份創意落實到可執行的應用程式，背後需要的是從閱讀與寫作程式碼中累積的經驗，並有堅持理念、直到完成的耐心。 表達使用者介面我們可以先用前幾章教的方法設定並執行模擬器，看看模擬器運作後的結果。 我們看到一個文字欄位，上面有一串文字 「Hello World, Bmi!」。這就是 Android 預設程式架構的範例囉。 由於才剛開始實際接觸到 Android 應用程式，我們先從簡單的開始：這一節中，我們的目標是將 「Hello World, Bmi!」 換成別的文字。 那麼，「Hello World, Bmi!」，這串字串藏在哪裡呢？ 先打開 「res/layout/main.xml」 1 <?xml version="1.0" encoding="utf-8"?>
2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3 android:orientation="vertical"
4 android:layout_width="fill_parent"
5 android:layout_height="fill_parent"
6 >
7 <TextView
8 android:layout_width="fill_parent"
9 android:layout_height="wrap_content"
10 android:text="＠string/hello"
11 />
12 </LinearLayout>原來「Hello World, Bmi!」字串就藏在「res/layout/main.xml」這個檔案的第 10 行中。我們只要簡單地將第 10 行修改成如下 android:text="Hello World, Bmi!” 再執行一次模擬器，就可以得到一個相似的應用程式，只是內文變成了我們剛剛修改的內容。 既然找到了「Hello World, Bmi!」字串，我們就試著將「android:text」屬性值從「Hello World, Bmi!」改成「哈囉，BMI」，然後執行看看吧。 android:text="哈囉，BMI" 結果發現 Android 模擬器中文嘛也通，字型也相當漂亮。 要開始學習 Android 應用程式確實很簡單吧？不過為了顯示「Hello World, Bmi」，也用到了許多程式碼。到底這些程式碼有什麼含意呢？ 我們馬上來學習 「main.xml」這個 XML 介面描述檔的內涵吧。 Android 平台裡，使用者介面都是透過 ViewGroup 或 View 類別來顯示。ViewGroup 和 View 是 Android 平台上最基本的使用者介面表達單元。我們可以透過程式直接呼叫的方法，調用描繪使用者介面，將螢幕上顯示的介面元素，與構成應用程式主體的程式邏輯，混合在一起編寫。或是，也可以將介面顯示與程式邏輯分離，照著 Android 提供的這個較優雅的方式，使用 XML 描述檔，來描述介面元件的組織。 講解我們看到的「Hello World, Bmi」就包含在「main.xml」 這個檔案中。 接著，我們就直接分部份來講解這個「main.xml」 檔案裡的內容： 第 1 行 <?xml version="1.0" encoding="utf-8"?> XML (Extensible Markup Language) 是一種標記描述語言，不管是語法還是看起來的樣子，都相當類似網頁所使用的 HTML 標記語言。XML 被廣泛地運用在 Java 程式的設定中。「main.xml」 文件裡，第一行是每個 XML 描述檔固定的開頭內容，用來指示這個文字檔案是以 XML格式描述的。 第 2, 6 與 12 行 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"></LinearLayout> 接著我們看到第一個標籤，與 HTML 網頁標籤相當類似。 <LinearLayout></LinearLayout> "線性版面配置"(LinearLayout)標籤，使用了兩個「LinearLayout」標籤，來表示一個介面元件的區塊。後頭的標籤前加上一個「/」符號來表示結束標籤。"線性版面配置" 所指的是包含在 「LinearLayout」 標籤中，所有元件的配置方式，是將一個接一個元件由上而下排隊排下來的意思。 xmlns:android="http://schemas.android.com/apk/res/android" xmlns 開頭的這串敘述，是用來宣告這個 XML 描述檔案的的名稱空間(NameSpace)，後面接的URL(網址)，表示這個描述檔案會參照到 Android 名稱空間提供的定義。 所有 Android 版面配置檔案的最外層標籤中，都必須包含這個屬性。 注意標籤需要兩兩對稱。一個標籤「 <linearlayout>」在一串敘述的前頭，另一個標籤「</linearlayout>」在敘述的末尾。 如果你修改過的標籤沒有閉合(忘了加 <、/、> 等符號)，Eclipse 畫面上也會出現小小的警示符號來提醒你。 第 3-5 行 android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"這些包含在「 <linearlayout>」標籤中的敘述被稱為「LinearLayout」標籤的「屬性」。Android 應用程式在 layout 目錄中的標籤，大多數的屬性前都有一個「android:」前綴。同一個介面元件的屬性之間，是以空白做區隔，因此事實上你也能將多個屬性寫在同一行。當然，將屬性排成多行更易於閱讀。我們應該保持這個好習慣。 介面元件都有許多共同的屬性，例如介面元件的長，寬度設定屬性。Android 介面元件的寬度、長度設定屬性分別叫做「android:layout_width」、「android:layout_height」。兩個都設定為 「fill_parent」參數值。「fill_parent」 如其名，所表達的的意思就是"填滿整個上層元件"。預設 LinearLayout 介面元件就會佔滿整個螢幕空間。 介面元件彼此間也會有一些不同的屬性，例如 「LinearLayout」(線性版面配置) 標籤的「android:orientation」(版面走向) 屬性。在此填入 「vertical」 (垂直)屬性值，表示這個介面的版面配置方式是從上而下垂直地排列其內含的介面元件。 「android.view.ViewGroup」 是各種佈局配置(layout)元件的基礎類別。常見的實現有 LinearLayout(線性版面配置)、FrameLayout(框架版面配置)、TableLayout(表格版面配置)、AbsoluteLayout(絕對位置版面配置)、RelativeLayout(相對位置版面配置)等。 雖然有這麼多種版面配置方式可以選用，但大多數的應用程式並不需特地去改變預設的 LinearLayout 的配置，只要專注在其中填入需要的介面元件即可。所以從第 7 行之後的內容才是一般應用程式開發時較常修改之處。 第 7 和 11 行 <TextView
/>TextView (文字檢視)是我們看到的第一個熟悉的介面元件。其作用是顯示文字到螢幕上。你可能注意到這個標籤結尾使用了 「/>」 符號。 「/>」符號表示這個XML敘述中沒有內文，亦即此介面元件描述中不再包含其他介面元件，也表示這個介面元件就是這個螢幕中最小的組成單元了。 第 8-10 行 android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Hello World, bmi"我們來看看 TextView 介面元件中包含了哪些屬性。 「android: layout_width」和「android:layout_height」我們剛剛已經學過了，分別代表寬度跟長度。「android: layout_width」 的 「fill_parent」 參數值表示寬度填滿整個上層介面元件(即 LinearLayout 介面元件)。「android:layout_height」則是用上一個新的參數值「wrap_content」(包住內容)，亦即隨著文字欄位行數的不同而改變這個介面元件的高度。最後的 「android:text」 屬性則是 TextView 介面元件的主要屬性，亦即文字欄位中顯示的文字內容。至於「@string/hello 」這段字串所代表的意義，馬上會接著在後面章節說明。我們現在已知道是：只要將「android:text」屬性內容替換成我們想要文字，在預覽畫面或在模擬器中就會顯示對應的文字。 將以上的 XML 描述綜合起來，我們就可以得知「main.xml」 想表達的介面。 對於本章，您還期望知道什麼樣的內容呢？請在下方提出建議！ | |
► Sign in to add a comment
我遇到的狀況也是一樣 中文顯示不出來(變成小方塊) 但是英文顯示就是正常的 在ADT 的res/layout/main.xml 編輯畫面中就是這樣 第一行確定是: <?xml version="1.0" encoding="utf-8"?> 沒有錯!
編輯畫面顯示不出來中文應該是 Windows 編碼問題，因為在 Mac 上是正常的。 我還以為 u9524038 的意思是編譯好在模擬器上跑時也看不到中文...
我的狀況是，在main.xml編寫中文後，如果是按中間視窗偏下方有個layout的標籤，那麼也將會出現 框框的圖示，但是如果你按的是工具列那排run的圖示，那麼執行出來之後，也將會出現中文字。
我的文字是放在一個叫"string.xml"的檔案內,這是因為SDK版本不同的問題嗎?我用的是最新發佈的1.5
可以顯示中文
很正常呀!! 只是, Android Emulator 速度很慢...
我照 [操作 Android 模擬器(Emulator)] 的方法開啟模擬器，可是卻沒有BMI的程式在桌面與選單中...這樣是正常的嗎? 還是哪裡出了問題
用2.0创建的功能已经改变了,Helloworld在string.xml里面了。希望更新到2.0！
希望可以補充解釋"＠string/hello"的含義
下幾章就有教
您好~一邊看你的書和線上資料...真的獲益良多~ 有一個問題想請教... 我照著步驟create了BMI專案後,想試著RUN模擬器 當模擬器跑出來後,就只有在畫面中間寫著大大的"ANDROID"字 並沒有寫著Hello World, Bmi! 感覺是只有把模擬器開起來,但程式沒有跑.../\ 請問你知道是什麼回事嗎?
你應該是使用了網路上下載的skin所導致的，將你的emulator用內建的skin來操作，應該就會出現了
為何最後一句出現呢!?? [2010-01-15 22:58:36 - Emulator]2010-01-15 22:58:36.866 emulator[1881:903] Warning once: This application, or a library it uses, is using NSQuickDrawView, which has been deprecated. Apps should cease use of QuickDraw? and move to Quartz.
我也是只有出現"ANDROID" ，要如何將emulator用內建的skin來操作
第一次跑模擬器可能會要花個幾分鐘才會開好。有耐心一點 :)
真的是我太沒耐心了，多謝多謝!!!
我的使用debug之後都沒有反應，到底是什麼原因造成的??? 會出現這排字 emulator: could not find virtual device named 'BMI'
cwt0000d, 是因為找不到模擬器, 重開一次模擬器試試吧
找到問題了,因為我在run之前有進main改過程式碼,然後就直接按run,這樣好像會只執行main.xml這個檔?(之前寫java都沒遇過這樣的問題@@),直接在點選project後run就ok了,不過有一個問題是我把android:text="@string/hello"改成android:text="哈囉，BMI"執行後是正確顯示的,但是在layout上看是只有兩個框框(OS:W7&XP都試過都一樣),不知道這樣有沒有差,感謝回答^^
請問錯誤訊息 [2010-01-20 19:22:47 - BMI]emulator-5554 disconnected! Cancelling 'com.demo.android.bmi.Bmi activity launch'! 我模擬器開了也沒反應 這樣是如何解決 謝謝~
感謝回答~ 可是還是不行耶 都會斷開 我後來試1.5的模擬器直接運行可以跑出來 2.1的我直接運行還是只有停在android 的畫面 會跟這有關嗎?? 謝謝~
對了 如果單初建立專案的時候就選2.1 有辦法直接換成1.5嗎 謝謝~
去看 OpenProject 一節的「切換 SDK 版本」
@string/hello 關於這行 我想應該是直接去到Resource找String 底下名稱為hello的變數 但是之前我以為我模擬器沒成功 所以改過它 後來我模擬器正常執行後 出現的字都是 @string/hello 而不會出現hello的變數裡面的Hello World Bmi! 這樣正常嗎??
大家在粘贴代码的时候，会有行号，麻烦。在linux下用下面的命令： sed 's/^[0-9]\{0,\}//g' a.txt (ying hua da)
直接修改android:text="＠string/hello"可以得到新的欢迎字符串；修改string.xml也可以做到。 <?xml version="1.0" encoding="utf-8"?> <resources>
</resources>我依照步驟執行，畫面中也只是出現"ANDROID"的文字而已，過了很久很久之後，畫面中的文字才變成圖形化的"ANDROID"，並沒有"Hello World, Bmi!"。為何會如此？還有，如何將emulator用內建的skin來操作？
你好!! 我想將字的顏色變化一下 android:textcolor="#ff0000" 字可以變紅色 但是要是能更白話一點 android:textcolor="RED" <== 那 RED 要再哪裡設定他等於 #ff0000 呢?
<color name="red">#ff0000</color>
請問一下我不管建立什麼專案，建立完成後都直接出現以下的錯誤，不知道有人知道解決方法嗎? [2010-10-22 11:44:49 - BMI] ERROR: Unable to open class file D:\workspace\BMI\gen\android\bmi\R.java: No such file or directory
想回覆大家關於 只有出現"ANDROID" 的這個問題 小弟本來也是如此 本想研究內建skin 但後來發現 只要等一會(大概十幾秒,不需更改什麼內建skin)後 就會從 ANDROID 變成 Hello World ... 了 如有此問題的大大可以參考看看
補充樓上，一開始是出現ANDROID的文字，然後等了好一會兒會變成圖形的ANDROID，再等好一會兒就會載入手機的畫面，Hello world就會出現了 這是小弟試的結果，提供給大家參考
to 0914weiyuwang 我找到的解決的方法之一。 Help with “Error: Unable to open class file R.java” when building an Android App for the first time in Eclipse This is just a really, quick and dirty post to help resolve this issue.
Problem:
You’ve just installed Eclipse (5.2.x at the time of this writing), and attempted to create your first Android Application. When clicking create, you see an error similar to this:
Error: Unable to open class file R.java Solution:
The “Build Path” for your Java environment is not setup correctly in Eclipse. To fix this, follow these steps:
1) Open the Preferences Window by clicking Window -> Preferences
2) Find the Java section and expand it
3) Select Build Path
4) Change the value of Source and output folder from Folders to Project
5) Click Apply and then OK
Your problem should be resolved!
我想請問一下，我照你說的修改"main.xml"，但一更改之後，<TextView這行會有個錯誤訊息→ error: Error: No resource found that matches the given name (at 'text' with value '@string/hello
後來我是修改strings.xml就沒問題了，請問這是版本差異的關係嗎？我用的是android 2.2anlun.li, 是你輸入錯了, 跟版本沒關係
不好意思，想請問我在執行時發生了一個錯誤 Premature end of file 追過去看發現他指向在main.out.xml的第一行出錯
想請問這是哪邊有問題呢?(程式碼語法完全照範例打無變更)
謝謝
小弟是新手，想问一下，想在两个画面之间来回，是否这样写？
compile能通过，但一run便死了。
public class Zympad extends Activity {
}我照著做,執行後出現 emulator-5554 disconnected! Cancelling 'com.demo.android.bmi.Bmi activity launch'! 請問是哪邊出錯了
中文顯示不出來的，可能要注意一下儲存檔案時候的編碼
@string/hello 是變數的路徑
『「android.view.ViewGroup?」 是各種佈局配置(layout)和視圖(View)元件的基礎類別』。。。這地方有些怪怪的，
具有容器能力的元件類別繼承至ViewGroup?類別沒錯，不過ViewGroup?類別則是繼承至View類別， 至於一般不具容器能力的UI元件類別也是繼承至View類別，因此，容器元件是元件，不過差別在於它可以容納其它的元件， 它們都是繼承至View類別
請參照： http://developer.android.com/reference/android/view/ViewGroup.html http://developer.android.com/reference/android/widget/TextView.html
along930, 確實這樣寫不正確，已修改