编辑框EditText与按钮Button-创新互联

在一个应用中，登录是经常使用的，下面我们学习一下如何开发一个登录窗口。我们需要学习Android中的基本控件：(1)EditText编辑框、(2)Button按钮。

一、设计登录窗口

打开“res/layout/activity_main.xml”文件。
 1、分别从工具栏向activity拖出2个EditText（来自Text Fields）、1个按钮（来自Form Widgets）。

2、打开activity_main.xml文件。
代码自动生成如下：注意①和②虽同为EditText，但②要输入密码，故android:inputType="textPassword“。

3、我们把以上代码修改成如下代码，具体为：editText1变为userName；eidtText2变为passWord；buttion1变为login。登录按钮的文本：android:text="Button"变为"登录"。

  xmlns:tools="http://schemas.android.com/tools"

  android:layout_width="match_parent"

  android:layout_height="match_parent"

  android:paddingBottom="@dimen/activity_vertical_margin"

  android:paddingLeft="@dimen/activity_horizontal_margin"

  android:paddingRight="@dimen/activity_horizontal_margin"

  android:paddingTop="@dimen/activity_vertical_margin"

  tools:context=".MainActivity" >

    android:id="@+id/textView1"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:text="@string/hello_world" />

    android:id="@+id/userName"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:layout_below="@+id/textView1"

    android:layout_marginTop="52dp"

    android:ems="10" >

    android:id="@+id/passWord"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:layout_alignLeft="@+id/userName"

    android:layout_below="@+id/userName"

    android:ems="10"

    android:inputType="textPassword" />

    android:id="@+id/login"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:layout_below="@+id/passWord"

    android:layout_marginTop="14dp"

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

现在运行程序，已经在手机上看起来很像一个登录窗口了。但是，我们单击“登录”按钮，却没有什么反应。我们下面学习如何在“登录”按钮上添加单击事件。

二、单击事件　

打开“src/com.genwoxue.edittextbutton/MainActivity.java”文件。
然后输入以下代码：

package com.example.hw;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.EditText;

import android.widget.Toast;

public class MainActivity extends Activity {

private EditText tvUserName = null;

private EditText tvPassWord = null;

private Button btnLogin = null;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

tvUserName = (EditText) super.findViewById(R.id.userName);

tvPassWord = (EditText) super.findViewById(R.id.passWord);

btnLogin = (Button) super.findViewById(R.id.login);

btnLogin.setOnClickListener(new LoginOnClickListener());

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.main, menu);

return true;

}

private class LoginOnClickListener implements OnClickListener{

public void onClick(View v) {

// TODO 自动生成的方法存根

String username = tvUserName.getText().toString();

String password = tvPassWord.getText().toString();

String info = "用户名:"+username+"   密码："+password;

Toast.makeText(getApplicationContext(), info,                          Toast.LENGTH_SHORT).show();

}

}

}

1、第①部分
导入5个包。OnClickListener不要导错了。否则btnLogin.setOnClickListener(new LoginOnClickListener());报错

2、第②部分
声明三个控件变量。

3、第③部分
这一部分findViewById()方法是一个关键，这个方法表示从R.java文件中找到一个View（注意：我们可以把控件和Acitivity都当成一个View）。例如，tvUserName=(EditText)super.findViewById(R.id.userName)表示我们从R文件中找到userName代表的控件最后返给tvUserName，下一步我们可以通过tvUserName.getText()方法进一步获取到它的值。
另一个关键是就是给“登录”按钮添加单击监听事件：btnLogin.setOnClickListener(new LoginOnClickListener())。

4、第④部分
我们新建一个类LoginOnClickListener继承接口OnClickListener用以实现单击事件监听。
Toast.makeText(getApplicationContext(), info,Toast.LENGTH_SHORT).show()用以提示输入的用户名和密码。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。