博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
DroidDraw教程
阅读量:2298 次
发布时间:2019-05-09

本文共 2961 字,大约阅读时间需要 9 分钟。

 
3859人阅读 
(6) 
 

第零步

本教程将向您简单介绍一下使用DroidDraw UI设计软件开发Android GUI应用程序。 本教程假设您已经下载并安装了Android的SDK。 本教程还假设你有一定的GUI编程和Java语言编程的基础。

第一步

转到 软件。

第二步

首先设置根布局为RelativeLayout(相对布局)

第三步

选择“Layouts”选项卡。 

第四步

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

第五步

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

点击“Apply”应用更改。 

第六步

转到“Widgets”标签。 

第七步

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

第八步

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

第九步

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

第十步

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

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

第十一步

编辑上的EditText如下的属性:

  • 更改ID为:“@+id/dollars”
  • 更改文本内容为空
  • 改变宽度为“100px”。

第十一步半

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

十二步

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

重要注意事项: 
你必须得到的ID完全正确,这是因为在源代码中你将通过ID查找相应的部件。

十三步

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

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

十四步

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

十五步

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

此时运行, 它应该是这个样子: 

十六步

最后一步是实际货币转换的代码。 没有多少吧,你可以使用代码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 
    
/*
*
 
Called
 
when
 
the
 
activity
 
is
 
first
 
created.
 
*/ 

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!

转载地址:http://xgzib.baihongyu.com/

你可能感兴趣的文章
java进阶7——异常
查看>>
java进阶8——IO流
查看>>
java进阶9——线程
查看>>
java进阶10——面向网络编程
查看>>
java进阶11——反射&BeanUtils
查看>>
PUSQL学习1——PUSQL 基础
查看>>
JavaWeb文件上传
查看>>
解决tomcat内存不足问题:java.lang.OutOfMemoryError: PermGen space
查看>>
JDBC连接常用数据库的URL
查看>>
iReport 按某个字段(属性)值分页打印
查看>>
矢量图控件VectorDraw使用教程:添加vdFramedControl (Visual C# 2005)
查看>>
矢量图控件VectorDraw使用教程:ActionUtility对象
查看>>
使用Dynamsoft存储和检索SQL Server中的扫描图像
查看>>
分享30个最流行的jQuery插件(上)
查看>>
分享30个最流行的jQuery插件(下)
查看>>
10款最出色的免费数据库管理工具
查看>>
26款开源Java测试工具
查看>>
4款.Net报表控件优势对比分析
查看>>
FusionCharts与Highcharts图表类型对比
查看>>
版本控制工具SourceAnywhere v5.1正式发布啦
查看>>