droid简单的登陆界面的设计开发文档格式.docx

droid简单的登陆界面的设计开发文档格式.docx

《droid简单的登陆界面的设计开发文档格式.docx》由会员分享，可在线阅读，更多相关《droid简单的登陆界面的设计开发文档格式.docx（19页珍藏版）》请在冰豆网上搜索。

Eclipse的下载网址是

开发环境搭建

第一步：

下载AndroidSDK

网址是./sdk/。

Android之前Google提供了AndroidSDK开发的完整下载，在Android之后Google只提供了安装工具在线安装。

单击“”链接进行SDK下载，下载该文件后解压该文件到操作系统的任意目录下。

打开目录找到SDK可执行文件，双击执行该文件。

选择"

AvailablePackages"

，选择想安装的版本（我是全选了，省事），然后单击“InstallSelected”->

选择“AcceptAll”，再单击“InstallAccepted”就可以在线安装了。

提示：

如果你的“AvailablePackages”右侧的地址不能打开，请选择左侧列表的“Setting”选项，在右侧的设置中勾选“Forehttps：

...”

第二步：

安装JDK

A下载JDK。

AndroidSDK需要JDK5以上的版本。

JDK6的下载地址。

B安装JDK。

下载完成后进行正常双击、安装，这里就不说了。

。

C配置Java环境变量

1配置JavaHome。

复制Java的安装路径，右键单击“我的电脑”->

“属性”->

“高级”—>

“环境变量”中新建环境变量java_home，变量值为java安装路径。

2配置Path。

右键单击“我的电脑”->

“环境变量”，在“系统环境变量”中编辑Path便来了个，添加Java的bin目录到其中。

变量与变量中间使用分号“;

”分隔。

3配置classpath。

“环境变量”，在“系统环境变量”中新建一个系统变量名称为“classpath”，变量值为半角句号“.”

第三步：

下载Eclipse

ADT插件要求Eclipse的版本是以上，Eclipse的下载网址是。

下载后解压可以直接使用。

下载安装ADT。

这里介绍通过Eclipse在线更新的方式安装。

1启动Eclipse，选择“Help”->

“InstallNewSoftware.....”

2单击“Add.....”添加一个更新站点（注意：

站点http后面不要加s）否则可能连接失败。

（Name：

ADT0.9.5；

Location：

）

3添加好后，勾选“DeveloperTools”单击“Next”进行更新安装。

三．基于JAVA平台的android的UI登陆界面的设计

、JDK的界面以及使用。

软件的使用。

编程方法。

界面的布局（layout）。

的使用。

的生命周期。

与另外多个Activity之间的界面跳转。

8.对按键（Button）的监听。

9.编写.JAVA和.XML文件。

实训目的：

1.学会并熟练使用Eclipse，SDK,JDK。

2.了解和掌握android移动平台开发的相关知识。

3.灵活运用android用户界面UI技术。

4.熟悉常用的UI组件，UI布局，UI元素。

5.能够简单的编写界面的布局（XML）文件。

6.能够简单的编写常用UI组件相关的JAVA代码。

7.最后根据所学习的知识自己可以编写一个有关登陆界面的程序。

设计流程：

流程图

首先分别编写五个activity的布局文件（XML）

<

xmlversion="

encoding="

utf-8"

>

AbsoluteLayout

android:

id="

@+id/widget0"

xmlns:

android=android:

layout_height="

wrap_content"

layout_width="

TextView

@+id/widget43"

243dp"

37dp"

text="

WelcomeToFIFA2012"

textSize="

22sp"

textColor="

#ff33cc00"

layout_x="

41dp"

layout_y="

35dp"

/>

@+id/widget44"

62dp"

23dp"

background="

#ffcccccc"

&

#37038;

#31665;

16sp"

textStyle="

bold"

#ff000000"

31dp"

107dp"

@+id/widget45"

24dp"

#30331;

#24405;

#23494;

#30721;

29dp"

156dp"

EditText

@+id/widget46"

168dp"

39dp"

18sp"

120dp"

101dp"

@+id/widget47"

169dp"

119dp"

150dp"

Button

@+id/button1"

111dp"

45dp"

#24536;

#35760;

#65311;

25dp"

199dp"

@+id/button2"

83dp"

44dp"

#38470;

134dp"

200dp"

@+id/button3"

77dp"

#27880;

#20876;

215dp"

CheckBox

@+id/widget51"

138dp"

46dp"

#20303;

254dp"

ImageViewandroid:

331dp"

@+id/photo"

src="

@drawable/kaka"

476dp"

0dp"

170dp"

/ImageView>

/AbsoluteLayout>

fill_parent"

android=>

@+id/widget32"

#26032;

#40092;

#20107;

26dp"

@+id/widget33"

59dp"

#22909;

#21451;

131dp"

@+id/widget34"

#20010;

#20154;

#36164;

#26009;

232dp"

30dp"

@+id/widget35"

#21457;

#24086;

141dp"

@+id/widget36"

197dp"

42dp"

#30041;

#35328;

60dp"

216dp"

112dp"

36dp"

#25214;

#22238;

#ffff0000"

34dp"

#38382;

#39064;

#25552;

#31034;

#65306;

18dp"

86dp"

@+id/widget37"

#20320;

#26368;

#21916;

#27426;

#30340;

#29699;

#26143;

#26159;

#35841;

109dp"

87dp"

@+id/widget38"

#31572;

#26696;

49dp"

@+id/widget39"

143dp"

@+id/button4"

75dp"

47dp"

OK"

53dp"

261dp"

@+id/widget41"

72dp"

CANCLE"

194dp"

@+id/widget60"

#20449;

#24687;

113dp"

32dp"

@+id/widget61"

#22995;

#21517;

27dp"

78dp"

@+id/widget62"

56dp"

#26165;

#31216;

127dp"

@+id/widget63"

88dp"

#35777;

#20214;

#21495;

9dp"

174dp"

@+id/widget64"

189dp"

98dp"

@+id/widget65"

@+id/widget66"

193dp"

97dp"

RadioButton

@+id/widget67"

#30007;