2009年4月29日 星期三

How to generate GUI Layout by a xml file?

Step 1: 先找到Project的fodler位置. 子目錄res/layout/中產生一main.xml檔案。若已經存在就直接打開.

Step 2: 修改內容,填入想要的畫面結構. 如
<?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="@string/hello"/>


Step 3: 打開另一個xml檔案(string.xml in res/values). 此檔案用來設定main.xml檔中的變數初始值. 如
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="hello">Hello, Android! I am a string resource!</string>
<string name="app_name">Hello, Android</string>
</resources>


Step 4: 修改主要的java程式(我們的例子為helloandroid.java). 使得此java程式會去載入main.xml檔案內容以建立畫面結構.
package com.example.helloandroid;
import android.app.Activity;
import android.os.Bundle;
public class HelloAndroid extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}
}
若是你用Eclipse去產生android project. Eclipse會產生一R.java class 內含所有resource(也包含main.xml). R.layout.main就是一個compiled object代表著main.xml的內容。A project's R.java file is an index into all the resources defined in the file.


Step 5: 執行程式(在此我們利用Eclipse執行此project). 如此就可以在android emulator中看到畫面。

沒有留言: