制作QQ登录界面(UI版)

article/2025/9/17 0:38:04

工具: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>

界面效果
在这里插入图片描述


http://chatgpt.dhexx.cn/article/DbBaFsa8.shtml

相关文章

html登录界面

今天是2019年11月14日我第一次注册博客&#xff0c;我把我做的一个登陆界面分享给大家看希望各位大佬指教。 首先是html文件。 1.登录界面html 登录界面 用户名: 密 码: 注册 2.注册界面html。 注册界面 用户名: 输入密码: 确认密码: 立刻注册返回登录 **3.效果图**! 欢迎…

Android仿QQ微信开场导航以及登陆界面

相信大家对于微信等社交应用的UI界面已经都很熟悉了&#xff0c;该UI最值得借鉴的莫过于第一次使用的时候一些列产品介绍的图片&#xff0c;可以左右滑动浏览&#xff0c;最后进入应用&#xff0c;这一效果适用于多种项目中&#xff0c;相信今后开发应用一定会用得到。网路上也…

[练习]QQ登陆界面-测试用例的编写

&#xff08;Test Case&#xff09;是为了实施测试而向被测试系统提供的一组集合&#xff0c; 包括&#xff1a;测试环境、操作步骤、测试数据、预期结果等要素。 一条测试用例最终只有一个结果。 一个功能点至少有一个测试用例。 测试用例数/功能点数 测试的覆盖率&#xf…

web之qq邮箱登录界面

我们可以用css来做这个登录的表格 具体的完整代码实现如下&#xff1a; <!DOCTYPE html> <html> <meta charset"utf-8"> <title>登录qq邮箱</title> <style type"text/css">* {padding: 0;margin: 0;}.content {wid…

转载:QQ登录界面

//:登陆界面代码&#xff1a; package Myjava_QQ; import java.awt.*; import javax.swing.*; import Myjava_QQ.truess; import java.awt.event.*; import java.applet.*; import java.io.BufferedReader; import java.io.FileNotFoundException; import java.io.FileReader; …

模拟QQ登录页面

设计布局 代码体现 <html><head><title>模拟QQ登陆页面.html</title><meta http-equiv"content-type" content"text/html; charsetUTF-8"><style type"text/css">/*上大边框区域*/#main1{/*边框宽度*/wi…

【HTML+CSS+JS】模仿QQ登录界面

目录 前言简介布局思路相关代码颜色渐变动画头像表单区域JS相关 总结 前言 学了HTML、CSS和JS有了一个月了&#xff0c;JS还未学完&#xff0c;偷懒写一个小项目&#xff0c;用了一个下午&#xff0c;顺便巩固一下所学知识。&#xff08;内容比较简陋&#xff0c;适合新手&…

QQ登录界面(Java)

hi~好久不见吖&#xff0c;我又回来啦&#xff0c;dengdengdeng&#xff08;他来了&#xff0c;他来了&#xff0c;他带着他新学的知识来啦&#xff09; 咳咳&#xff0c;只是一个简单的界面&#xff0c;啥也不能干 这段时间我学习了窗体的创建&#xff0c;听老师讲了一会怎么…

Android 高仿QQ 登陆界面

先上图&#xff1a; 下面是布局&#xff1a; <RelativeLayout xmlns:android"http://schemas.android.com/apk/res/android"android:layout_width"match_parent"android:layout_height"match_parent"android:background"drawable/login_…

java实现qq页面登陆界面

先看效果 1.建立包com.QQUI0819 2.在包下建立类 LoginAction package com.QQUI0819;import javax.swing.*; import java.awt.event.*; //首先&#xff0c;编写按钮癿监听器实现类 public class LoginAction implementsActionListener {private int count0;//当前为null,创建后…

QQ登录界面制作

实现简单的QQ登录操作&#xff08;阶段一&#xff09; 学习了java连接数据库后&#xff0c;便想简单的实现一下QQ登录的操作&#xff0c;但是也想拥有一个好看的界面&#xff0c;于是便打算进行界面设计&#xff08;个人喜好不同&#xff0c;不喜勿喷&#xff09;。 因为看起来…

qq 登陆界面怎么测试

主要考察&#xff1a; 测试者是否熟悉各种测试方法&#xff0c;是否有丰富的 App/Web 测试经验&#xff0c;以及相关开发经验&#xff0c;以及 设计 Test case 的能力。 功能测试 (Function test) 1&#xff09;输入正确的用户名和密码&#xff0c;点击提交按钮&#xff0c;验…

QQ用户登陆界面

import java.awt.*; import javax.swing.*;public class Test extends JFrame{//把需要的组件全部在这里定义JLabel bq1;//北部JButton an1,an2,an3; JPanel mb1;//南部JTabbedPane xxk;//中部 选项卡JPanel mb2,mb3,mb4;JLabel bq2,bq3,bq4,bq5;JTextField wbk;JPasswordFie…

qq登陆界面

以下是效果截图&#xff1a; 素材&#xff1a; 以下是源代码&#xff1a; import java.awt.*; import java.awt.event.MouseEvent; import java.awt.event.MouseListener; import javax.swing.*; public class QqClientLogin2 extends JFrameimplements MouseListener{ //北…

制作QQ登录界面

制作QQ登录界面 实验名称实验步骤1.程序大致理解2.代码实现 总结 实验名称 QQ登录界面 实验步骤 1.程序大致理解 在构建UI界面时不要着急动手&#xff0c;首先要考虑准备哪些素材&#xff08;如&#xff1a;图片资源&#xff09;&#xff0c;会用到哪些控件&#xff0c;把步…

qq登录界面

弄了弄qt&#xff0c;就知道为什么产品和程序员关系不好了。。 仿qq做的&#xff0c;感觉和qq差局还是很大&#xff0c;上图*.* 首先肯定是要把图片分成几部分&#xff0c;我分了4个框来处理这些&#xff08;顺便吐槽一下Linux的画图软件&#xff0c;太难收了&#xff09; 下一…

html-QQ登陆界面

初学30节课html的入门课程&#xff0c;花了几个小时模仿了一个qq的登陆界面。 效果图如下&#xff1a; 代码如下&#xff1a; <!DOCTYPE html> <html><head><meta charset"utf-8" /><meta name"viewport" content"width…

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

Android的界面布局建议用xml编写&#xff0c;可有效与java代码隔开&#xff0c;这里采用相对布局RelativeLaout实现QQ登录界面布局 2022版手机QQ登录界面 1.为实现QQ企鹅图标效果&#xff0c;在左侧项目目录下打开app/src/main/res/&#xff0c;将自己准备的qq图案复制后paste(…

css3实现qq制作QQ登陆界面

1.代码 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>QQlogin</title><style type"text/css">#myImg01 {margin-top: 20px;width: 100px;height: 100px;float: left;backgro…

Swing学习----------QQ登录界面制作(二)

素材获取可关注微信公众号&#xff1a;开源IT&#xff0c;后台回复 "素材" 免费获取。 上次把QQ界面的主题框架实现了&#xff0c;但是还没有完成最小化&#xff0c;关闭按钮等的功能&#xff0c;这次重新完善了QQ登录界面的功能&#xff0c;本次更新主要有以下几个…