学步园

Android应用程序开发入门教程 之一 实现一个登录对话框 

难度： 
适合人员：刚接触Android的开发人员 

简述：对网络应用来说“登录框”还是蛮常见的，Code上没有太复杂的东西，基本都是UI设计，很适合练手，代码登录后可下载。 

需求分析： 
1.实现用户名和密码的输入 
2.提取用户名和密码信息 
3.登录时有进度条 
4.超时处理 
5.登录成功跳转 
6.（不都列举了， 大家根据实际情况自己添上吧） 

Step 1： 
目标：设计UI 

1.1 编写Layout XML login_view.xml 

这种四方规整的布局自然是TableLayout合适了。值得说明的是，每行用一个TableRow标签标识。论坛贴代码太难看了，所以只贴关键的了。完整代码教程写完后会提供下载的。

<TableRow><br /> <TextView android:text="@string/username"<br /> android:layout_width="wrap_content"<br /> android:layout_height="wrap_content" /><br /> <EditText android:layout_width="fill_parent"<br /> android:layout_height="wrap_content"<br /> android:layout_weight="1.0" /><br /> TableRow>  

增加Layout_weight属性是为了要EditText能延伸到最右侧

<LinearLayout><br /> <Button android:text="@string/login"<br /> android:layout_width="wrap_content"<br /> android:layout_height="wrap_content"<br /> android:layout_weight="1.0" /><br /> <Button android:text="@string/cancel"<br /> android:layout_width="wrap_content"<br /> android:layout_height="wrap_content"<br /> android:layout_weight="1.0" /><br /> LinearLayout> 

这里的Layout_weight属性是为了要两个Button的宽度相等，同时又能填充满一行。因为1.0 ：1.0 == 1：1. 所以宽度相等了。

在Eclipse中看下效果吧 ：

1.2 写个类测试一下 

Dialog 与 Activity都可以加载这个Layout。

TestLoginView.java<br /> package org.androidin.tutorial;<br /> import android.app.Activity;<br /> import android.app.Dialog;<br /> import android.content.Intent;<br /> import android.os.Bundle;<br /> import android.view.View;<br /> import android.view.View.OnClickListener;<br /> import android.widget.Button;<br /> public class TestLoginView extends Activity {<br /> /** Called when the activity is first created. */<br /> public static Button btnActivity;<br /> public static Button btnDialog;<br /> public void onCreate(Bundle savedInstanceState) {<br /> super.onCreate(savedInstanceState);<br /> setContentView(R.layout.main);<br /> btnActivity = (Button)findViewById(R.id.test_activity);<br /> btnActivity.setOnClickListener(new BtnActivityOnclikListener());<br /> btnDialog = (Button)findViewById(R.id.test_dialog);<br /> btnDialog.setOnClickListener(new BtnDialogOnClickListener());<br /> }<br /> private class BtnDialogOnClickListener implements OnClickListener {<br /> public void onClick(View v) {<br /> Dialog dialog = new Dialog(TestLoginView.this);<br /> dialog.setContentView(R.layout.login_view);<br /> dialog.setTitle(getString(R.string.address));<br /> dialog.show();<br /> }<br /> }<br /> private class BtnActivityOnclikListener implements OnClickListener {<br /> public void onClick(View v) {<br /> Intent intent = new Intent();<br /> intent.setClass(TestLoginView.this, LoginVIewOnActivity.class);<br /> startActivity(intent);<br /> }<br /> }<br /> } </p> <p>LoginViewOnActivity.java<br /> package org.androidin.tutorial;<br /> import android.app.Activity;<br /> import android.os.Bundle;<br /> public class LoginVIewOnActivity extends Activity {<br /> public void onCreate(Bundle savedInstanceState) {<br /> super.onCreate(savedInstanceState);<br /> setTitle(getString(R.string.address));<br /> setContentView(R.layout.login_view);<br /> }<br /> }  

Step 2： 
目标 加入Progress UI，登录控件的架构设计（登录逻辑，失败或成功处理）。 

首先加入Progress, 默认时Progress是不可见的，所以在android:visibility的属性上设置“gone”，该参数会让控件不显示且不占位，其他信息请参考官方文档。 

android:visibility="gone"><br /> <rogressBar android:layout_width="wrap_content"<br /> android:layout_height="wrap_content"<br /> /><br /> android:textSize = "17.5sp"<br /> android:layout_width="wrap_content"<br /> android:layout_height="fill_parent"<br /> android:gravity = "center"<br /> /> 

接下来终于到关键部分了。每个应用的登录逻辑是不一样的，所以写一个接口 

