制作QQ登录界面（UI版）

工具：Android Studio
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/bg"tools:context=".MainActivity"><Buttonandroid:id="@+id/button4"android:layout_width="280dp"android:layout_height="32dp"android:layout_marginEnd="8dp"android:layout_marginLeft="8dp"android:layout_marginRight="8dp"android:layout_marginStart="8dp"android:layout_marginTop="248dp"android:background="@drawable/shape"android:text="登陆"android:textColor="#ffffff"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent" /><EditTextandroid:id="@+id/editText"android:layout_width="280dp"android:layout_height="wrap_content"android:layout_marginEnd="8dp"android:layout_marginLeft="8dp"android:layout_marginRight="8dp"android:layout_marginStart="8dp"android:layout_marginTop="16dp"android:ems="10"android:hint="密码"android:textColorHint="#ffffff"android:inputType="textPassword"android:textColor="#ffffff"android:selectAllOnFocus="false"android:singleLine="false"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/editText3" /><EditTextandroid:id="@+id/editText3"android:layout_width="280dp"android:layout_height="wrap_content"android:layout_marginEnd="8dp"android:layout_marginLeft="8dp"android:layout_marginRight="8dp"android:layout_marginStart="8dp"android:layout_marginTop="130dp"android:ems="10"android:hint="QQ号/手机号/邮箱"android:textColorHint="#ffffff"android:textColor="#ffffff"android:inputType="textPersonName"android:textSize="18sp"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintHorizontal_bias="0.503"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent" /><Buttonandroid:id="@+id/button2"android:layout_width="wrap_content"android:layout_height="23dp"android:layout_marginLeft="42dp"android:layout_marginStart="42dp"android:layout_marginTop="8dp"android:background="@android:color/transparent"android:text="忘记密码？"android:textAllCaps="false"android:textColor="#0066FF"android:textSize="12sp"android:typeface="normal"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/button4" /><Buttonandroid:id="@+id/button3"android:layout_width="wrap_content"android:layout_height="23dp"android:layout_marginEnd="42dp"android:layout_marginRight="42dp"android:layout_marginTop="8dp"android:background="@android:color/transparent"android:text="新用户注册"android:textAllCaps="false"android:textColor="#0066FF"android:textSize="12sp"android:typeface="normal"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintTop_toBottomOf="@+id/button4" /></androidx.constraintlayout.widget.ConstraintLayout>

shape.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><solid android:color="#800066ff" /><corners android:radius="10dp" />
</shape>

界面效果

制作QQ登录界面（UI版）相关推荐

python制作qq登录界面_用Python实现一个最新QQ办公版（TIM）的登录界面
最近,QQ的办公版本--TIM进行了一次更新升级.本次更新升级大幅修改了界面的样式,看起来更加的清爽.简洁和高效了. 这种界面州的先生还是比较喜欢的,没有QQ那么花里胡哨,也比微信那些残缺的功能更加丰 ...
python制作qq登录界面_Python制作一个仿QQ办公版的图形登录界面
最近,QQ的办公版本--TIM进行了一次更新升级.本次更新升级大幅修改了界面的样式,看起来更加的清爽.简洁和高效了. 这种界面州的先生还是比较喜欢的,没有QQ那么花里胡哨,也比微信那些残缺的功能更加丰 ...
python制作qq登录界面_使用Python编写一个QQ办公版的图形登录界面
最近,QQ的办公版本--TIM进行了一次更新升级.本次更新升级大幅修改了界面的样式,看起来更加的清爽.简洁和高效了. 这种界面州的先生还是比较喜欢的,没有QQ那么花里胡哨,也比微信那些残缺的功能更加丰 ...
Android studio制作QQ登录界面
(1)需要一张图片作为QQ头像,因此先找一张图片(png格式)放到drawable文件夹中. (2)分析界面组成部分,整体来看界面分三个部分第一部分:放置一个lmageView控件用于显示头像: ...
Qt5学习笔记之QQ登录界面一：制作界面
目录概述步骤概述 B站发现这个QT教程视频,看了两集感觉讲的不错,上手挺简单.之前也接触过QT,一来是工作中用不到,没有动力.二来看到一堆的函数就头大记不住,什么设置起始坐标.居中.标题等等.没 ...
Swing学习----------QQ登录界面制作（二）
素材获取可关注微信公众号:开源IT,后台回复 "素材" 免费获取. 上次把QQ界面的主题框架实现了,但是还没有完成最小化,关闭按钮等的功能,这次重新完善了QQ登录界面的功能,本次更 ...
Android UI布局—— 仿QQ登录界面
最近,有点空闲的时间就拿QQ登录界面来模仿练手,做了个简单的登录界面.界面一般般吧,不算很漂亮,现在拿出来分享,希望大家一起学习与进步.有什么不足之处,请各位大侠多多赐教,谢谢.这个界面涉及到Line ...
QT学习日志（附：简易计算器，qq登录界面，简易绘图板，植物大战僵尸魔改版项目实践）
目录写在前面实训前一天头文件无法生成项目栏不见了不知道如何发布程序实训第一天(附简易计算器的实现) 自定义命名空间的相关问题关于隐式调用构造函数的问题实训第二天(不附地址薄的实现) 关 ...
QQ登录界面测试用例
QQ登录界面功能点:登录.设置.最小化.关闭.头像.登录-下拉框.登录-软键盘.注册账号.找回密码.记住密码.自动登录.多账号登录.二维码等. 1:查看界面排版是否和UI保持一致; 预期:与UI保持一 ...

制作QQ登录界面（UI版）

制作QQ登录界面（UI版）相关推荐

最新文章

热门文章