Android應用程式開發教程：實現一個功能比較完善的登入對話方塊

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

由於我也沒在文章中找到現成源碼，稍後試下此方法，可行再把方法發布上來！