Android登录等待效果

nighteagle

首先请看效果图：

就是当我们填写好个人信息后，点击登录，然后就进入了这个界面，好了，下面我们一起来实现一下。

　　第一步：布局文件：activity_main.xml

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
2.     xmlns:tools="http://schemas.android.com/tools"
   
3.     android:layout_width="match_parent"
   
4.     android:layout_height="match_parent"
   
5.     android:paddingBottom="@dimen/activity_vertical_margin"
   
6.     android:paddingLeft="@dimen/activity_horizontal_margin"
   
7.     android:paddingRight="@dimen/activity_horizontal_margin"
   
8.     android:paddingTop="@dimen/activity_vertical_margin"
   
9.     tools:context=".MainActivity" >
   
10. 
    
11.     <TextView
    
12.         android:id="@+id/textView1"
    
13.         android:layout_width="wrap_content"
    
14.         android:layout_height="wrap_content"
    
15.         android:layout_alignParentLeft="true"
    
16.         android:layout_alignParentTop="true"
    
17.         android:layout_marginTop="22dp"
    
18.         android:text="邮箱：" />
    
19. 
    
20.     <EditText
    
21.         android:id="@+id/editText1"
    
22.         android:layout_width="wrap_content"
    
23.         android:layout_height="wrap_content"
    
24.         android:layout_alignBaseline="@+id/textView1"
    
25.         android:layout_alignBottom="@+id/textView1"
    
26.         android:layout_marginLeft="15dp"
    
27.         android:layout_toRightOf="@+id/textView1"
    
28.         android:ems="10"
    
29.         android:inputType="textEmailAddress" />
    
30. 
    
31.     <TextView
    
32.         android:id="@+id/textView2"
    
33.         android:layout_width="wrap_content"
    
34.         android:layout_height="wrap_content"
    
35.         android:layout_below="@+id/editText1"
    
36.         android:layout_marginTop="40dp"
    
37.         android:layout_toLeftOf="@+id/editText1"
    
38.         android:text="密码：" />
    
39. 
    
40.     <EditText
    
41.         android:id="@+id/editText2"
    
42.         android:layout_width="wrap_content"
    
43.         android:layout_height="wrap_content"
    
44.         android:layout_alignBaseline="@+id/textView2"
    
45.         android:layout_alignBottom="@+id/textView2"
    
46.         android:layout_alignLeft="@+id/editText1"
    
47.         android:ems="10"
    
48.         android:inputType="textPassword" />
    
49. 
    
50.     <Button
    
51.         android:id="@+id/button1"
    
52.         android:layout_width="wrap_content"
    
53.         android:layout_height="wrap_content"
    
54.         android:layout_below="@+id/editText2"
    
55.         android:layout_marginTop="43dp"
    
56.         android:layout_toRightOf="@+id/textView2"
    
57.         android:text="登录" />
    
58. 
    
59.     <Button
    
60.         android:id="@+id/button2"
    
61.         android:layout_width="wrap_content"
    
62.         android:layout_height="wrap_content"
    
63.         android:layout_alignBaseline="@+id/button1"
    
64.         android:layout_alignBottom="@+id/button1"
    
65.         android:layout_marginLeft="34dp"
    
66.         android:layout_toRightOf="@+id/button1"
    
67.         android:text="注册" />
    
68. 
    
69. </RelativeLayout>

复制代码

第二步：主Activity:

1. public class MainActivity extends Activity implements OnClickListener{
   
2. 
   
3.     private EditText mEditText1;
   
4.     private EditText mEditText2;
   
5.     private Button mButton1;
   
6.     private Button mButton2;
   
7.    
   
8.     private String email;
   
9.     private String password;
   
10.    
    
11.     private myAsyncTast tast;
    
12.    
    
13.     private ProgressDialog dialog = null;
    
14.    
    
15.     @Override
    
16.     protected void onCreate(Bundle savedInstanceState) {
    
17.         super.onCreate(savedInstanceState);
    
18.         setContentView(R.layout.activity_main);
    
19.         init();//对控件进行初始化
    
20.     }
    
21. 
    
22. 
    
23.     private void init() {
    
24.         mEditText1 = (EditText) findViewById(R.id.editText1);
    
25.         mEditText2 = (EditText) findViewById(R.id.editText2);
    
26.         mButton1 = (Button) findViewById(R.id.button1);
    
27.         mButton2 = (Button) findViewById(R.id.button2);
    
28.         mButton1.setOnClickListener(this);
    
29.         mButton2.setOnClickListener(this);
    
30.     }
    
31. 
    
32. 
    
33.     @Override
    
34.     public void onClick(View arg0) {
    
35.         switch (arg0.getId()) {
    
36.         case R.id.button1:
    
37.             getEditTextValue();//获得用户的输入
    
38.             tast = new myAsyncTast();//创建AsyncTask
    
39.             tast.execute();//启动AsyncTask
    
40.             break;
    
41. 
    
42.         case R.id.button2:
    
43.             Toast.makeText(MainActivity.this, "注册", Toast.LENGTH_SHORT).show();
    
44.             break;
    
45.         }
    
46.     }
    
47. 
    
48.     private void getEditTextValue() {
    
49.         email = mEditText1.getText().toString();
    
50.         password = mEditText2.getText().toString();
    
51.     }
    
52. 
    
53.     class myAsyncTast extends AsyncTask<Void, Integer, Void>{
    
54. 
    
55.         @Override
    
56.         protected void onPreExecute() {
    
57.             super.onPreExecute();
    
58.             dialog = ProgressDialog.show(MainActivity.this, "登录提示", "正在登录，请稍等...", false);//创建ProgressDialog
    
59.         }
    
60.         
    
61.         @Override
    
62.         protected Void doInBackground(Void... arg0) {
    
63.         
    
64.             Http http = new Http();
    
65.             int n = http.send(email, password);//发送给服务器
    
66.             publishProgress(n);
    
67.             return null;
    
68.             
    
69.         }
    
70.         
    
71.         @Override
    
72.         protected void onProgressUpdate(Integer... values) {
    
73.             super.onProgressUpdate(values);
    
74.             dialog.dismiss();//关闭ProgressDialog
    
75.             if(values[0]==1){
    
76.                 Toast.makeText(MainActivity.this, "登录成功", Toast.LENGTH_SHORT).show();
    
77.             }else{
    
78.                 Toast.makeText(MainActivity.this, "登录失败", Toast.LENGTH_SHORT).show();
    
79.             }
    
80.             
    
81.         }
    
82.         
    
83.     }
    
84.    
    
85. }

复制代码

第三步：服务器端（简单起见，仅仅是模拟）

1. /*
   
2. * 模拟服务器端
   
3. */
   
4. public class Http {
   
5.     private int n = 0;
   
6.     public int send(String email, String password){
   
7.         
   
8.         try {
   
9.             Thread.sleep(5000);//模拟网络加载
   
10.         } catch (InterruptedException e) {
    
11.             e.printStackTrace();
    
12.         }
    
13.         if(email.equals("1@qq.com")&&password.equals("123456")){
    
14.             n=1;
    
15.         }
    
16.         
    
17.         return n;
    
18.     }
    
19.    
    
20. }

复制代码

在这里需要说明的时，当我们真正开发时，需要向服务器发送数据时，我们需要在：AndroidManifest.xml文件中声明访问网络权限。