安卓可視化開發(fā)工具1.14 綠色免費(fèi)版

這是一個快速的設(shè)計安卓軟件界面的工具，只需隨便的拖動幾下就能為您創(chuàng)作漂亮的軟件界面。

安卓可視化開發(fā)工具使用方法

參考：http://blog.sina.com.cn/s/blog_45497dfa0100nhfy.html

第一步

轉(zhuǎn)到 DroidDraw UI設(shè)計軟件。

第二步

首先設(shè)置根布局為RelativeLayout（相對布局）

clip_image002

第三步

選擇“Layouts”選項(xiàng)卡。

clip_image004

第四步

從布局面板中，將一個LinearLayout對象拖放在屏幕頂部中心位置。

clip_image006

第五步

選擇LinearLayout對象，在屬性選項(xiàng)卡上單擊"Properties"布局屬性，開始編輯的。 改變Width為“200 px”，Height為“130px”

點(diǎn)擊“Apply”應(yīng)用更改。

clip_image008

第六步

轉(zhuǎn)到“Widgets”標(biāo)簽。

clip_image010

第七步

把兩個EditText和兩個TextView插入LinearLayout中，如圖交替排列擺放。

clip_image012

第八步

接下來，把一個RadioGroup對象拖放到的LinearLayout中。 把兩個RadioButton拖放到RadioGroup對象中。

clip_image014

第九步

把一個Button 對象拖放到根RelativeLayout 中，它在LinearLayout 對象下面。它應(yīng)該和LinearLayout 的右邊對齊。

clip_image016

第十步

編輯每個TextView 對象的屬性值。上面一個的文本設(shè)置成"Dollars"，并設(shè)置成"bold"字體樣式。下面一個

TextView 的文本設(shè)置成"Euros"，并也設(shè)置成"bold"字體樣式

第十一步

編輯上的EditText如下的屬性：

更改ID為：“@+id/dollars”

更改文本內(nèi)容為空

改變寬度為“100px”。

第十一步半

重復(fù)步驟十一,在"Euros"TextView 下面的第二個EditText 上，但是把id 設(shè)置為"@+id/euros"

十二步

編輯第一個單選按鈕，以便其內(nèi)容為"Dollars to Euros",并把它id 設(shè)置成"@+id/dtoe"。

編輯第二個單選按鈕，以便其內(nèi)容為"Euros to Dollars ",并把它id 設(shè)置成"@+id/etod"。

重要注意事項(xiàng)：

你必須得到的ID完全正確，這是因?yàn)樵谠创�碼中你將通過ID查找相應(yīng)的部件。

十三步

編輯按鈕，內(nèi)容為“Convert”和它的ID是“@+id/convert”。

最終的圖形用戶界面應(yīng)該是這樣的：

clip_image018

十四步

按“Generate”按鈕以生成布局的XML。

十五步

在Eclipse中創(chuàng)建一個新的Android項(xiàng)目。 剪切和粘貼DroidDraw的XML內(nèi)容，以取代res/layout/main.xml。

此時運(yùn)行， 它應(yīng)該是這個樣子：

clip_image020

十六步

最后一步是實(shí)際貨幣轉(zhuǎn)換的代碼。 沒有多少吧，你可以使用代碼this.findViewById(R.id.)查找你的GUI元素,

下面是完整CurrentConverter Activity 的代碼:

1  import android.app.Activity;

2  import android.os.Bundle;

3  import android.view.View;

4  import android.view.View.OnClickListener;

5  import android.widget.Button;

6  import android.widget.RadioButton;

7  import android.widget.TextView;

8 

9  public class CurrencyConverter extends Activity implements OnClickListener {

10     TextView dollars;

11     TextView euros;

12     RadioButton dtoe;

13     RadioButton etod;

14     Button convert;

15    

16    

17     @Override

18     public void onCreate(Bundle icicle) {

19         super.onCreate(icicle);

20         setContentView(R.layout.main);

21         

22         dollars = (TextView)this.findViewById(R.id.dollars);

23         euros = (TextView)this.findViewById(R.id.euros);

24         

25         dtoe = (RadioButton)this.findViewById(R.id.dtoe);

26         dtoe.setChecked(true);

27         etod = (RadioButton)this.findViewById(R.id.etod);

28         

29         convert = (Button)this.findViewById(R.id.convert);

30         convert.setOnClickListener(this);

31     }

32     

33     public void onClick(View v) {

34         if (dtoe.isChecked()) {

35             convertDollarsToEuros();

36         }

37         if (etod.isChecked()) {

38             convertEurosToDollars();

39         }

40     }

41    

42     protected void convertDollarsToEuros() {

43         double val = Double.parseDouble(dollars.getText().toString());

44         // in a real app, we'd get this off the 'net

45         euros.setText(Double.toString(val*0.67));

46     }

47    

48     protected void convertEurosToDollars() {

49         double val = Double.parseDouble(euros.getText().toString());

50         // in a real app, we'd get this off the 'net

51         dollars.setText(Double.toString(val/0.67));

52     }

53 }

十七步

嗯，就是這樣。 我希望你喜歡該教程。 將你的意見和建議Gmail給 brendan.d.burns！