【Android Demo】QQ登陆界面（一）

之前以及实现了QQV.0.8.4115的登陆界面，现在来总结一下，并且回顾一下用到过的东西。

<————最终的代码在文章最后贴出来————>

先上图：
【原图】

QQLogin_0.jpg

【图一】

QQLogin_1.PNG

【图二】

QQLogin_2.PNG

现在开始敲

一、首先设计QQ登陆界面的布局：

1、我们采用RelativeLayout相对布局进行整体布局的规划

2、然后是QQ图标：

1. id的设置，方便代码中的引用，也方便其他控件的定位
2. 其他都根据自己的喜欢慢慢调

3、QQ图标的下面是账号栏：

1. ImageView是用来显示QQ头像
2. EditText文本框用显示QQ帐号的
3. Spinner（下拉列表）是存放的QQ帐号的，便于QQ账号的替换
   【注】以上控件的信息，目前是用的数组实现，打算之后用链表敲一下
4. android:background="@drawable/editview"这个是我写的椭圆边框+灰色背景，代码如下：

【注】代码中的android:color="@color/colorGray"是在value下colors的代码中改变的，贴一下代码：

    #008577
    #00574B
    #D81B60
    #FC6F6E6E
    #FBFCFB
    #010E01
    #72C7CAC7
    #F21F62F0
    #BDBBBB

4、接下来是密码框

1. ImageButton用来改变密码的状态（显示密文/隐藏密文），也用了一个边框android:background="@drawable/touxiang"（但作用不明显）
2. EditText用于用户输入密码，也同样是用的上面的椭圆边框

5、这个版本的QQ登陆按钮比较特别，一个圆形的按钮，之前试过写圆形框来实现，后来发现巨丑，无赖之下只有扣图了

1、android:background="@drawable/button"是我写的圆形边框,以下是代码

6、最后是忘记密码和用户注册栏：

1. 里面的加粗文字，本来是用超链接实现，之前试过，没成功，所以目前的还没学会

好，这就是QQ登陆界面的简单实现！！！

贴一下全部代码：