Android开发--实现Android登录注册页面（上）

简单的Android开发登录注册，这个是没有连数据库的
首先，新建项目，新建一个登录页面LoginActivity和注册页面RegisterActivity。
下面是登录页面的代码:activity_login.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
4.     xmlns:tools="http://schemas.android.com/tools"
5.     android:layout_width="match_parent"
6.     android:layout_height="match_parent"
7.     android:orientation="vertical"
8.     tools:context=".LoginActivity">
9.     <LinearLayout
10. <?xml version="1.0" encoding="utf-8"?>
11. <resources>
13.    
15.    
17. </resources>android:layout_width="match_parent"
18. <?xml version="1.0" encoding="utf-8"?>
19. <resources>
21.    
23.    
25. </resources>android:layout_height="wrap_content"
26. <?xml version="1.0" encoding="utf-8"?>
27. <resources>
29.    
31.    
33. </resources>android:orientation="horizontal"
34. <?xml version="1.0" encoding="utf-8"?>
35. <resources>
37.    
39.    
41. </resources>android:layout_marginLeft="20dp"
42. <?xml version="1.0" encoding="utf-8"?>
43. <resources>
45.    
47.    
49. </resources>android:layout_marginRight="20dp"
50. <?xml version="1.0" encoding="utf-8"?>
51. <resources>
53.    
55.    
57. </resources>android:layout_marginTop="20dp"
58. <?xml version="1.0" encoding="utf-8"?>
59. <resources>
61.    
63.    
65. </resources>android:gravity="center_vertical">
67. <?xml version="1.0" encoding="utf-8"?>
68. <resources>
70.    
72.    
74. </resources><TextView
75. <?xml version="1.0" encoding="utf-8"?>
76. <resources>
78.    
80.    
82. </resources>    android:layout_width="wrap_content"
83. <?xml version="1.0" encoding="utf-8"?>
84. <resources>
86.    
88.    
90. </resources>    android:layout_height="wrap_content"
91. <?xml version="1.0" encoding="utf-8"?>
92. <resources>
94.    
96.    
98. </resources>    android:text="账号："
99. <?xml version="1.0" encoding="utf-8"?>
100. <resources>
102.    
104.    
106. </resources>    android:textSize="25sp" />
108. <?xml version="1.0" encoding="utf-8"?>
109. <resources>
111.    
113.    
115. </resources><EditText
116. <?xml version="1.0" encoding="utf-8"?>
117. <resources>
119.    
121.    
123. </resources>    android:id="@+id/et_account"
124. <?xml version="1.0" encoding="utf-8"?>
125. <resources>
127.    
129.    
131. </resources>    android:layout_width="match_parent"
132. <?xml version="1.0" encoding="utf-8"?>
133. <resources>
135.    
137.    
139. </resources>    android:hint="请输入用户名或手机号"
140. <?xml version="1.0" encoding="utf-8"?>
141. <resources>
143.    
145.    
147. </resources>    style="@style/MyEditStyle"
148. <?xml version="1.0" encoding="utf-8"?>
149. <resources>
151.    
153.    
155. </resources>    android:layout_marginLeft="10dp"
156. <?xml version="1.0" encoding="utf-8"?>
157. <resources>
159.    
161.    
163. </resources>    android:inputType="text"></EditText>
164.     </LinearLayout>
166.     <LinearLayout
167. <?xml version="1.0" encoding="utf-8"?>
168. <resources>
170.    
172.    
174. </resources>android:layout_width="match_parent"
175. <?xml version="1.0" encoding="utf-8"?>
176. <resources>
178.    
180.    
182. </resources>android:layout_height="wrap_content"
183. <?xml version="1.0" encoding="utf-8"?>
184. <resources>
186.    
188.    
190. </resources>android:orientation="horizontal"
191. <?xml version="1.0" encoding="utf-8"?>
192. <resources>
194.    
196.    
198. </resources>android:layout_marginLeft="20dp"
199. <?xml version="1.0" encoding="utf-8"?>
200. <resources>
202.    
204.    
206. </resources>android:layout_marginRight="20dp"
207. <?xml version="1.0" encoding="utf-8"?>
208. <resources>
210.    
212.    
214. </resources>android:layout_marginTop="20dp"
215. <?xml version="1.0" encoding="utf-8"?>
216. <resources>
218.    
220.    
222. </resources>android:gravity="center_vertical">
224. <?xml version="1.0" encoding="utf-8"?>
225. <resources>
227.    
229.    
231. </resources><TextView
232. <?xml version="1.0" encoding="utf-8"?>
233. <resources>
235.    
237.    
239. </resources>    android:layout_width="wrap_content"
240. <?xml version="1.0" encoding="utf-8"?>
241. <resources>
243.    
245.    
247. </resources>    android:layout_height="wrap_content"
248. <?xml version="1.0" encoding="utf-8"?>
249. <resources>
251.    
253.    
255. </resources>    android:text="密码："
256. <?xml version="1.0" encoding="utf-8"?>
257. <resources>
259.    
261.    
263. </resources>    android:textSize="25sp" />
265. <?xml version="1.0" encoding="utf-8"?>
266. <resources>
268.    
270.    
272. </resources><EditText
273. <?xml version="1.0" encoding="utf-8"?>
274. <resources>
276.    
278.    
280. </resources>    android:id="@+id/et_password"
281. <?xml version="1.0" encoding="utf-8"?>
282. <resources>
284.    
286.    
288. </resources>    android:layout_width="match_parent"
289. <?xml version="1.0" encoding="utf-8"?>
290. <resources>
292.    
294.    
296. </resources>    android:hint="请输入密码"
297. <?xml version="1.0" encoding="utf-8"?>
298. <resources>
300.    
302.    
304. </resources>    style="@style/MyEditStyle"
305. <?xml version="1.0" encoding="utf-8"?>
306. <resources>
308.    
310.    
312. </resources>    android:layout_marginLeft="10dp"
313. <?xml version="1.0" encoding="utf-8"?>
314. <resources>
316.    
318.    
320. </resources>    android:inputType="numberPassword"></EditText>
321.     </LinearLayout>
322.     <LinearLayout
323. <?xml version="1.0" encoding="utf-8"?>
324. <resources>
326.    
328.    
330. </resources>android:layout_width="match_parent"
331. <?xml version="1.0" encoding="utf-8"?>
332. <resources>
334.    
336.    
338. </resources>android:layout_height="wrap_content"
339. <?xml version="1.0" encoding="utf-8"?>
340. <resources>
342.    
344.    
346. </resources>android:orientation="horizontal"
347. <?xml version="1.0" encoding="utf-8"?>
348. <resources>
350.    
352.    
354. </resources>android:gravity="center"
355. <?xml version="1.0" encoding="utf-8"?>
356. <resources>
358.    
360.    
362. </resources>android:layout_marginTop="20dp"
363. <?xml version="1.0" encoding="utf-8"?>
364. <resources>
366.    
368.    
370. </resources>android:layout_marginLeft="20dp"
371. <?xml version="1.0" encoding="utf-8"?>
372. <resources>
374.    
376.    
378. </resources>android:layout_marginRight="20dp"
379. <?xml version="1.0" encoding="utf-8"?>
380. <resources>
382.    
384.    
386. </resources>>
387. <?xml version="1.0" encoding="utf-8"?>
388. <resources>
390.    
392.    
394. </resources><CheckBox
395. <?xml version="1.0" encoding="utf-8"?>
396. <resources>
398.    
400.    
402. </resources>    android:id="@+id/cb_remember"
403. <?xml version="1.0" encoding="utf-8"?>
404. <resources>
406.    
408.    
410. </resources>    android:layout_width="wrap_content"
411. <?xml version="1.0" encoding="utf-8"?>
412. <resources>
414.    
416.    
418. </resources>    android:layout_height="wrap_content"
419. <?xml version="1.0" encoding="utf-8"?>
420. <resources>
422.    
424.    
426. </resources>    android:text="记住密码"></CheckBox>
427.     </LinearLayout>
428.     <Button
429. <?xml version="1.0" encoding="utf-8"?>
430. <resources>
432.    
434.    
436. </resources>android:id="@+id/btn_login"
437. <?xml version="1.0" encoding="utf-8"?>
438. <resources>
440.    
442.    
444. </resources>android:layout_width="match_parent"
445. <?xml version="1.0" encoding="utf-8"?>
446. <resources>
448.    
450.    
452. </resources>android:layout_height="wrap_content"
453. <?xml version="1.0" encoding="utf-8"?>
454. <resources>
456.    
458.    
460. </resources>android:text="登录"
461. <?xml version="1.0" encoding="utf-8"?>
462. <resources>
464.    
466.    
468. </resources>style="@style/MyBtnStyle"
469. <?xml version="1.0" encoding="utf-8"?>
470. <resources>
472.    
474.    
476. </resources>android:layout_marginTop="20dp"
477. <?xml version="1.0" encoding="utf-8"?>
478. <resources>
480.    
482.    
484. </resources>android:layout_marginLeft="20dp"
485. <?xml version="1.0" encoding="utf-8"?>
486. <resources>
488.    
490.    
492. </resources>android:layout_marginRight="20dp"></Button>
493.     <TextView
494. <?xml version="1.0" encoding="utf-8"?>
495. <resources>
497.    
499.    
501. </resources>android:layout_width="wrap_content"
502. <?xml version="1.0" encoding="utf-8"?>
503. <resources>
505.    
507.    
509. </resources>android:layout_height="wrap_content"
510. <?xml version="1.0" encoding="utf-8"?>
511. <resources>
513.    
515.    
517. </resources>android:textColor="@color/colorPrimary"
518. <?xml version="1.0" encoding="utf-8"?>
519. <resources>
521.    
523.    
525. </resources>android:text="还没有账号？"
526. <?xml version="1.0" encoding="utf-8"?>
527. <resources>
529.    
531.    
533. </resources>android:layout_gravity="right"
534. <?xml version="1.0" encoding="utf-8"?>
535. <resources>
537.    
539.    
541. </resources>android:layout_marginRight="20dp"
542. <?xml version="1.0" encoding="utf-8"?>
543. <resources>
545.    
547.    
549. </resources>android:layout_marginTop="10dp"
550. <?xml version="1.0" encoding="utf-8"?>
551. <resources>
553.    
555.    
557. </resources>android:onClick="toRegister"
558. <?xml version="1.0" encoding="utf-8"?>
559. <resources>
561.    
563.    
565. </resources>></TextView>
567. </LinearLayout>

