Android初探之QQ登录界面

来源:互联网 发布:plc编程软件怎么下载 编辑:程序博客网 时间:2024/06/05 11:57

今天我们来做一个QQ登录界面的UI。

首先我们看下最终的界面效果:
请输入图片描述

可以先画个图分析一下:
请输入图片描述

1.从图中可以分析出这是一个垂直线性布局。我们先创建一个android项目,然后建将布局改为垂直线性布局。代码:
请输入图片描述

2.接着是将QQ的图标导入项目中,这里用到的是import导入图片。在布局中添加一个 Imageview控件,imageview中有一个属性是src 用来设置图片的路径。代码:
请输入图片描述

3.再添加两个edittext控件用来实现账号及密码的输入框。这里有一个edittext的属性inputtype设置文本输入的类型,密码框我们可以设置成textpassword。代码:
请输入图片描述

4.下面是一个“记住密码代码:
请输入图片描述

至此我们的QQ登录界面UI就算是简单的做好了。效果如图:
请输入图片描述

以上,第一次写,望多支持!

0 0