Android Studio实现简单的实现简单的QQ登录界面的示例代码登录界面的示例代码
主要介绍了Android Studio实现简单的QQ登录界面的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编
来一起学习学习吧
一、项目概述一、项目概述
QQ是我们日常生活使用最多的软件之一，包含登录界面和进入后的聊天界面、好友列表界面和空间动态界面等。登录界面的制作比较简单，主要考验布局的使用，是实现QQ项目的第一步。现在APP开
发的首要工作都是实现登录页面，所以学会了QQ登录界面对以后的软件开发有着很重要的作用。
二、开发环境二、开发环境
三、详细设计三、详细设计
1、头像设计、头像设计
首先在layout文件里面选择了RelativeLayout（相对布局）作为整个页面的布局。
在顶端放置了一个ImageView控件，宽度和高度设置的都是70dp，水平居中设置为true。
然后使头像在整个页面下调一点，不要紧贴着顶端，所以layout_marginTop设置为40dp。
最后选择drawable文件夹中的head文件作为头像。代码如下：
<ImageView
android:id='@+id/iv'
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_centerHorizontal="true"
android:layout_marginTop="40dp"
android:background="@drawable/head"/>
2、账号输入框、账号输入框
利用LinearLayout（线性布局）作为账号输入框的外层布局，orientation设置的为水平排列。
放置了一个TextView控件，宽度和高度设置的wrap_content，即适应内容大小，显示文本“账号”。
紧接着放置一个EditText控件，用于输入账号内容，使用layout_toRightOf属性定位于账号的右侧。
<LinearLayout
android:id="@+id/number_11"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/iv"
android:layout_centerVertical="true"
android:layout_marginBottom="5dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginTop="15dp"
android:background="#ffffff"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_number"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="账号:"
android:textColor="#000"
android:textSize="20sp" />
<EditText
android:id="@+id/et_number"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/tv_number"
android:layout_marginLeft="5dp"
android:background="@null"
android:inputType="text"
android:padding="10dp" />
</LinearLayout>
3、密码输入框、密码输入框
最外层依旧是LinearLayout（线性布局），整体放置在上一个LinearLayout的下面，控件排列依然为horizontal（水平）。
放置一个TextView文本显示框，文本内容是“密码”，文本颜色为黑色，文本大小为20sp。
再放置一个EditText文本输入框，inputType设置为textPassword，输入时候会隐藏输入内容，使用*** 代替。
<LinearLayout
android:id="@+id/password_11"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/number_11"
android:layout_centerVertical="true"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:background="#ffffff"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_password"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="密码:"
评论0