Desarrollo de interfaz SimQQ

Desarrollo de interfaz SimQQ

LoginUI.Java

Primero que nada para escribir una interfaz, necesitamos usar el formulario.
Aquí usaremos las clases y objetos mencionados anteriormente.
1. Primero cree un paquete con el nombre SimQQ
Inserte la descripción de la imagen aquí
2. Luego cree la primera clase LoginUI
Inserte la descripción de la imagen aquí
3. Defina un método para mostrar el formulario en la clase.
public void showUI(){ }
4. Desarrolle un buen hábito, escriba el método principal a continuación y llame a nuestro método, luego usará la clase y el objeto.

public static void main (String[] args) {
  LoginUI ui = new LoginUI();
  ui.showUI();
  
}

5. Ahora que la base está lista, podemos comenzar un rendimiento real.
En nuestro showUI, primero creamos un formulario, donde usamos la clase incorporada en Java.
JFrame loginFrame = new JFrame();
En este momento, nuestro programa ya tiene una interfaz Haga clic para ejecutar, nos sorprenderá descubrir que no aparece nada.
No se ponga nervioso, esto se debe a que no hemos configurado la forma visible.

   //设置窗体可见
 	loginFrame.setVisible(true);
  加上这一句,窗体就出现了,既然有设置窗体可见与否的方法,那么联想一下,当然就会有设置窗体的大小啊,布局啊等等方法。
  这一句,放在最后,我们把其他的操作,放在它之前,等我们把所有的操作写完之后,再使窗体可见,才会出现我们理想中的效果,如果不这样做,会出现什么呢?
   我们知道,Java的程序执行,一般是从上到下执行,如果你在创建窗体之后立即使窗体可见,你就会立即见到一个干净的窗体,但是你之后进行的操作,就不会再出现,因为它们“错过了”窗体可见的这句方法。
   之后啊我们就可以对这个窗体进行随便的操作啦。
   比如
//设置窗体大小
loginFrame.setSize(500, 900);
//设置窗体的关闭
loginFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
   //设置窗体出现的位置
   loginFrame.setLocationRelativeTo(null);
   这里为什么要写null呢,因为我们可以看到RelativeTo这个词组,也就是和什么有联系的意思,null自然是和什么都没联系的意思,和什么都没联系,那么窗体就居中了。

6. Establezca el diseño del formulario. Aquí usamos el diseño de flujo más simple. Es
lo mismo crear el objeto de diseño de flujo, y luego usar

//设置布局
   FlowLayout layout = new FlowLayout();
   loginFrame.setLayout(layout);
   

7. Agregar imágenes al formulario

//设置图片
	ImageIcon image = new ImageIcon("Bronzeware.png");
	JLabel iconLable = new JLabel(image);
	loginFrame.add(iconLable);

"Bronzeware.png" aquí es la ubicación de una imagen en nuestra computadora. Por supuesto, podemos arrastrar directamente la imagen al eclipse para que no tengamos que encontrar tanto la ubicación. Por supuesto, también puede copiar directamente la ubicación del archivo.

8. Eche un vistazo a nuestra interfaz QQ, ¿qué contiene? Cuadro de cuenta, cuadro de contraseña, botón de inicio de sesión, etc.

Estas clases que se utilizarán se pueden encontrar en nuestra documentación API

//设置账号框
	JTextField name = new JTextField();
	Dimension inputSize = new Dimension(350,40);
	name.setPreferredSize(inputSize);
	name.setText("请输入账号");
	loginFrame.add(name);
	
	
	//设置标签
		JLabel registerLabel2 = new JLabel("注册账号");
		Font font = new Font("宋体", Font.BOLD, 20);
		registerLabel2.setForeground(Color.BLUE);
		registerLabel2.setBackground(Color.WHITE);
		registerLabel2.setFont(font);
	 	loginFrame.add(registerLabel2);
	
	 	
	//设置密码框
	JPasswordField word = new JPasswordField();
	Dimension inputSize2 = new Dimension(350,40);
	word.setPreferredSize(inputSize2);
	word.setText("请输入密码");
	loginFrame.add(word);
	
	
	//设置标签
	JLabel registerLabel = new JLabel("注册账号");
	Font font1 = new Font("宋体", Font.BOLD, 20);
	registerLabel.setForeground(Color.BLUE);
	registerLabel.setBackground(Color.WHITE);
	registerLabel.setFont(font1);
 	loginFrame.add(registerLabel);
 	
 	
 	//设置复选框
 	JCheckBox box = new JCheckBox("记住密码");
 	loginFrame.add(box);
 	JCheckBox box1 = new JCheckBox("自动登陆");
 	loginFrame.add(box1);
 	
 	//设置按钮
 	JButton btn = new JButton("登陆");
 	loginFrame.add(btn);

Después de la operación anterior, probablemente pueda ver una interfaz de inicio de sesión común, pero descubriremos que al hacer clic en el botón en el interior, no sucede nada. Esto se debe a que no se han obtenido las acciones del mouse. Aquí presentaremos un concepto llamado escucha del mouse. .

No voy a entrar en más detalles aquí. El siguiente artículo presentará que, siempre que lo sepa, significa aproximadamente obtener las acciones de nuestro mouse, como hacer clic, soltar, etc.

LoginListener.Java

9. Agregar oyente de mouse

Aquí creamos una nueva clase
Inserte la descripción de la imagen aquí
y

public class LoginListener implements ActionListener{

}

La implementación aquí es el significado de la interfaz. En cuanto a qué es la interfaz, no entraré en detalles. El mismo artículo mencionará más adelante que simplemente se usa para conectarse al oyente de mouse ActionListener.

A continuación comenzamos a escribir nuestro contenido.

public class LoginListener implements ActionListener{
java.lang.String  s="abc";
		//获取输入框的内容
	    String name = input.getText();
	    String word = psd.getText();
	    if(name.equals("123456")&&word.equals("123")) {
	    	System.out.println("登陆成功");
         	Frame.dispose();
//	    	Frame.setVisible(false);
	    	
	    }else {
	    	JOptionPane.showMessageDialog(null, "登陆失败",

	     			"登陆失败", JOptionPane.INFORMATION_MESSAGE);
			System.out.println("登录失败!");
		}
		
	}
}

10. A continuación, agregamos nuestro objeto de escucha en nuestra interfaz, que es LoginUI

//创建监听器
 	LoginListener loginL = new LoginListener();
 	btn.addActionListener(loginL);
 	loginL.input = name;
 	loginL.psd = word;
 	loginL.Frame=loginFrame;

Haga clic en Ejecutar, nuestra sencilla interfaz de inicio de sesión está completa ~

Ahora para ordenar las ideas, aquí definimos dos clases, una es la clase de interfaz, la otra es la clase de escucha, establecemos el estilo de nuestra interfaz en la clase de interfaz y luego escribimos nuestro método de escucha en la clase de escucha Agregue el objeto de clase de escucha a la clase de interfaz y llámelo, y listo.

terminado

13 artículos originales publicados · Me gusta1 · Visitas 306

Supongo que te gusta

Origin blog.csdn.net/Alagagaga/article/details/103091836
Recomendado
Clasificación