public interface OnLoginListener {<br /> public boolean onLogin(View v, String username, String password);<br /> // View v就是调用该方法的View，其他俩参数不说了<br /> public void onLoginSuccess(View v);<br /> public void onLoginFailed(View v);<br /> }  

接下来就要对整个LoginView进行封装了，因为要把XML中的View加入到LoginView中，所以继承了FrameLayout 

public class LoginView extends FrameLayout {<br /> protected Button btnLogin;<br /> protected Button btnCancel;<br /> protected EditText edtUsername;<br /> protected EditText edtPassword;<br /> protected View progress;<br /> private OnLoginListener onLoginListener;<br /> LoginView(Context context);//对属性进行初始化<br /> public void setOnLoginListener(OnLoginListener l); //设置登录逻辑监听<br /> public void setCancelOnClickListener(OnClickListener l); //设置Cancel按钮的监听<br /> public void setLoginOnClickListener(OnClickListener l) ; //设置Login按钮的监听<br /> } 

接下来我们逐个实现方法。

这里只重载了一个构造方法，实际上可能需要重载多个，所以单独写一个初始化View的函数

private void initViews() {<br /> inflate(getContext(), R.layout.login_view, this);<br /> btnLogin = (Button) findViewById(R.id.login_view_login);<br /> btnCancel = (Button) findViewById(R.id.login_view_cancel);<br /> edtUsername = (EditText)findViewById(R.id.login_view_username);<br /> edtPassword = (EditText)findViewById(R.id.login_view_password);<br /> btnLogin.setOnClickListener(new LoginButtonListener()); //默认的处理逻辑监听 下文再说。<br /> progress = findViewById(R.id.login_view_progress);<br /> }<br /> public LoginView(Context context) {<br /> super(context);<br /> initViews();<br /> }<br /> public void setOnLoginListener(OnLoginListener l) {<br /> onLoginListener = l;<br /> }<br /> public void setCancelOnClickListener(OnClickListener l) {<br /> btnCancel.setOnClickListener(l);<br /> }<br /> public void setLoginOnClickListener(OnClickListener l) {<br /> btnLogin.setOnClickListener(l);<br /> }  

回过头来，研究上文加入的默认处理逻辑。

private class LoginButtonListener implements OnClickListener

一般的应用，登录都需要通过Socket远程连接，或者本地数据库连接。读取本地数据还好，可是用Socket通讯的话，估计要等一段时间。遇到网络阻塞，登录过程更是漫长。其次，Socket是一种阻塞的方式，也就是说，如果没有申请到连接，调用Socket的线程也属于等待状态。程序不会往下运行。

所以解决办法就是要新建个Thread来处理这个登录过程了。

private class LoginButtonListener implements OnClickListener {<br /> public void onClick(View v) {<br /> if (onLoginListener != null) {<br /> loginThread = new LoginThread();<br /> loginThread.start();<br /> }<br /> }<br /> }</p> <p>protected class LoginThread extends Thread {<br /> public void run() {<br /> handler.sendEmptyMessage(SET_ONLOGIN_TRUE); //设定控件不可用<br /> boolean flag = onLoginListener.onLogin(<br /> LoginView.this,<br /> edtUsername.getText().toString(),<br /> edtPassword.getText().toString());</p> <p>if (flag)<br /> onLoginListener.onLoginSuccess(LoginView.this);<br /> else<br /> onLoginListener.onLoginFailed(LoginView.this);<br /> handler.sendEmptyMessage(SET_ONLOGIN_FALSE); //设定控件可用<br /> }<br /> }; 

这里的handler是用来在非主程序线程改变控件属性。Android规定，在其他非主线程里不可以改变控件属性。但可以用Handler来处理类似情况。具体信息请参考官方文档。

基本的框架就是这样，接下来说明此LoginView如何使用。

当然，首先要实现一个OnLoginListener

package org.androidin.tutorial.view;</p> <p>import org.androidin.tutorial.LoginSuccessActivity;<br /> import org.androidin.tutorial.R;</p> <p>import android.content.Context;<br /> import android.content.Intent;<br /> import android.os.Handler;<br /> import android.view.View;<br /> import android.widget.Toast;</p> <p>public class OnLoginListenerImpl implements OnLoginListener{<br /> protected Object session; //用来保存一些登录状态的返回值，可以是HashMap，大家自己根据实际应用发挥了<br /> protected Handler handler; //所有的这些方法都是在另一线程调用，所以Handler用来改变一些控件的属性。<br /> public OnLoginListenerImpl(Handler handler) {<br /> this.handler = handler;<br /> }</p> <p>public boolean onLogin(View v, String username, String password) {<br /> for (int i=0; i<10000000; i++) //此方法来模拟阻塞的Socket<br /> ;<br /> if(username.equals("androidin")) return true; //登录成功<br /> return false; //登录失败<br /> }</p> <p>public void onLoginFailed(final View v) {<br /> handler.post(new Runnable() { //失败显示一个Toast<br /> public void run() {<br /> Toast.makeText(<br /> v.getContext(),<br /> v.getContext().getText(R.string.login_failed),<br /> Toast.LENGTH_LONG).show();<br /> }<br /> });<br /> }</p> <p>public void onLoginSuccess(View v) {<br /> Context context = v.getContext();<br /> context.startActivity(new Intent(context,<br /> LoginSuccessActivity.class)); //跳转到成功页面<br /> }<br /> } 

现在来组装起来吧，以在Activity中显示此控件为例。 

package org.androidin.tutorial;</p> <p>import org.androidin.tutorial.view.LoginView;<br /> import org.androidin.tutorial.view.OnLoginListenerImpl;</p> <p>import android.app.Activity;<br /> import android.os.Bundle;<br /> import android.os.Handler;<br /> import android.view.View;<br /> import android.view.View.OnClickListener;</p> <p>public class LoginViewOnActivity extends Activity {<br /> private LoginView logV;</p> <p>public void onCreate(Bundle savedInstanceState) {<br /> super.onCreate(savedInstanceState);<br /> setTitle(getString(R.string.address));<br /> logV = new LoginView(this);<br /> logV.setOnLoginListener(new OnLoginListenerImpl(new Handler()));<br /> logV.setCancelOnClickListener(new OnClickListener() {<br /> public void onClick(View v) {<br /> finish();<br /> }<br /> });<br /> setContentView(logV);<br /> }<br /> } 

So，easy！！

此时还有个小BUG，不知道大家发现没有，这个BUG修复留在Step 3里讲了。 
Step 3： 

目标：修复BUG，加入超时处理 

在step2中遗留下来一个小BUG，当点击Login按钮后，在登录状态返回前，如果强行终止（比如按Back键）。登录逻辑是无法终止的，因为登录逻辑在一个新的线程里。所以必须能够终止登录逻辑线程。终止线程可以调用Thread.stop() Thread.interrupt(),stop方法并不是安全的，可能会产生死锁。而interrupt只是改变线程状态，而不是真正的去即时将线程终止。 

所以我们设置一个isLoginCanceled，在登录状态返回后验证状态，如果是取消就不继续实行下面的程序。 

protected class LoginThread extends Thread {<br /> public void run() {<br /> handler.sendEmptyMessage(SET_ONLOGIN_TRUE);<br /> boolean flag = onLoginListener.onLogin(LoginView.this, edtUsername<br /> .getText().toString(), edtPassword.getText().toString());<br /> if (isLoginCanceled) {<br /> return;<br /> }<br /> if (flag)<br /> handler.sendEmptyMessage(LOGIN_SUCCESS);<br /> else<br /> handler.sendEmptyMessage(LOGIN_FAILED);<br /> handler.sendEmptyMessage(SET_ONLOGIN_FALSE);<br /> }<br /> };  

对于超时处理我们采用类似的方法，超时后将isLoginCanceled赋值true。下面的逻辑就不会执行了。 

private class LoginButtonListener implements OnClickListener {<br /> public void onClick(View v) {<br /> if (onLoginListener != null) {<br /> isLoginCanceled = false;<br /> if (timeout != 0)<br /> handler.sendEmptyMessageDelayed(LOGIN_TIMEOUT, timeout);<br /> loginThread = new LoginThread();<br /> loginThread.start();<br /> }<br /> }<br /> }<br /> private Handler handler = new Handler() {<br /> @Override<br /> public void handleMessage(Message msg) {<br /> switch (msg.what) {<br /> case SET_ONLOGIN_TRUE:<br /> setOnLoging(true);<br /> break;<br /> case SET_ONLOGIN_FALSE:<br /> setOnLoging(false);<br /> break;<br /> case LOGIN_TIMEOUT:<br /> onLoginListener.onLoginTimeout(LoginView.this);<br /> loginCancel();<br /> sendEmptyMessage(SET_ONLOGIN_FALSE);<br /> break;<br /> case LOGIN_SUCCESS:<br /> onLoginListener.onLoginSuccess(LoginView.this);<br /> break;<br /> case LOGIN_FAILED:<br /> onLoginListener.onLoginFailed(LoginView.this);<br /> break;<br /> }<br /> super.handleMessage(msg);<br /> }<br /> }; 

转自：http://www.aidiji.com/viewtopic.php?f=27&t=394&start=0

由于我也没在帖子中找到现成源码，稍后试下此方法，可行再把方法发布上来！