复制代码

效果如图：



下面是注册页面的代码：activity_register.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
4.     xmlns:tools="http://schemas.android.com/tools"
5.     android:layout_width="match_parent"
6.     android:layout_height="match_parent"
7.     android:orientation="vertical"
8.     tools:context=".LoginActivity">
9.     <LinearLayout
10. <?xml version="1.0" encoding="utf-8"?>
11. <resources>
13.    
15.    
17. </resources>android:layout_width="match_parent"
18. <?xml version="1.0" encoding="utf-8"?>
19. <resources>
21.    
23.    
25. </resources>android:layout_height="wrap_content"
26. <?xml version="1.0" encoding="utf-8"?>
27. <resources>
29.    
31.    
33. </resources>android:orientation="horizontal"
34. <?xml version="1.0" encoding="utf-8"?>
35. <resources>
37.    
39.    
41. </resources>android:layout_marginLeft="20dp"
42. <?xml version="1.0" encoding="utf-8"?>
43. <resources>
45.    
47.    
49. </resources>android:layout_marginRight="20dp"
50. <?xml version="1.0" encoding="utf-8"?>
51. <resources>
53.    
55.    
57. </resources>android:layout_marginTop="20dp"
58. <?xml version="1.0" encoding="utf-8"?>
59. <resources>
61.    
63.    
65. </resources>android:gravity="center_vertical">
67. <?xml version="1.0" encoding="utf-8"?>
68. <resources>
70.    
72.    
74. </resources><TextView
75. <?xml version="1.0" encoding="utf-8"?>
76. <resources>
78.    
80.    
82. </resources>    android:layout_width="wrap_content"
83. <?xml version="1.0" encoding="utf-8"?>
84. <resources>
86.    
88.    
90. </resources>    android:layout_height="wrap_content"
91. <?xml version="1.0" encoding="utf-8"?>
92. <resources>
94.    
96.    
98. </resources>    android:text="账号："
99. <?xml version="1.0" encoding="utf-8"?>
100. <resources>
102.    
104.    
106. </resources>    android:textSize="25sp" />
108. <?xml version="1.0" encoding="utf-8"?>
109. <resources>
111.    
113.    
115. </resources><EditText
116. <?xml version="1.0" encoding="utf-8"?>
117. <resources>
119.    
121.    
123. </resources>    android:id="@+id/et_account"
124. <?xml version="1.0" encoding="utf-8"?>
125. <resources>
127.    
129.    
131. </resources>    android:layout_width="match_parent"
132. <?xml version="1.0" encoding="utf-8"?>
133. <resources>
135.    
137.    
139. </resources>    android:hint="请输入用户名或手机号"
140. <?xml version="1.0" encoding="utf-8"?>
141. <resources>
143.    
145.    
147. </resources>    style="@style/MyEditStyle"
148. <?xml version="1.0" encoding="utf-8"?>
149. <resources>
151.    
153.    
155. </resources>    android:layout_marginLeft="10dp"
156. <?xml version="1.0" encoding="utf-8"?>
157. <resources>
159.    
161.    
163. </resources>    android:inputType="text"></EditText>
164.     </LinearLayout>
166.     <LinearLayout
167. <?xml version="1.0" encoding="utf-8"?>
168. <resources>
170.    
172.    
174. </resources>android:layout_width="match_parent"
175. <?xml version="1.0" encoding="utf-8"?>
176. <resources>
178.    
180.    
182. </resources>android:layout_height="wrap_content"
183. <?xml version="1.0" encoding="utf-8"?>
184. <resources>
186.    
188.    
190. </resources>android:orientation="horizontal"
191. <?xml version="1.0" encoding="utf-8"?>
192. <resources>
194.    
196.    
198. </resources>android:layout_marginLeft="20dp"
199. <?xml version="1.0" encoding="utf-8"?>
200. <resources>
202.    
204.    
206. </resources>android:layout_marginRight="20dp"
207. <?xml version="1.0" encoding="utf-8"?>
208. <resources>
210.    
212.    
214. </resources>android:layout_marginTop="20dp"
215. <?xml version="1.0" encoding="utf-8"?>
216. <resources>
218.    
220.    
222. </resources>android:gravity="center_vertical">
224. <?xml version="1.0" encoding="utf-8"?>
225. <resources>
227.    
229.    
231. </resources><TextView
232. <?xml version="1.0" encoding="utf-8"?>
233. <resources>
235.    
237.    
239. </resources>    android:layout_width="wrap_content"
240. <?xml version="1.0" encoding="utf-8"?>
241. <resources>
243.    
245.    
247. </resources>    android:layout_height="wrap_content"
248. <?xml version="1.0" encoding="utf-8"?>
249. <resources>
251.    
253.    
255. </resources>    android:text="密码："
256. <?xml version="1.0" encoding="utf-8"?>
257. <resources>
259.    
261.    
263. </resources>    android:textSize="25sp" />
265. <?xml version="1.0" encoding="utf-8"?>
266. <resources>
268.    
270.    
272. </resources><EditText
273. <?xml version="1.0" encoding="utf-8"?>
274. <resources>
276.    
278.    
280. </resources>    android:id="@+id/et_password"
281. <?xml version="1.0" encoding="utf-8"?>
282. <resources>
284.    
286.    
288. </resources>    android:layout_width="match_parent"
289. <?xml version="1.0" encoding="utf-8"?>
290. <resources>
292.    
294.    
296. </resources>    android:hint="请输入密码"
297. <?xml version="1.0" encoding="utf-8"?>
298. <resources>
300.    
302.    
304. </resources>    style="@style/MyEditStyle"
305. <?xml version="1.0" encoding="utf-8"?>
306. <resources>
308.    
310.    
312. </resources>    android:layout_marginLeft="10dp"
313. <?xml version="1.0" encoding="utf-8"?>
314. <resources>
316.    
318.    
320. </resources>    android:inputType="numberPassword"></EditText>
321.     </LinearLayout>
322.     <LinearLayout
323. <?xml version="1.0" encoding="utf-8"?>
324. <resources>
326.    
328.    
330. </resources>android:layout_width="match_parent"
331. <?xml version="1.0" encoding="utf-8"?>
332. <resources>
334.    
336.    
338. </resources>android:layout_height="wrap_content"
339. <?xml version="1.0" encoding="utf-8"?>
340. <resources>
342.    
344.    
346. </resources>android:orientation="horizontal"
347. <?xml version="1.0" encoding="utf-8"?>
348. <resources>
350.    
352.    
354. </resources>android:gravity="center"
355. <?xml version="1.0" encoding="utf-8"?>
356. <resources>
358.    
360.    
362. </resources>android:layout_marginTop="20dp"
363. <?xml version="1.0" encoding="utf-8"?>
364. <resources>
366.    
368.    
370. </resources>android:layout_marginLeft="20dp"
371. <?xml version="1.0" encoding="utf-8"?>
372. <resources>
374.    
376.    
378. </resources>android:layout_marginRight="20dp"
379. <?xml version="1.0" encoding="utf-8"?>
380. <resources>
382.    
384.    
386. </resources>>
387. <?xml version="1.0" encoding="utf-8"?>
388. <resources>
390.    
392.    
394. </resources><CheckBox
395. <?xml version="1.0" encoding="utf-8"?>
396. <resources>
398.    
400.    
402. </resources>    android:id="@+id/cb_remember"
403. <?xml version="1.0" encoding="utf-8"?>
404. <resources>
406.    
408.    
410. </resources>    android:layout_width="wrap_content"
411. <?xml version="1.0" encoding="utf-8"?>
412. <resources>
414.    
416.    
418. </resources>    android:layout_height="wrap_content"
419. <?xml version="1.0" encoding="utf-8"?>
420. <resources>
422.    
424.    
426. </resources>    android:text="记住密码"></CheckBox>
427.     </LinearLayout>
428.     <Button
429. <?xml version="1.0" encoding="utf-8"?>
430. <resources>
432.    
434.    
436. </resources>android:id="@+id/btn_login"
437. <?xml version="1.0" encoding="utf-8"?>
438. <resources>
440.    
442.    
444. </resources>android:layout_width="match_parent"
445. <?xml version="1.0" encoding="utf-8"?>
446. <resources>
448.    
450.    
452. </resources>android:layout_height="wrap_content"
453. <?xml version="1.0" encoding="utf-8"?>
454. <resources>
456.    
458.    
460. </resources>android:text="登录"
461. <?xml version="1.0" encoding="utf-8"?>
462. <resources>
464.    
466.    
468. </resources>style="@style/MyBtnStyle"
469. <?xml version="1.0" encoding="utf-8"?>
470. <resources>
472.    
474.    
476. </resources>android:layout_marginTop="20dp"
477. <?xml version="1.0" encoding="utf-8"?>
478. <resources>
480.    
482.    
484. </resources>android:layout_marginLeft="20dp"
485. <?xml version="1.0" encoding="utf-8"?>
486. <resources>
488.    
490.    
492. </resources>android:layout_marginRight="20dp"></Button>
493.     <TextView
494. <?xml version="1.0" encoding="utf-8"?>
495. <resources>
497.    
499.    
501. </resources>android:layout_width="wrap_content"
502. <?xml version="1.0" encoding="utf-8"?>
503. <resources>
505.    
507.    
509. </resources>android:layout_height="wrap_content"
510. <?xml version="1.0" encoding="utf-8"?>
511. <resources>
513.    
515.    
517. </resources>android:textColor="@color/colorPrimary"
518. <?xml version="1.0" encoding="utf-8"?>
519. <resources>
521.    
523.    
525. </resources>android:text="还没有账号？"
526. <?xml version="1.0" encoding="utf-8"?>
527. <resources>
529.    
531.    
533. </resources>android:layout_gravity="right"
534. <?xml version="1.0" encoding="utf-8"?>
535. <resources>
537.    
539.    
541. </resources>android:layout_marginRight="20dp"
542. <?xml version="1.0" encoding="utf-8"?>
543. <resources>
545.    
547.    
549. </resources>android:layout_marginTop="10dp"
550. <?xml version="1.0" encoding="utf-8"?>
551. <resources>
553.    
555.    
557. </resources>android:onClick="toRegister"
558. <?xml version="1.0" encoding="utf-8"?>
559. <resources>
561.    
563.    
565. </resources>></TextView>
567. </LinearLayout><?xml version="1.0" encoding="utf-8"?>
568. <resources>
570.    
572.    
574. </resources>

