安卓界面设计软件-安卓可视化开发工具1.14 绿色免费版

安卓可视化开发工具使用方法

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

第一步

转到DroidDrawUI设计软件。

第二步

首先设置根布局为RelativeLayout（相对布局）

clip_image002

第三步

选择“Layouts”选项卡。

clip_image004

第四步

从布局面板中，将一个LinearLayout对象拖放在屏幕顶部中心位置。

clip_image006

第五步

选择LinearLayout对象，在属性选项卡上单击"Properties"布局属性，开始编辑的。改变Width为“200px”，Height为“130px”

点击“Apply”应用更改。

clip_image008

第六步

转到“Widgets”标签。

clip_image010

第七步

把两个EditText和两个TextView插入LinearLayout中，如图交替排列摆放。

clip_image012

第八步

接下来，把一个RadioGroup对象拖放到的LinearLayout中。把两个RadioButton拖放到RadioGroup对象中。

clip_image014

第九步

把一个Button对象拖放到根RelativeLayout中，它在LinearLayout对象下面。它应该和LinearLayout的右边对齐。

clip_image016

第十步

编辑每个TextView对象的属性值。上面一个的文本设置成"Dollars"，并设置成"bold"字体样式。下面一个

TextView的文本设置成"Euros"，并也设置成"bold"字体样式

第十一步

编辑上的EditText如下的属性：

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

更改文本内容为空

改变宽度为“100px”。

第十一步半

重复步骤十一,在"Euros"TextView下面的第二个EditText上，但是把id设置为"@+id/euros"

十二步

编辑第一个单选按钮，以便其内容为"DollarstoEuros",并把它id设置成"@+id/dtoe"。

编辑第二个单选按钮，以便其内容为"EurostoDollars",并把它id设置成"@+id/etod"。

重要注意事项：

你必须得到的ID完全正确，这是因为在源代码中你将通过ID查找相应的部件。

十三步

编辑按钮，内容为“Convert”和它的ID是“@+id/convert”。

最终的图形用户界面应该是这样的：

clip_image018

十四步

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

十五步

在Eclipse中创建一个新的Android项目。剪切和粘贴DroidDraw的XML内容，以取代res/layout/main.xml。

此时运行，它应该是这个样子：

clip_image020

十六步

最后一步是实际货币转换的代码。没有多少吧，你可以使用代码this.findViewById(R.id.)查找你的GUI元素,

下面是完整CurrentConverterActivity的代码:

1 importandroid.app.Activity;

2 importandroid.os.Bundle;

3 importandroid.view.View;

4 importandroid.view.View.OnClickListener;

5 importandroid.widget.Button;

6 importandroid.widget.RadioButton;

7 importandroid.widget.TextView;

8 

9 publicclassCurrencyConverterextendsActivityimplementsOnClickListener{

10  TextViewdollars;

11  TextVieweuros;

12  RadioButtondtoe;

13  RadioButtonetod;

14  Buttonconvert;

15  

16  

17  @Override

18  publicvoidonCreate(Bundleicicle){

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  publicvoidonClick(Viewv){

34    if(dtoe.isChecked()){

35      convertDollarsToEuros();

36    }

37    if(etod.isChecked()){

38      convertEurosToDollars();

39    }

40  }

41  

42  protectedvoidconvertDollarsToEuros(){

43    doubleval=Double.parseDouble(dollars.getText().toString());

44    //inarealapp,we'dgetthisoffthe'net

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

46  }

47  

48  protectedvoidconvertEurosToDollars(){

49    doubleval=Double.parseDouble(euros.getText().toString());

50    //inarealapp,we'dgetthisoffthe'net

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

52  }

53}

十七步

嗯，就是这样。我希望你喜欢该教程。将你的意见和建议Gmail给brendan.d.burns！

这是一个快速的设计安卓软件界面的工具，只需随便的拖动几下就能为您创作漂亮的软件界面。喜嘴APP-喜嘴严选APP2.0.1 官方免费版