初会Android

最新推荐文章于 2025-10-17 14:17:15 发布

原创最新推荐文章于 2025-10-17 14:17:15 发布 · 6.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#android #layout #button #encoding #menu #swing

Android 专栏收录该内容

0 篇文章

订阅专栏

经过两三天的Android的学习，终于进入状态了。弄个登录的小Demo，以巩固一下。

一，Android的准备工作，诸如Eclipse，ADT等安装等略过，不再繁述。

二，新建Android项目

1，向导建项目

2，建好项目好，已经是个经典的HelloWorld，如何运行如下图

3，模拟器运行效果

三，对新建项目进行小析

新建的项目下目录结构如下图

1，先谈res包

这里放的是资源，据我所接触到的，包括：版面的布局（在项目里主要是main.xml文件），比如TextView的长，高，字体，颜色等，还有多个控件按什么方式排列等信息；图片（在drawable目录下）；颜色（在values目录下）；字符串（在values目录下）等东西。

2，src包

目前这个项目就两类 R.java，Login.java，其中R.java是无需我们进行任何改动的，Login.java则是我们重点剖析的地方。

3，AndroidManifest.xml

该项目的主要信息放在此。

4，代码解析

4.1，Login.java

就目前项目而言，里面最重要的就是一句话：setContentView(R.layout.main);这句话表明了你的这个Login面板的布局（包括上面有什么控件）是由res/layout/main.xml定义的！

4.2，再来看看main.xml

4.2.1，根元素：LinearLayout

这表明了Login面板排列控件是线性排列的，API原话：A Layout that arranges its children in a single column or a single row（单行或单列）。在API里，对XML元素都有比较详细的说明。

4.2.2，根元素里面的其它属性

比如android:orientation（按行排还是按列排），android:layout_width等，在API里都有详细说明，并有相应的方法与之相对应。

4.2.3，再看子元素TextView

这是个什么呢？其实就是一个控件，类似Swing中的JLable。在xml文件里，也可以设置它的字体大小，字体颜色等，加上一个属性：android:textSize="20px"，然后再改一个属性：android:text="Hello World"效果如下图：

4.3.3，最后一个小改吧

刚才说了资源里也可以定义字符串，首先在res/values/strings.xml里加上一个子元素：<string name="helloWorld">Hello World</string>。怎么用字符串资源呢？两种方法，一种是在其它的xml里引用它，另一种是在程序里调用它，在这里先介绍第一种，第二种稍后介绍。回到main.xml文件，改TextView元素的android:text属性的值：android:text="@string/helloWorld"，再运行查看效果，和上图一样。

四，登录Demo开工

1，在Login面板上加个两个文本框（与上面的TextView不同，上面类似于Label。下面称之为编辑框）及一个按钮。

1.1，先加用户名编辑框

上面已经说过man.xml对Login面板的布局全权负责，因此，我们在main.xml进行动工，修改后代码如下：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

	android:orientation="vertical" android:layout_width="fill_parent"

	android:layout_height="fill_parent">



	<TextView android:layout_width="fill_parent"

		android:layout_height="wrap_content" android:text="@string/helloWorld"

		android:textSize="20px" />



	<EditText android:id="@+id/txtUsername"

		android:layout_height="wrap_content"

		android:layout_width="fill_parent" android:text="" />

</LinearLayout>

其中我们加的代码如下：

	<EditText android:id="@+id/txtUsername"

		android:layout_height="wrap_content"

		android:layout_width="fill_parent" android:text="" />

在这里，重点讲一下android:id这个属性，这个属性有什么用呢？其实很简单，引用，为了在程序里我们可以很快地引用该编辑框控件（然后可以获取它的文本值），怎么引用？稍后讲解！运行效果如下图：

1.2，再加上密码框

其实与1.1就两个属性有区别：一个是android:id，一个是android:password（值为true或false），所加代码如下：

	<EditText android:id="@+id/txtPassword"

		android:layout_height="wrap_content"

		android:layout_width="fill_parent" android:text=""

		android:password="true" />

运行效果如下图：

1.3，再加上一个按钮

它的元素名称叫做Button，为了提醒资源和代码的分离，这里用了资源文件

1.3.1，在res/values/strings.xml里加上这么一句：

    <string name="login">Login</string>

1.3.2，回到main.xml文件，添加按钮，所加代码如下：

	<Button android:id="@+id/btnLogin"

		android:layout_width="fill_parent"

		android:layout_height="wrap_content" android:text="@string/login" />