复制代码

效果如图：


最后，在LoginActivity.java中，加入一串代码：getSupportActionBar().setTitle("登录");
在RegisterActivity.java中，加入一串代码：getSupportActionBar().setTitle("注册");

1. public class LoginActivity extends AppCompatActivity {
3.     public static final int REQUEST_CODE_REGISTER = 1;
4.     private static final String TAG="tag";
5.     private Button btnLogin;
6.     private EditText etAccount,etPassword;
7.     private CheckBox cbRemember;
8.     private String userName="a";
9.     private String pass="123";
11.     @Override
12.     protected void onCreate(Bundle savedInstanceState) {
13. <?xml version="1.0" encoding="utf-8"?>
14. <resources>
16.    
18.    
20. </resources>super.onCreate(savedInstanceState);
21. <?xml version="1.0" encoding="utf-8"?>
22. <resources>
24.    
26.    
28. </resources>setContentView(R.layout.activity_login);
29. <?xml version="1.0" encoding="utf-8"?>
30. <resources>
32.    
34.    
36. </resources>getSupportActionBar().setTitle("登录");
37.      }
38. }

复制代码

 上面的代码是LoginActivity.java中的代码，其实要添加的只有一句，其他都写出来是为了让读者能看懂，具体写在哪里。这段代码的作用是： 使标题栏那边显示的文字是登录/注册，而不是一串默认的英文
