登录
当前位置： 首页 > 编程笔记 >

java swing实现QQ账号密码输入框

和魁
2023-03-14
本文向大家介绍java swing实现QQ账号密码输入框，包括了java swing实现QQ账号密码输入框的使用技巧和注意事项，需要的朋友参考一下

本文实例为大家分享了Java swing 仿QQ账号密码输入框，供大家参考，具体内容如下

主要思路是自己定义 AccountPanel 和 PasswordPanel 类，继承JPanel，通过 paintComponent(Graphics g) 方法重绘面板，实现目标样式。

先上效果图

正常显示效果:

鼠标放在控件上时的效果:

腾讯QQ登录界面的账号密码输入部分效果比对:

下面直接给出代码吧

AccountPanel:

import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.RenderingHints;
 
import javax.swing.JPanel;
 
public class AccountPanel extends JPanel{
 
 private static final long serialVersionUID = 1L;
 
 private Color normalc=Color.LIGHT_GRAY;
 private Color borderc=Color.LIGHT_GRAY;
 private boolean flag=false;
 
 public AccountPanel(){}
 
 public AccountPanel(Color normalc,Color borderc){
 this.normalc=normalc;
 this.borderc=borderc;
 }
 
 public void setBorder(boolean flag){
 this.flag=flag;
 }
 
 
 @Override
 public void paintComponent(Graphics g){
 
 super.paintComponent(g);
 
 Graphics2D g2=(Graphics2D) g;
 
 //设置绘图质量
 g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,RenderingHints.VALUE_ANTIALIAS_ON);
 
 //画一个顶部两个角为圆角，底部两个角为直角的矩形
 g2.setColor(Color.white);
 g2.fillRoundRect(0, 0, 190, 30, 10, 10);
 g2.fillRect(0, 10, 190, 17);
 
 //为该矩形添加边框
 if(flag){
  g2.setStroke(new BasicStroke(2.0f));
  g2.setColor(borderc);
  g2.drawArc(1, 1, 10, 10, 180, -90);//绘制圆弧
  g2.drawLine(5, 1, 185, 1);
  g2.drawArc(179, 1, 10, 10, 90, -90);//绘制圆弧
  g2.drawLine(1, 5, 1, 29);
  g2.drawLine(189, 5, 189, 29);
  g2.drawLine(1, 29, 190, 29);
 }
 else{
  g2.setStroke(new BasicStroke(1.0f));
  g2.setColor(normalc);
  g2.drawArc(0, 0, 10, 10, 180, -90);//绘制圆弧
  g2.drawLine(5, 0, 185, 0);
  g2.drawArc(179, 0, 10, 10, 90, -90);//绘制圆弧
  g2.drawLine(0, 5, 0, 30);
  g2.drawLine(189, 5, 189, 30);
  g2.drawLine(0, 30, 190, 30);
 }
 
 }
 
}

PasswordPanel:

import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.RenderingHints;
 
import javax.swing.JPanel;
 
public class PasswordPanel extends JPanel{
 
 private static final long serialVersionUID = 1L;
 
 private Color normalc=Color.LIGHT_GRAY;
 private Color borderc=Color.LIGHT_GRAY;
 private boolean flag=false;
 
 public PasswordPanel(){}
 
 public PasswordPanel(Color normalc,Color borderc){
 this.normalc=normalc;
 this.borderc=borderc;
 }
 
 public void setBorder(boolean flag){
 this.flag=flag;
 }
 
 @Override
 public void paintComponent(Graphics g){
 
 super.paintComponent(g);
 
 Graphics2D g2=(Graphics2D) g;
 
 //设置绘图质量
 g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,RenderingHints.VALUE_ANTIALIAS_ON);
 
 //画一个顶部两个角为圆角，底部两个角为直角的矩形
 g2.setColor(Color.white);
 g2.fillRoundRect(0, 0, 190, 30, 10, 10);
 g2.fillRect(0, 0, 190, 17);
 