除了Button元素不一样外，其它的属性在上面均有提及，略过，至于Button的其它属性，看帮助文档吧，直接看类Button。效果如下：

1.4，光秃秃的，没点提示，用户界面不友好，在两编辑框前加上文本提示吧。

1.4.1，资源文件最终代码：

<?xml version="1.0" encoding="utf-8"?>

<resources>

	<string name="app_name">Login</string>

	<string name="helloWorld">Hello World</string>

	<string name="login">Login</string>

	<string name="username">Username:</string>

	<string name="password">Password:</string>

</resources>

1.4.2，main.xml文件最终代码：

<?xml version="1.0" encoding="utf-8"?>



<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

	android:orientation="vertical" android:layout_width="fill_parent"

	android:layout_height="fill_parent">



	<TextView android:layout_width="fill_parent"

		android:layout_height="wrap_content" android:text="@string/username"

		android:textSize="20px" />



	<EditText android:id="@+id/txtUsername"

		android:layout_height="wrap_content"

		android:layout_width="fill_parent" android:text="" />



	<TextView android:layout_width="fill_parent"

		android:layout_height="wrap_content" android:text="@string/password"

		android:textSize="20px" />



	<EditText android:id="@+id/txtPassword"

		android:layout_height="wrap_content"

		android:layout_width="fill_parent" android:text=""

		android:password="true" />



	<Button android:id="@+id/btnLogin"

		android:layout_width="fill_parent"

		android:layout_height="wrap_content" android:text="@string/login" />

</LinearLayout>

效果如下图：

2，页面布局讨论完毕，给按钮加事件吧。

2.1，如何引用该按钮呢？

上面元素的里面所定义的属性：android:id派上用场，代码很简单。

		Button btnLogin = (Button) this.findViewById(R.id.btnLogin);

2.2，为该按钮加上事件监听器吧

如果你接触过Swing，你会感到无比的亲切，终于找到懂的东西了。

		btnLogin.setOnClickListener(new View.OnClickListener(){

			public void onClick(View view) {

			}

		});

具体的接口在这不讨论了，如果你有兴趣，可以看看帮助文档了。

2.3，登录功能的完成。

假设，用户输入"Daniel"及密码："00000"，则算登录成功，否则登录不成功（以弹出框为准）

2.3.1，获得用户名，代码如下，还是要先引用编辑框

		btnLogin.setOnClickListener(new View.OnClickListener() {

			public void onClick(View view) {

				// 获得用户名编辑框

				EditText txtUserName = (EditText) Login.this

						.findViewById(R.id.txtUsername);

				// 获得用户名编辑框内容

				Editable username = txtUserName.getText();

				// 改动编辑内容

				username.append("aaa");

			}

		});

注意，这里返回的是Editable对象，相当好用，在以前的Swing编程中，如果要改动一个文本框的内容，先要getText()，然后再setText(String text)回去，但这里不需要，如果你改动了EditText对象，编辑框里的内容相应发生变化。按下按钮前后图片对比：

2.3.2，获得密码，与2.3.1类似，不再累述。

2.3.3，验证用户名和密码，重点：如何用代码引用字符串资源，弹出框

引用字符串资源，很好弄，getString(R.string.ok)，如果你在资源文件里定义了这个字符串，则会被引用过来。弹出框，AlertDialog.show()，该方法参数太多了，没去研究，选了一个比较简单的。最后Login.java代码如下：

public class Login extends Activity {

	/** Called when the activity is first created. */

	@Override

	public void onCreate(Bundle icicle) {

		super.onCreate(icicle);

		setContentView(R.layout.main);



		Button btnLogin = (Button) this.findViewById(R.id.btnLogin);



		btnLogin.setOnClickListener(new View.OnClickListener() {

			public void onClick(View view) {

				// 获得用户名编辑框

				EditText txtUserName = (EditText) Login.this

						.findViewById(R.id.txtUsername);

				// 获得用户名编辑框内容

				Editable username = txtUserName.getText();

				// 改动编辑内容

				// username.append("aaa");



				// 获得密码

				EditText txtPassword = (EditText) Login.this

						.findViewById(R.id.txtPassword);

				Editable password = txtPassword.getText();



				// 验证

				if (username.toString().equals("Daniel")

						&& password.toString().equals("00000")) {

					AlertDialog.show(view.getContext(), getString(R.string.app_name),

							R.drawable.icon, getString(R.string.ok),

							getString(R.string.ok_dialog), true);

				}else{

					AlertDialog.show(view.getContext(), getString(R.string.app_name),

							R.drawable.icon, getString(R.string.error),

							getString(R.string.ok_dialog), true);

				}

			}

		});

	}

}

