Android简单的登陆界面的设计开发

通信实训报告-Android移动平台开发学院：信息工程学院班级：学号：姓名：实训内容：一．1.Andriod的简介Android一词的本义指“机器人”，同时也是Google于2007年11月5日宣布的基于Linux平台的开源手机操作系统的名称，该平台由操作系统、中间件、用户界面和应用软件组成，号称是首个为移动终端打造的真正开放和完整的移动软件。

目前，最新版本为Android 2.4 Gingerbread 和Android 3.0 Honeycomb。

Android是基于Linux开放性内核的操作系统，是Google公司在2007年11月5日公布的手机操作系统。

Android早期由原名为"Android"的公司开发，谷歌在2005年收购"Android.Inc"后，继续对Android系统开发运营，它采用了软件堆层（software stack，又名软件叠层）的架构，主要分为三部分。

底层Linux内核只提供基本功能，其他的应用软件则由各公司自行开发，部分程序以Java编写。

2011年初数据显示，仅正式上市两年的操作系统Android已经超越称霸十年的塞班系统，使之跃居全球最受欢迎的智能手机平台。

现在，Android系统不但应用于智能手机，也在平板电脑市场急速扩张，在智能MP4方面也有较大发展。

采用Android系统主要厂商包括台湾的HTC,(第一台谷歌的手机G1由HTC生产代工）美国摩托罗拉,SE等，中国大陆厂商如：魅族（M9），华为、中兴、联想、蓝魔等。

2.Android构架图二．1软件下载Android SDK，网址是.JDK的下载地址/javase/downloads/widget/jdk6.jsp。

Eclipse的下载网址是/downloads/2.Android开发环境搭建第一步：下载Android SDK网址是./sdk/index.html 。

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

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

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

选择"Available Packages"，选择想安装的版本（我是全选了，省事），然后单击“Install Selected”->选择“Accept All”，再单击“Install Accepted”就可以在线安装了。

提示：如果你的“Available Packages”右侧的地址不能打开，请选择左侧列表的“Setting”选项，在右侧的设置中勾选“Fore https：//......”第二步：安装JDKA下载JDK。

Android SDK需要JDK5 以上的版本。

JDK6的下载地址/javase/downloads/widget/jdk6.jsp。

B安装JDK。

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

C配置Java环境变量1配置Java Home。

复制Java的安装路径，右键单击“我的电脑”->“属性”->“高级”—>“环境变量”中新建环境变量java_home，变量值为java安装路径。

2配置Path。

右键单击“我的电脑”->“属性”->“高级”—>“环境变量”，在“系统环境变量”中编辑Path便来了个，添加Java的bin目录到其中。

变量与变量中间使用分号“;”分隔。

3配置classpath。

右键单击“我的电脑”->“属性”->“高级”—>“环境变量”，在“系统环境变量”中新建一个系统变量名称为“classpath”，变量值为半角句号“.”第三步：下载EclipseADT插件要求Eclipse的版本是 3.3以上，Eclipse的下载网址是/downloads/。

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

下载安装ADT。

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

1启动Eclipse，选择“Help”->“Install New Software.....”2单击“Add.....”添加一个更新站点（注意：站点http后面不要加s）否则可能连接失败。

（Name：ADT 0.9.5；Location：/android/eclipse/）3添加好后，勾选“Developer Tools”单击“Next”进行更新安装。

三．基于JAVA平台的android的UI登陆界面的设计1.SDK、JDK的界面以及使用。

2.Eclipse软件的使用。

3.Android编程方法。

4.UI界面的布局(layout)。

5.Button的使用。

6.Activity的生命周期。

7.Activity与另外多个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）Main.xml<?xml version="1.0"encoding="utf-8"?><AbsoluteLayoutandroid:id="@+id/widget0"xmlns:android="/apk/res/android" android:layout_height="wrap_content"android:layout_width="wrap_content"><TextViewandroid:id="@+id/widget43"android:layout_width="243dp"android:layout_height="37dp"android:text="Welcome To FIFA 2012"android:textSize="22sp"android:textColor="#ff33cc00"android:layout_x="41dp"android:layout_y="35dp"/><TextViewandroid:id="@+id/widget44"android:layout_width="62dp"android:layout_height="23dp"android:background="#ffcccccc"android:text="&#37038;&#31665;"android:textSize="16sp"android:textStyle="bold"android:textColor="#ff000000"android:layout_x="31dp"android:layout_y="107dp"/><TextViewandroid:id="@+id/widget45"android:layout_width="wrap_content"android:layout_height="24dp"android:background="#ffcccccc"android:text="&#30331;&#24405;&#23494;&#30721;"android:textSize="16sp"android:textStyle="bold"android:textColor="#ff000000"android:layout_x="29dp"android:layout_y="156dp"/><EditTextandroid:id="@+id/widget46"android:layout_width="168dp"android:layout_height="39dp"android:textSize="18sp"android:layout_x="120dp"android:layout_y="101dp"/><EditTextandroid:id="@+id/widget47"android:layout_width="169dp"android:layout_height="39dp"android:textSize="18sp"android:layout_x="119dp"android:layout_y="150dp"/><Buttonandroid:id="@+id/button1"android:layout_width="111dp"android:layout_height="45dp"android:text="&#24536;&#35760;&#23494;&#30721;&#65311;"android:textStyle="bold"android:layout_x="25dp"android:layout_y="199dp"/><Buttonandroid:id="@+id/button2"android:layout_width="83dp"android:layout_height="44dp"android:text="&#30331;&#38470;"android:textStyle="bold"android:layout_x="134dp"android:layout_y="200dp"/><Buttonandroid:id="@+id/button3"android:layout_width="77dp"android:layout_height="44dp"android:text="&#27880;&#20876;"android:textStyle="bold"android:layout_x="215dp"android:layout_y="200dp"/><CheckBoxandroid:id="@+id/widget51"android:layout_width="138dp"android:layout_height="46dp"android:text="&#35760;&#20303;&#23494;&#30721;"android:textStyle="bold"android:layout_x="25dp"android:layout_y="254dp"/><ImageView android:layout_width="331dp"android:id="@+id/photo" android:src="@drawable/kaka"android:layout_height="476dp" android:layout_x="0dp"android:layout_y="170dp"></ImageView></AbsoluteLayout>Oneactivity_layout.xml<?xml version="1.0"encoding="utf-8"?><AbsoluteLayoutandroid:id="@+id/widget0"android:layout_width="fill_parent"android:layout_height="fill_parent"xmlns:android="/apk/res/android"><Buttonandroid:id="@+id/widget32"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="&#26032;&#40092;&#20107;"android:textSize="16sp"android:textStyle="bold"android:layout_x="26dp"android:layout_y="29dp"/><Buttonandroid:id="@+id/widget33"android:layout_width="59dp"android:layout_height="wrap_content"android:text="&#22909;&#21451;"android:textSize="16sp"android:textStyle="bold"android:layout_x="131dp"android:layout_y="31dp"/><Buttonandroid:id="@+id/widget34"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="&#20010;&#20154;&#36164;&#26009;"android:textSize="16sp"android:textStyle="bold"android:layout_x="232dp"android:layout_y="30dp"/><Buttonandroid:id="@+id/widget35"android:layout_width="199dp"android:layout_height="39dp"android:text="&#21457;&#24086;"android:textStyle="bold"android:layout_x="59dp"android:layout_y="141dp"/><Buttonandroid:id="@+id/widget36"android:layout_width="197dp"android:layout_height="42dp"android:text="&#30041;&#35328;"android:textStyle="bold"android:layout_x="60dp"android:layout_y="216dp"/></AbsoluteLayout>Twoactivity_layout.xml<?xml version="1.0"encoding="utf-8"?><AbsoluteLayoutandroid:id="@+id/widget0"android:layout_width="fill_parent"android:layout_height="fill_parent"xmlns:android="/apk/res/android"><TextViewandroid:id="@+id/widget32"android:layout_width="112dp"android:layout_height="36dp"android:text="&#25214;&#22238;&#23494;&#30721;"android:textSize="22sp"android:textStyle="bold"android:textColor="#ffff0000"android:layout_x="111dp"android:layout_y="29dp"/><TextViewandroid:id="@+id/widget33"android:layout_width="wrap_content"android:layout_height="34dp"android:text="&#38382;&#39064;&#25552;&#31034;&#65306;"android:textSize="16sp"android:textStyle="bold"android:layout_x="18dp"android:layout_y="86dp"/><TextViewandroid:id="@+id/widget37"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="&#20320;&#26368;&#21916;&#27426;&#30340;&#29699;&#2 6143;&#26159;&#35841;&#65311;"android:textSize="16sp"android:textStyle="bold"android:layout_x="109dp"android:layout_y="87dp"/><TextViewandroid:id="@+id/widget38"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="&#31572;&#26696;&#65306;"android:textSize="16sp"android:textStyle="bold"android:layout_x="49dp"android:layout_y="150dp"/><EditTextandroid:id="@+id/widget39"android:layout_width="168dp"android:layout_height="42dp"android:textSize="18sp"android:layout_x="109dp"android:layout_y="143dp"/><Buttonandroid:id="@+id/button4"android:layout_width="75dp"android:layout_height="47dp"android:text="OK"android:textStyle="bold"android:layout_x="53dp"android:layout_y="261dp"/><Buttonandroid:id="@+id/widget41"android:layout_width="72dp"android:layout_height="47dp"android:text="CANCLE"android:textStyle="bold"android:layout_x="194dp"android:layout_y="261dp"/></AbsoluteLayout>Threeactivity_layout.xml<?xml version="1.0"encoding="utf-8"?><AbsoluteLayoutandroid:id="@+id/widget0"android:layout_width="fill_parent"android:layout_height="fill_parent"xmlns:android="/apk/res/android"><TextViewandroid:id="@+id/widget60"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="&#27880;&#20876;&#20449;&#24687;"android:textStyle="bold"android:layout_x="113dp"android:layout_y="32dp"/><TextViewandroid:id="@+id/widget61"android:layout_width="53dp"android:layout_height="30dp"android:text="&#22995;&#21517;&#65306;"android:textSize="16sp"android:textStyle="bold"android:layout_x="27dp"android:layout_y="78dp"/><TextViewandroid:id="@+id/widget62"android:layout_width="56dp"android:layout_height="30dp"android:text="&#26165;&#31216;&#65306;"android:textSize="16sp"android:textStyle="bold"android:layout_x="26dp"android:layout_y="127dp"/><TextViewandroid:id="@+id/widget63"android:layout_width="88dp"android:layout_height="25dp"android:text="&#35777;&#20214;&#21495;&#30721;&#65306;"android:textSize="16sp"android:textStyle="bold"android:layout_x="9dp"android:layout_y="174dp"/><EditTextandroid:id="@+id/widget64"android:layout_width="189dp"android:layout_height="39dp"android:textSize="18sp"android:layout_x="98dp"android:layout_y="72dp"/><EditTextandroid:id="@+id/widget65"android:layout_height="41dp"android:textSize="18sp"android:layout_x="98dp"android:layout_y="119dp"/><EditTextandroid:id="@+id/widget66"android:layout_width="193dp"android:layout_height="39dp"android:textSize="18sp"android:layout_x="97dp"android:layout_y="169dp"/><RadioButtonandroid:id="@+id/widget67"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="&#30007;"android:textStyle="bold"android:layout_x="97dp"android:layout_y="216dp"/><RadioButtonandroid:id="@+id/widget68"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="&#22899;"android:textStyle="bold"android:layout_x="164dp"android:layout_y="216dp"/><TextViewandroid:id="@+id/widget69"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="&#24615;&#21035;&#65306;"android:textSize="16sp"android:textStyle="bold"android:layout_x="27dp"android:layout_y="226dp"/><Buttonandroid:id="@+id/button5"android:layout_width="116dp"android:layout_height="wrap_content"android:text="&#25552;&#20132;"android:textStyle="bold"android:layout_x="108dp"</AbsoluteLayout>Fouractivity_layout.xml<?xml version="1.0"encoding="utf-8"?><AbsoluteLayoutandroid:id="@+id/widget0"android:layout_width="fill_parent"android:layout_height="fill_parent"xmlns:android="/apk/res/android"><TextViewandroid:id="@+id/widget32"android:layout_width="244dp"android:layout_height="58dp"android:text="&#24685;&#21916;&#20320;&#65281;&#25214;&#22238;&#2 3494;&#30721;&#25104;&#21151;&#65281;"android:textSize="20sp"android:textStyle="bold"android:layout_x="44dp"android:layout_y="96dp"/><ImageView android:id="@+id/photo"android:src="@drawable/gongxi" android:layout_x="-7dp"android:layout_y="6dp"android:layout_width="339dp"android:layout_height="496dp"></ImageView></AbsoluteLayout>Fiveactivity_layout.xml<?xml version="1.0"encoding="utf-8"?><AbsoluteLayoutandroid:id="@+id/widget0"android:layout_width="fill_parent"android:layout_height="fill_parent"xmlns:android="/apk/res/android"><TextViewandroid:id="@+id/widget32"android:layout_width="112dp"android:layout_height="59dp"android:text="&#27880;&#20876;&#25104;&#21151;&#65281;"android:textSize="20sp"android:textStyle="bold"android:textColor="#ffff0000"android:layout_x="103dp"android:layout_y="101dp"/><ImageView android:id="@+id/photo"android:layout_height="496dp"android:src="@drawable/shoushi"android:layout_width="339dp" android:layout_x="-12dp"android:layout_y="92dp"></ImageView> </AbsoluteLayout>然后分别编写五个activity的JAVA代码SLActivity.javapackage yout;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;public class SlActivity extends Activity {OnClickListener listener1 = null;//监听器初始化OnClickListener listener2 = null;OnClickListener listener3 = null;Button button1;//定义按钮Button button2;Button button3;/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);listener1 = new OnClickListener() {public void onClick(View v) {Intent intent1 = new Intent(SlActivity.this, twoactivity.class);setTitle("找回密码界面");startActivity(intent1);}};listener2 = new OnClickListener() {public void onClick(View v) {setTitle("登陆窗口界面");Intent intent2 = new Intent(SlActivity.this, oneactivity.class);startActivity(intent2);}};listener3 = new OnClickListener() {public void onClick(View v) {setTitle("注册界面");Intent intent3 = new Intent(SlActivity.this, threeactivity.class);startActivity(intent3);}};setContentView(yout.main);button1 = (Button) findViewById(R.id.button1);button1.setOnClickListener(listener1);button2 = (Button) findViewById(R.id.button2);button2.setOnClickListener(listener2);button3 = (Button) findViewById(R.id.button3);button3.setOnClickListener(listener3);}}Oneactivity.javapackage yout;import android.app.Activity;import android.os.Bundle;public class oneactivity extends Activity {/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);;setContentView(yout.oneactivity_layout);}}Twoactivity.javapackage yout;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;public class twoactivity extends Activity {OnClickListener listener4 = null;Button button4;/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);listener4 = new OnClickListener() {public void onClick(View v) {Intent intent4 = new Intent(twoactivity.this, fouractivity.class);setTitle("找回密码成功界面");startActivity(intent4);}};setContentView(yout.twoactivity_layout);button4 = (Button) findViewById(R.id.button4);button4.setOnClickListener(listener4);}}Threeactivity.javapackage yout;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;public class threeactivity extends Activity {OnClickListener listener5 = null;Button button5;/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);listener5 = new OnClickListener() {public void onClick(View v) {Intent intent5 = new Intent(threeactivity.this, fiveactivity.class);setTitle("注册成功界面");startActivity(intent5);}};setContentView(yout.threeactivity_layout);button5 = (Button) findViewById(R.id.button5);button5.setOnClickListener(listener5);}}Fouractivity.javapackage yout;import android.app.Activity;import android.os.Bundle;public class fouractivity extends Activity { /** Called when the activity is first created. */ @Overridepublic void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);;setContentView(yout.fouractivity_layout);}}Fiveactivity.javapackage yout;import android.app.Activity;import android.os.Bundle;public class fiveactivity extends Activity { /** Called when the activity is first created. */ @Overridepublic void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);;setContentView(yout.fiveactivity_layout);}}在AndroidMainfest.xml文件中对每个界面进行注册<?xml version="1.0"encoding="utf-8"?><manifest xmlns:android="/apk/res/android"package="yout"android:versionCode="1"android:versionName="1.0"><uses-sdk android:minSdkVersion="7"/><application android:icon="@drawable/icon"android:label="@string/app_name"><activity android:name=".SlActivity"android:label="FIFA12"><intent-filter><action android:name="android.intent.action.MAIN"/><categoryandroid:name="UNCHER"/></intent-filter></activity><activity android:name=".ActivityLayout"android:label="演示混合Layout布局"></activity><activity android:name=".ActivityAbsoluteLayout"android:label="演示AbsoluteLayout布局"></activity><activity android:name=".twoactivity"android:label="用户注册"></activity><activity android:name=".oneactivity"android:label="登录窗口界面"></activity><activity android:name=".threeactivity"android:label="注册界面"></activity><activity android:name=".fouractivity"android:label="找回密码成功界面"></activity><activity android:name=".fiveactivity"android:label="注册成功界面"></activity></application></manifest>截图：主程序界面找回密码界面找回密码成功界面登录窗口界面注册界面注册成功界面实训总结：我在为期半个月的实训中学到了很多在课堂上根本就学不到的知识，收益非浅．现在我对这半个月的实习做一个工作小结。