实验1 Android界面设计

1. 实验内容

实现一个Android应用-用户登录界面。

 2、实验目的

（1）了解Android开发流程，掌握布局文件的创建；

（2）掌握TextView、EditText、Button、RadioButton等常用控件的使用。

3、实验过程

（1）标题  

首先我们建立一个TextView控件来写标题。

效果如下：

（2）图片  

建立一个ImageView控件来写标题。先将图片复制到res/drawable目录下，然后通过android:src="@drawable/jiangxiligongdaxue1"来引用。

实现效果如下：

（3）输入框  

先建立两个TextView控件，用来写“用户名”和“密码”。“学号”（username）的最大长度为10个字符，密码（password）的最大长度为16个字符。

实现效果如下：

（4）登录注册按钮

    设置登录按钮，设置id为login，layout_width为250dp，layout_height为50dp， layout_gravity为center按钮上的文字为"登录 "，textColor为"#FFFFFF"。

设置注册按钮，设置id为register，layout_width为250dp，layout_heigth为50dp， layout_gravity为center按钮上的文字为"注册 "，textColor为"#FFFFFF"。

（5）实验室res下的文件目录如下

（6）在Android Studio的布局

（7）将app导入手机中运行结果如图（手机截图）

 4、全部代码

                       

1. <?xml version= "1.0" encoding= "utf-8" ?>  
2. <LinearLayout xmlns:android ="http://schemas.android.com/apk/res/android"  
3.     android:layout_width= "match_parent"  
4.     android:layout_height="match_parent"  
5.     android:orientation="vertical"  
6.     android:background="#E8B8FB" >  
7.     <!--App Logo及名字-->  
8.     <LinearLayout  
9.         android:layout_width="match_parent"  
10.         android:layout_height="251dp"  
11.         android:layout_marginTop="40dp"  
12.         android:gravity="center_horizontal"  
13.         android:orientation="vertical">  
14.   
15.         <ImageView  
16.             android:layout_width="wrap_content"  
17.             android:layout_height="wrap_content"  
18.             android:layout_gravity="center_horizontal"  
19.             android:src="@drawable/jiangxiligongdaxue1" />  
20.   
21.         <TextView  
22.             android:layout_width="wrap_content"  
23.             android:layout_height="wrap_content"  
24.             android:text="江西理工大学"  
25.             android:textColor="#000000"  
26.             android:textSize="22sp"  
27.             android:textStyle="italic" />  
28.   
29.         <EditText  
30.             android:id="@+id/username"  
31.             android:layout_width="185dp"  
32.             android:layout_height="65dp"  
33.             android:hint="uesrname"  
34.             android:maxLength="10"  
35.             android:maxLines="1"  
36.             android:textAlignment="center" />  
37.   
38.         <EditText  
39.             android:id="@+id/password"  
40.             android:layout_width="259dp"  
41.             android:layout_height="60dp"  
42.             android:hint="password"  
43.             android:inputType="textPassword"  
44.             android:maxLength="16"  
45.             android:maxLines="1"  
46.             android:textAlignment="center" />  
47.   
48.     </LinearLayout>  
49.   
50.     <LinearLayout  
51.         android:layout_width="match_parent"  
52.         android:layout_height="wrap_content"  
53.         android:gravity="center_horizontal"  
54.         android:layout_marginTop="50dp"  
55.         android:orientation="horizontal">  
56.         <ImageView  
57.             android:layout_width="30dp"  
58.             android:layout_height="30dp"  
59.             android:layout_gravity="center_vertical"  
60.             android:src="@drawable/user"/>  
61.   
62.     </LinearLayout>  
63.   
64.     <LinearLayout  
65.         android:layout_width="match_parent"  
66.         android:layout_height="wrap_content"  
67.         android:gravity="center_horizontal"  
68.         android:orientation="horizontal">  
69.         <ImageView  
70.             android:layout_width="30dp"  
71.             android:layout_height="30dp"  
72.             android:layout_gravity="center_vertical"  
73.             android:src="@drawable/password">  
74.         </ImageView>  
75.   
76.     </LinearLayout>  
77.   
78.     <Button  
79.         android:id="@+id/login"  
80.         android:layout_width="250dp"  
81.         android:layout_height="50dp"  
82.         android:layout_gravity="center_horizontal"  
83.         android:layout_marginTop="60dp"  
84.         android:background="@drawable/button_login"  
85.         android:text="登录"  
86.         android:textColor="#FFFFFF"  
87.         android:textSize="18sp" />  
88.   
89.     <Button  
90.         android:layout_width="250dp"  
91.         android:layout_height="50dp"  
92.         android:id="@+id/register"  
93.         android:layout_marginTop="10dp"  
94.         android:textSize="18sp"  
95.         android:layout_gravity="center_horizontal"  
96.         android:textColor="#FFFFFF"  
97.         android:text="注册"/>  
98.     </LinearLayout>  

5、实验总结

在做实验之前，我并没有好好看下载包里的实验文档，只是粗略看了下实验要求便开始着手打代码。实验中途遇到了一些不了解的困难也都是自己手动搜索了蛮久才找到适合的解决方案，有点费时费力。后来实验做完了又浏览了下实验文档，才发现里面讲了很多关于布局和控件的知识点，如果早点看到就不用浪费自己那么多精力去搜索相应的知识点了。以后每次实验一定要先仔细看看实验文档，做好基础打底。

    通过此次实验，使得更能进一步加深和掌握Android的常用基本控件使用，对基本控件有了基本的认识，而且对以前的知识有了进一步的复习与巩固，对今后android的app制作有了较大的进步与学习。