 //为该矩形添加边框
 //为该矩形添加边框
 if(flag){
  g2.setStroke(new BasicStroke(2.0f));
  g2.setColor(borderc);
  g2.drawLine(1, 1, 1, 25);
  g2.drawLine(189, 1, 189, 25);
  g2.drawLine(1, 1, 190, 1);
  g2.drawArc(1, 18, 10, 10, 180, 90);//绘制圆弧
  g2.drawArc(179, 18, 10, 10, 270, 90);//绘制圆弧
  g2.drawLine(5, 29, 185, 29);
 }
 else{
  g2.setStroke(new BasicStroke(1.0f));
  g2.setColor(normalc);
  g2.drawLine(0, 0, 0, 25);
  g2.drawLine(189, 0, 189, 25);
  g2.drawLine(0, 0, 190, 0);
  g2.drawArc(0, 18, 10, 10, 180, 90);//绘制圆弧
  g2.drawArc(179, 18, 10, 10, 270, 90);//绘制圆弧
  g2.drawLine(5, 29, 185, 29);
 }
 
 }
}

下面的代码就是主窗体了

Demo1:

import java.awt.Color;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
 
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPasswordField;
import javax.swing.JTextField;
 
 
public class Demo1 {
 
 public static void main(String[] args) {
 
 //初始化窗体
 JFrame frame=new JFrame("My QQ");
 frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
 frame.setSize(300, 200);
 frame.setLocationRelativeTo(null);
 frame.setLayout(null);
 
 //添加账号面板
 AccountPanel accountPanel=new AccountPanel(Color.LIGHT_GRAY,new Color(56,172,239));
 accountPanel.setLayout(null);
 accountPanel.setBounds(30, 15, 190, 30);
 frame.add( accountPanel);
 
 //在账号面板中添加文本框
 JTextField accountTF=new JTextField();
 accountTF.setBounds(7, 0, 153, 30);
 accountTF.setOpaque(false);
 accountTF.setBorder(null);
 accountPanel.add(accountTF);
 
 //在账号面板中的文本框后添加按钮
 JButton jb1=new JButton(new ImageIcon(
  Demo1.class.getClassLoader().getResource("res/images/btn1.png")));
 jb1.setBounds(160, 0, 30, 30);
 jb1.setBorder(null);//取消边框
 jb1.setBorderPainted(false);//不绘制按钮边框
 jb1.setContentAreaFilled(false);//设置按钮背景透明
 jb1.setFocusPainted(false);//设置按钮不绘制焦点状态
 accountPanel.add(jb1);
 
 
 //密码面板
 PasswordPanel passwordPanel=new PasswordPanel(Color.LIGHT_GRAY,new Color(56,172,239));
 passwordPanel.setLayout(null);
 passwordPanel.setBounds(30, 45, 190, 30);
 frame.add( passwordPanel);
 
 //输入密码文本框
 JPasswordField passwordPF=new JPasswordField();
 passwordPF.setBounds(7, 0, 153, 30);
 passwordPF.setOpaque(false);
 passwordPF.setBorder(null);
 passwordPanel.add(passwordPF);
 
 //在账号面板中的文本框后添加按钮
 JButton jb2=new JButton(new ImageIcon(
  Demo1.class.getClassLoader().getResource("res/images/btn2.png")));
 jb2.setBounds(160, 0, 30, 30);
 jb2.setBorder(null);
 jb2.setBorderPainted(false);
 jb2.setContentAreaFilled(false);
 jb2.setFocusPainted(false);
 passwordPanel.add(jb2);
 
 
 //为账号输入框添加鼠标监听器
 MouseAdapter accountListener=new MouseAdapter(){
  @Override
  public void mouseEntered(MouseEvent e) {
  // TODO Auto-generated method stub
  accountPanel.setBorder(true);
  accountPanel.updateUI();
  }
 
  @Override
  public void mouseExited(MouseEvent e) {
  // TODO Auto-generated method stub
  accountPanel.setBorder(false);
  accountPanel.updateUI();
  }
 };
 accountTF.addMouseListener(accountListener);
 jb1.addMouseListener(accountListener);
 
 
 //为密码输入框添加鼠标监听器
 MouseAdapter passwordListener=new MouseAdapter(){
  @Override
  public void mouseEntered(MouseEvent e) {
  // TODO Auto-generated method stub
  passwordPanel.setBorder(true);
  passwordPanel.updateUI();
  }
 
  @Override
  public void mouseExited(MouseEvent e) {
  // TODO Auto-generated method stub
  passwordPanel.setBorder(false);
  passwordPanel.updateUI();
  }
 };
 passwordPF.addMouseListener(passwordListener);
 jb2.addMouseListener(passwordListener);
 
 
 frame.setVisible(true);
 }
 
}

