【AndroidStudio】手机QQ登录界面2022版

Android的界面布局建议用xml编写，可有效与java代码隔开，这里采用相对布局RelativeLaout实现QQ登录界面布局

2022版手机QQ登录界面

1.为实现QQ企鹅图标效果，在左侧项目目录下打开app/src/main/res/，将自己准备的qq图案复制后paste(粘贴)到/drawable文件夹，命名为qqimg(如果自己命名最好也以小写纯英文字母命名不然红线报错)

2.为实现账号和密码输入框的浅灰色圆角样式，在app/src/main/res/drawable右键新建new>DrawableResourceFile,命名为“editviewboader”

新建editviewboader

 在editviewboader.xml中写入代码如下

3. 为了实现圆形登录按钮，在app/src/main/res/drawable右键新建new>DrawableResourceFile,命名为“btnstyle”写入代码如下：

4.添加界面中需要出现的文本内容，“QQ，QQ号/手机号/邮箱”等。

打开app/src/main/res/values/strings.xml,写入代码如下

    test04–2
    TODO
    QQ号/手机号/邮箱
    输入密码
    QQ
    已阅读并同意服务协议和QQ隐私保护指引

5.因为界面中账号与密码的输入框样式是相同的样式style,写一个style来减少代码重复。

打开app/src/main/res/values/themes.xml(有的android版本是style.xml),写入代码如下

6.打开app/src/main/res/layout/activity_main.xml,界面布局代码就在此处编写 

7.效果图：