Android開發學習：[11]仿QQ登入介面?

本經驗將告訴大家如何使用Android開發模擬QQ登入介面。後面將繼續更新Android學習的個人經驗，歡迎大家持續關注。

工具/原料

Android Studio或者Eclipse

方法/步驟

首先我們開啟Android Studio然後再編寫登入介面程式碼如下：

android:layout_width="fill_parent"

android:layout_height="fill_parent"

xmlns:android=";

android:gravity="center_vertical"

android:stretchColumns="0,3"

>

android:layout_width="wrap_content"

android:layout_height="wrap_content">

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:textSize="24px"

android:layout_height="wrap_content"

/>

android:textSize="24px"

android:layout_width="wrap_content"

android:layout_height="wrap_content" android:minWidth="200px"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content">

android:id="@+id/textView2"

android:textSize="24px"

android:layout_width="wrap_content"

android:layout_height="wrap_content"/>

android:layout_width="wrap_content"

android:textSize="24px"

android:id="@+id/editText2"

android:inputType="textPassword"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content">

android:id="@+id/login"

android:layout_width="wrap_content"

android:layout_height="wrap_content"/>

android:id="@+id/exit"

android:layout_width="wrap_content"

android:layout_height="wrap_content"/>

然後我們編寫登入成功的QQ介面程式碼（簡易版）：

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent" >

android:id="@+id/linearLayout2"

android:orientation="horizontal"

android:layout_width="match_parent"

android:layout_height="wrap_content" >

android:id="@+id/nickname"

android:layout_width="wrap_content"

android:layout_weight="9"

android:textSize="24px"

android:padding="20px"

android:layout_height="wrap_content"

android:text="TextView" />

android:id="@+id/m_exit"

android:layout_weight="1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="退出登入" />

android:id="@+id/listView1"

android:entries="@array/option"

android:layout_width="match_parent"

android:layout_height="wrap_content" >

然後我們編寫登入的賬號驗證程式碼:

一、編寫一個final類，用於儲存使用者資訊：

package com.basillee.asus.myapplication.serversutil;

/**

* Created by asus on 2015/1/29 0029.

*/

public final class Data {

public static String[][]USERS={{"0001","123456","basillee"}

,{"0002","123456","basillee2"},{"0003","123456","basillee3"}};

}

然後我們編寫驗證使用者輸入的賬號密碼，並且實現跳轉到狀態頁面：

private void testImitateQQ(){

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

Button exit=(Button)findViewById(R.id.exit);

login.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

String number=((EditText)findViewById(R.id.editText1)).getText().toString();

String password=((EditText)findViewById(R.id.editText2)).getText().toString();

boolean flag=false;

String nickName="";

for(int i=0;i< Data.USERS.length;i++){

if(number.equals(Data.USERS[i][0])){

if(password.equals(Data.USERS[i][1])){

nickName=Data.USERS[i][2];

flag=true;

break;

}

}

}

if(flag){

Intent intent=new Intent(MainActivity.this,ImitateQQ.class);

Bundle bundle=new Bundle();

bundle.putString("nickName",nickName);

intent.putExtras(bundle);

startActivity(intent);

}else{

Toast.makeText(getApplicationContext(),"wrong account or password",Toast.LENGTH_LONG).show();

}

}

});

exit.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

finish();

}

});

}

然後我們編寫QQ登入之後的狀態頁面，接受登入頁面傳來的使用者名稱並且顯示：

Button button=(Button)findViewById(R.id.m_exit);

button.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

finish();

}

});

Intent intent=getIntent();

Bundle bundle=intent.getExtras();

String nickName=bundle.getString("nickName");

TextView textView=(TextView)findViewById(R.id.nickname);

textView.setText("User:"+nickName);

然後我們可以點選執行測試程式，程式執行如下：

後面將繼續更新Android學習的個人經驗，歡迎大家持續關注。喜歡的朋友就給投個票吧