自此，仿QQ登录账号密码输入框就完成了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。

 类似资料：
  • 6.3账号密码

    帐号密码        帐号密码用于保护帐号信息和登录安全，点击修改按钮可以对密码进行修改。 原密码修改 输入当前密码，输入2次您想修改的新密码（符合密码规则）点击确定，修改成功

  • shell脚本实现输入密码显示星号

    本文向大家介绍shell脚本实现输入密码显示星号，包括了shell脚本实现输入密码显示星号的使用技巧和注意事项，需要的朋友参考一下 补充：Shell输入密码时关闭屏幕回显  stty -echo read -p “请输入使用者密码: ” PASS stty echo 这样在输入密码的时候就不会显示了 如果大家感觉以上介绍的不够细致，大家可以参考下这篇文章： Shell脚本中实现把输入的密码转换为*

  • Android 自定义密码输入框实现代码

    本文向大家介绍Android 自定义密码输入框实现代码，包括了Android 自定义密码输入框实现代码的使用技巧和注意事项，需要的朋友参考一下 效果 自定义密码输入框，项目的一个界面需求，我把这个自定义的输入框提取出来作为这次内容的题目。 输入前:   输入后：   输入1个字符就红一个圈圈，很简单的效果。 思路 1.自定义EditText。 2.背景为一个外圆环加内实心圆。 3.edittext

  • 账号密码凭证管理

    网站通常会自己实现一套登录系统，需要账号和密码作为登录信息。使用凭证管理 API 进行账号密码凭证管理，即可方便快捷地实现自动登录，提升用户体验。 凭证管理 API 提供了 PasswordCredential 凭据对象，需要将账号密码信息转换为凭证之后再进行存取操作。 PasswordCredential 实现了 Credetial 的接口。PasswordCredential 初始化传入的对象

  • 若琪账号体系 - 密码

    参数说明 登录之后才能修改密码 字段 类型 必须？ 说明 oldPassword String 是 旧密码 newPassword String 是 新密码 [RokidMobileSDK.account changePasswdWithOldPassword:@"your old pwd" newPassword

  • 账号加密

    账号加密 设置账号加密类型 0：不加密（缺省）1：RSA 2：DES 3：AES Ntalker.getInstance().setEncryption(int encryptionType);

相关阅读

Android 实现仿支付宝的密码均分输入框MySQL修改root账号密码的方法JS实现六位字符密码输入器功能Android制作登录页面并且记住账号密码功能的实现代码写一个密码默认星号，但可以查看密码的输入框

相关文章

Haskell输入和输出Scipy输入和输出Bootstrap 输入框组Bootstrap4 输入框组VBA输入框（InputBox）

相关问答

react.js - react-native/nativebase密码类型的输入框在ios输入卡顿？javascript - vant的密码输入框是否有bug？amh面板安装小松鼠邮件系统不给账号密码？前端 - 有什么账号密码已经泄露检查工具吗？AngularJS-三输入字段电话号码验证

相关工具

九宫格方式输入密码Google输入法四角号码扩展md5和sha加密代码实现Python QQopen-qq

相关文档

Java 密码学教程Python 密码学教程深入理解 OpenStack 网络实现 Neutron手机 QQ 通用 API 文档深度学习入门：基于 Python 的理论与实现
快捷导航： 新手教程 算法原理 架构设计 Java进阶 数据库进阶 大厂专栏 面试经验 编程笔记 编程问答 所有专题 文档资料 工具软件 电子书籍 小牛导航
在线工具： 房贷计算器 个税计算器 Linux命令查询 Json格式化 正则表达式 颜色转换 AES加解密 SHA1加密 MD5加密 毒鸡汤 字数统计 随机密码生成 进制转换 Base64编解码 励志句子
Copyright © 2019-2024 小牛知识库@xnip.cn. All Rights Reserved.