下面两张图片，左边是未添加代码的效果，右边是添加代码后的效果


写到这里，页面整体布局大致完成了，下面，你们需要添加部分细节，来使得颜色和样式跟我一致。我在上面的xml文件代码中，有下面这个代码：

1. style="@style/MyEditStyle"和style="@style/MyBtnStyle"

复制代码

你们在前面写的时候，可能会报错，很正常，因为这是引用控件样式的代码，你们需要设置一下这个样式，然后引用，就不会报错啦。
这是设置EditText和Button控件的样式，首先新建style.xml文件。在values中右键，New--Values Resource File，文件名为style。在style.xml文件中，写如下代码：

1. <?xml version="1.0" encoding="utf-8"?>
2. <resources>
4.    
6.    
8. </resources>

复制代码

 这里面又引用了样式，是设置输入框的边框和按钮的背景颜色。继续下面的步骤：drawable右键--New--Drawable Resource File，文件名为：btn_bg_selector，代码如下：

1. <?xml version="1.0" encoding="utf-8"?>
2. <resources>
4.    
6.    
8. </resources>

复制代码

 drawable右键--New--Drawable Resource File，文件名为：edit_text_bg，代码如下：

1. <?xml version="1.0" encoding="utf-8"?>
2. <resources>
4.    
6.    
8. </resources>

复制代码

最后，再调整一下导航栏和标题栏的颜色，就OK啦
colors.xml文件中，添加绿色这个颜色，如下代码，

1.     <color name="colorPrimary">@color/green_500</color>
2.     <color name="colorPrimaryDark">@color/green_700</color>
3.     <color name="colorAccent">#E64A19</color>
5.     <color name="green_200">#A5D6A7</color>
6.     <color name="green_500">#4CAF50</color>
7.     <color name="green_700">#4CAF50</color>

复制代码

themes.xml文件中，只需要修改前两个item的内容，其他代码是为了你们参照一下位置，别改错了。代码如下：

1. <?xml version="1.0" encoding="utf-8"?>
2. <resources>
4.    
6.    
8. </resources>

复制代码

到这里，你的登录注册页面部分就完成啦！恭喜你！
以上代码，都是我自己一个个敲的，也运行过，运行结果是没问题的。当然如果你有什么意见建议，请不吝赐教❥(^_-)
具体的跳转实现看下一篇笔记哦，下一篇笔记结尾也有源码分享。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！