五，添油加醋

一个程序仅有打开，没有关闭，显得相当别扭，用按钮也可以实现登录功能，但内容重复，不是我们干的事情，因此，把退出功能放在Menu里来实现。

1，添加Menu

重写方法：public boolean onCreateOptionsMenu(Menu menu) 即可，代码如下：为了突出效果，多加了两个，但我们只用一个，menu.add()方法，大家可以查看API

	@Override

	public boolean onCreateOptionsMenu(Menu menu) {

		// 参数：group, id, title

		menu.add(0, 0, getString(R.string.exit));

		menu.add(0, 1, getString(R.string.exit));

		menu.add(0, 2, getString(R.string.exit));

		return true;

	}

效果：

2，当某个菜单项被选中时的事件

也是重写方法：public boolean onOptionsItemSelected(Item item)，代码如下：

	@Override

	public boolean onOptionsItemSelected(Item item) {

		if(item.getId() == 0){

			// 仅处理第一个菜单，其它的自己来吧

			this.finish();

		}

		return true;

	}

最后，整个Login.java代码如下：

import android.app.Activity;

import android.app.AlertDialog;

import android.os.Bundle;

import android.text.Editable;

import android.view.Menu;

import android.view.View;

import android.view.Menu.Item;

import android.widget.Button;

import android.widget.EditText;



public class Login extends Activity {

	/** Called when the activity is first created. */

	@Override

	public void onCreate(Bundle icicle) {

		super.onCreate(icicle);

		setContentView(R.layout.main);



		Button btnLogin = (Button) this.findViewById(R.id.btnLogin);



		btnLogin.setOnClickListener(new View.OnClickListener() {

			public void onClick(View view) {

				// 获得用户名编辑框

				EditText txtUserName = (EditText) Login.this

						.findViewById(R.id.txtUsername);

				// 获得用户名编辑框内容

				Editable username = txtUserName.getText();

				// 改动编辑内容

				// username.append("aaa");



				// 获得密码

				EditText txtPassword = (EditText) Login.this

						.findViewById(R.id.txtPassword);

				Editable password = txtPassword.getText();



				// 验证

				if (username.toString().equals("Daniel")

						&& password.toString().equals("00000")) {

					AlertDialog.show(view.getContext(),

							getString(R.string.app_name), R.drawable.icon,

							getString(R.string.ok),

							getString(R.string.ok_dialog), true);

				} else {

					AlertDialog.show(view.getContext(),

							getString(R.string.app_name), R.drawable.icon,

							getString(R.string.error),

							getString(R.string.ok_dialog), true);

				}

			}

		});

	}



	@Override

	public boolean onCreateOptionsMenu(Menu menu) {

		// 参数：group, id, title

		menu.add(0, 0, getString(R.string.exit));

		menu.add(0, 1, getString(R.string.exit));

		menu.add(0, 2, getString(R.string.exit));

		return true;

	}



	@Override

	public boolean onOptionsItemSelected(Item item) {

		if(item.getId() == 0){

			// 仅处理第一个菜单，其它的自己来吧

			this.finish();

		}

		return true;

	}

}

strings.xml内容如下：

<?xml version="1.0" encoding="utf-8"?>

<resources>

	<string name="app_name">Login</string>

	<string name="helloWorld">Hello World</string>

	<string name="login">Login</string>

	<string name="username">Username:</string>

	<string name="password">Password:</string>

	<string name="ok">Welcome Daniel!</string>

	<string name="ok_dialog">OK</string>

	<string name="error">Please check username and password!</string>

	<string name="exit">Exit</string>

</resources>

3，修改Icon，背景

3.1，把一PNG图片（其它格式没试过），放于res/drawalbe/下，名字随便，在这里笔者取名login.png

修改地方：AndroidManifest.xml文件将

<application android:icon="@drawable/icon">

改成：

<application android:icon="@drawable/login">

即可。效果如下图：

3.2，修改背景，在res/values/下新建一文件colors.xml，里面为：

<?xml version="1.0" encoding="utf-8"?>

<resources>

	<color name="bg">#e5edfa</color>

</resources>

在main.xml根元素里加一属性

android:background="@color/bg"

效果如下：

整个源码下载地址：稍后放出，现在无法上传