1、 GUI可視化設計器——DroidDraw
Dr oidDraw是基於Java Swing的Android界面設計器，可以通過它生成複雜的Android Layout Xml文件。
2、AnDroidDrow
AnDroidDrow是與DroidDraw集成的Android應用程序，它允許你從DroidDraw應用程序下載你的GUI，也允許你在一個AnDroidDraw設備上預覽你的GUI。
步驟零：
下載AnDroidDraw.apk
使用 adb install AnDroidDraw.apk把它安裝到你的Android設備上。（參考CSDN做的筆記）
安裝一個端口轉發規則：adb forward tcp:6100 tcp:7100
步驟一：
在你的Android設備上運行AnDroidDraw，你應該看到這樣。
步驟二：
在你的電腦上運行DroidDraw，並創建一個GUI，接下來從DroidDraw菜單中選擇“project->send GUI to Device”。
步驟三：
現在可以在Android屏幕看到新創建的GUI的XML。如圖。
步驟四：
點擊“preview Layout”按鈕預覽你的GUI。
步驟五：
當你結束時，點擊向後的箭頭，來返回AnDroidDraw的主屏幕。
記住：如果你感興趣，你可以在文件框中編輯該XML文件，並且你再次點擊“Preview layout”來查看修改。然而，這些修改並不會返回到DroidDraw。
步驟六：
OK。
DroidDraw教程一：Currency Converter
步驟零：
本教程講給你一個簡短的介紹，關於使用DroidDraw用戶界面設計器來開發一個Android上的GUI應用程序。
步驟一：
登陸到DroidDraw UI Designer.
步驟二：
設置根佈局爲RelativeLayout（相對佈局）
步驟三：
選擇“layouts”標籤
步驟四：
從Layouts面板中把一個LinearLayout對象拖放到屏幕頂部的中心位置。
步驟五：
選擇該linearlayout對象並點擊屬性“properties“標籤開始編輯Layout屬性值，把Width屬性值設爲”200px“，Height屬性值設爲”130px“，點擊”Apply“來應用改變。
步驟六：
轉到“Widget“標籤。
步驟七：
把兩個TextView對象和兩個EditView對象交替拖放到LinearLayout中。
步驟八：
把一個RadioGroup對象拖放到LinearLayout中，把兩個RadioButton對象拖放到RadioGroup對象中。
步驟九：
把一個Button對象放到根RelativeLayout中，它在LinearLayout下面。他應該和LinearLayout對象的右邊對齊。
步驟十：
編輯每個TextView對象的屬性值，上面一個文本設置成“Dollars“，
並設置成“bold“字體樣式。下面一個文本設置成“Euros“，並設置成“bold“字體樣式。
步驟十一：
如以下內容編輯EditView的屬性值：
id修改成：“@+id/dollors“
文本內容設置爲空
寬度修改爲：“100px“
十一步半：
把第二個EditView也加上如上設置，只不過id修改爲“@+id/euros“。
步驟十二：
編輯第一個RadioButton屬性：文本設爲“Dollors To Euros“,並把它的的id設爲”@+id/dtoe“.
編輯第二個RadioButton屬性：爲本設爲“Euros To Dollors“,並把它的id設爲”@+id/etod“.
重要注意事項：
你必須正確的獲取id，因爲這是你在代碼中如何獲取搜索到該UI元素的方式。
步驟十三：
編輯Button屬性，文本修改爲“Convert“，它的id設置爲”@+id/convert“.
步驟十四：
點擊“Generate“按鈕生成XML佈局。
步驟十五：
在Eclipse中創建一個新的Adroid工程，從DroidDraw剪切該XML並粘貼換到res/layout/main.xml的內容。
到這裏你就可以運行你的GUI了。
步驟十六：
最後一步是實際的代碼轉換。它不多，你可以用代碼查看一下你的GUI元素。
如下代碼：
this.findViewById(R.id.<id>).
Here is the complete code for the CurrencyConverter activity:
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.RadioButton;
import android.widget.TextView;
public class CurrencyConverter extends Activity implements OnClickListener {
TextView dollars;
TextView euros;
RadioButton dtoe;
RadioButton etod;
Button convert;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.main);
dollars = (TextView)this.findViewById(R.id.dollars);
euros = (TextView)this.findViewById(R.id.euros);
dtoe = (RadioButton)this.findViewById(R.id.dtoe);
dtoe.setChecked(true);
etod = (RadioButton)this.findViewById(R.id.etod);
convert = (Button)this.findViewById(R.id.convert);
convert.setOnClickListener(this);
}
public void onClick(View v) {
if (dtoe.isChecked()) {
convertDollarsToEuros();
}
if (etod.isChecked()) {
convertEurosToDollars();
}
}
protected void convertDollarsToEuros() {
double val = Double.parseDouble(dollars.getText().toString());
// in a real app, we'd get this off the 'net
euros.setText(Double.toString(val*0.67));
}
protected void convertEurosToDollars() {
double val = Double.parseDouble(euros.getText().toString());
// in a real app, we'd get this off the 'net
dollars.setText(Double.toString(val/0.67));
}
}
最終效果圖：
DroidDraw教程二：TableLayout
步驟零：
本教程將介紹如何創建一個DroidDraw輸入和TableLayout佈局。
步驟一：
啓動DroidDraw UI Designer
步驟二：
根佈局設置爲relativelayout。
步驟三：
選擇Layout標籤
步驟四：
把一個TableLayout對象從Layout面板拖放到屏幕中間。
步驟五：
雙擊“TableLayout”對象，設置其屬性。把它的寬度設置爲“fill_parent”。
步驟六：
把三個TableRow對象從Layout面板中拖放到TableLayout中。當你拖放“TableRow”
時你應該從彈出菜單中選擇TableLayout。
步驟七：
每個TableRow拖放一個TextView.
步驟八：
雙擊每個TextView，設置其屬性，如圖所示：
步驟九：
每個TableRow拖放一個EditView.
步驟十：
選中TaleLayout，修改“stretchable column”（可擴展欄）屬性值爲1，這將把所有的EditText Widget擴展開來，填充滿整個Table域。
步驟十一：
雙擊EditText，修改其屬性，Text設置爲“”。
步驟十二：
把一個Button對象拖放到TableLayout下面右下角處。它應該在TableLayout的外面，並與它右對齊。
步驟十三：
編輯Botton的屬性，文本設置爲“OK”
步驟十四：
點擊Generate生成XML文件。
步驟十五：
在Eclipse中創建一個項目。
步驟十六：
複製DroidDraw生成的XML，將其替換到“res/layout/main.xml”中。
步驟十七：
運行程序，最終效果圖.
DroidDraw教程三：使用ListView和array資源
步驟零：
在Eclipse中創建一個工程
步驟一：創建初始化佈局
開啓DroidDraw，創建一個新的佈局。
在Widget列表中拖放一個ListView到Layout中
雙擊ListView，設置其屬性。
將其寬設爲“fill_paratent”.
點擊apply。
步驟二：創建一個array資源
注意：這些使用是針對獨立的DroidDraw可執行文件。
點擊DroidDraw中的array標籤。
點擊NEW來添加一個新的Array數組。
當提示名稱時，使用“items”
對於數組值，使用逗號隔開
點擊Save按鈕，並把其保存爲array.xml,將其放入到“res/values”中。
步驟三：讓你的數組與列表相連。
在第一步創建的ListView上雙擊
修改“Entry Array Id“屬性爲”@arrays/items“
點擊“Apply“按鈕
生成的Layout佈局代碼保存爲“main.xml“,保存到”res/layouts“中。
步驟四：
在你的mainActivity.java中使用如下代碼：
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
this.setTitle("DroidDraw");
setContentView(R.layout.main);
}
Step Five - Done!
Run your code in the Android emulator.