概述
创新互联建站致力于互联网品牌建设与网络营销，包括成都做网站、网站制作、SEO优化、网络推广、整站优化营销策划推广、电子商务、移动互联网营销等。创新互联建站为不同类型的客户提供良好的互联网应用定制及解决方案，创新互联建站核心团队十载专注互联网开发，积累了丰富的网站经验，为广大企业客户提供一站式企业网站建设服务，在网站建设行业内树立了良好口碑。
具体框架使用jframe，文本框组件：JTextField；密码框组件：JPasswordField；标签组件：JLabel；复选框组件：JCheckBox；单选框组件：JRadioButton；按钮组件JButton。
登录界面：
代码实例
import javax.swing.*;
import java.awt.*; //导入必要的包
public class denglu extends JFrame{
JTextField jTextField ;//定义文本框组件
JPasswordField jPasswordField;//定义密码框组件
JLabel jLabel1,jLabel2;
JPanel jp1,jp2,jp3;
JButton jb1,jb2; //创建按钮
public denglu(){
jTextField = new JTextField(12);
jPasswordField = new JPasswordField(13);
jLabel1 = new JLabel("用户名");
jLabel2 = new JLabel("密码");
jb1 = new JButton("确认");
jb2 = new JButton("取消");
jp1 = new JPanel();
jp2 = new JPanel();
jp3 = new JPanel();
//设置布局
this.setLayout(new GridLayout(3,1));
jp1.add(jLabel1);
jp1.add(jTextField);//第一块面板添加用户名和文本框
jp2.add(jLabel2);
jp2.add(jPasswordField);//第二块面板添加密码和密码输入框
jp3.add(jb1);
jp3.add(jb2); //第三块面板添加确认和取消
// jp3.setLayout(new FlowLayout()); //因为JPanel默认布局方式为FlowLayout，所以可以注销这段代码.
this.add(jp1);
this.add(jp2);
this.add(jp3); //将三块面板添加到登陆框上面
//设置显示
this.setSize(300, 200);
//this.pack();
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
this.setVisible(true);
this.setTitle("登陆");
}
public static void main(String[] args){
new denglu();
}
}
拓展内容
java swing包
Swing 是一个为Java设计的GUI工具包。
Swing是JAVA基础类的一部分。
Swing包括了图形用户界面（GUI）器件如：文本框，按钮，分隔窗格和表。
Swing提供许多比AWT更好的屏幕显示元素。它们用纯Java写成，所以同Java本身一样可以跨平台运行，这一点不像AWT。它们是JFC的一部分。它们支持可更换的面板和主题（各种操作系统默认的特有主题），然而不是真的使用原生平台提供的设备，而是仅仅在表面上模仿它们。这意味着你可以在任意平台上使用JAVA支持的任意面板。轻量级组件的缺点则是执行速度较慢，优点就是可以在所有平台上采用统一的行为。
概念解析：
JFrame – java的GUI程序的基本思路是以JFrame为基础，它是屏幕上window的对象，能够最大化、最小化、关闭。
JPanel – Java图形用户界面(GUI)工具包swing中的面板容器类，包含在javax.swing 包中，可以进行嵌套，功能是对窗体中具有相同逻辑功能的组件进行组合，是一种轻量级容器，可以加入到JFrame窗体中。。
JLabel – JLabel 对象可以显示文本、图像或同时显示二者。可以通过设置垂直和水平对齐方式，指定标签显示区中标签内容在何处对齐。默认情况下，标签在其显示区内垂直居中对齐。默认情况下，只显示文本的标签是开始边对齐；而只显示图像的标签则水平居中对齐。
JTextField –一个轻量级组件，它允许编辑单行文本。
JPasswordField – 允许我们输入了一行字像输入框，但隐藏星号(*) 或点创建密码(密码)
JButton – JButton 类的实例。用于创建按钮类似实例中的 "Login"。
对于窗口的左侧部分,存在几种可能, 1: 可能是工具栏里的按钮 2: 可能是选项卡 3: 一个按钮
三种可能性我写了三种参考代码.(建议对问题的描述更加清晰,这样可以得到更贴切的回答)
参考代码一(选项卡)
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class TabbedPaneDemo extends JFrame {
public TabbedPaneDemo() {
initMenuBar();//初始化菜单
JPanel jp1 = new JPanel();
jp1.setBackground(Color.RED);
JPanel jp2 = new JPanel();
jp2.setBackground(Color.BLUE);
JPanel jp3 = new JPanel();
jp3.setBackground(Color.GREEN);
JTabbedPane jtp = new JTabbedPane(JTabbedPane.LEFT);//选项卡面板,选项卡标题靠右
jtp.add("选项卡一", jp1);
jtp.add("选项卡二", jp2);
jtp.add("选项卡三", jp3);
add(jtp);
setSize(300, 200);//窗口大小
setLocationRelativeTo(null);//居中
setDefaultCloseOperation(EXIT_ON_CLOSE);//点击关闭按钮就退出
}
private void initMenuBar() {
JMenuBar jmb = new JMenuBar();
JMenu jm1=new JMenu("系统");
JMenuItem item1=new JMenuItem("退出");
item1.addActionListener(new ActionListener() {
@Override
public void actionPerformed(ActionEvent e) {
System.exit(0);//点击退出 菜单项时, 结束程序
}
});
jm1.add(item1);
JMenu jm2 = new JMenu("帮助");
jmb.add(jm1);
jmb.add(jm2);
setJMenuBar(jmb);//设置本窗口的菜单栏
}
public static void main(String[] args) {
SwingUtilities.invokeLater(new Runnable() {
public void run() {
new TabbedPaneDemo().setVisible(true);//创建窗口并设置可见
}
});
}
}
参考代码二(工具栏)
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
// 主窗口 继承自JFrame
public class DemoFrame extends JFrame implements ActionListener {
JTextPane jtpInfo;
JPanel jpCenter;
static final String[] INFO = { "星型结构是最古老的一种连接方式。", "环型结构在LAN中使用较多。" };
// 构造器
public DemoFrame() {
initMenuBar();// 菜单栏的初始化
initComponent();// 组件的初始化
initToolBar();// 工具栏的初始化
initFrame();// 窗口的设置
}
private void initFrame() {// 窗口的设置
setTitle("窗口标题");
setSize(500, 420);
setLocationRelativeTo(null);
setDefaultCloseOperation(EXIT_ON_CLOSE);
}
private void initComponent() {// 组件初始化
jtpInfo = new JTextPane();
jpCenter = new JPanel();
jpCenter.setBackground(Color.CYAN);
jpCenter.add(new JTextField(8));
jpCenter.add(new JButton("确认"));
}
private void initToolBar() {// 初始化工具栏
JToolBar jtb = new JToolBar("工具栏", JToolBar.VERTICAL);
JButton jb1 = new JButton("星型拓扑");
jb1.addActionListener(this);
JButton jb2 = new JButton("环形拓扑");
jb2.addActionListener(this);
JButton jb3 = new JButton("其他资料");
jb3.addActionListener(this);
jtb.add(jb1);
jtb.add(jb2);
jtb.add(jb3);
add(jtb, BorderLayout.WEST);
}
// 初始化菜单栏,并添加事件响应机制
private void initMenuBar() {
JMenuBar jmb = new JMenuBar();
JMenu jm1 = new JMenu("系统");
JMenuItem item1 = new JMenuItem("新建");
item1.addActionListener(this);// 给菜单项要添加Action事件的响应器,本来实现了ActionListener接口,所以直接添加本类作为响应器
JMenuItem item2 = new JMenuItem("退出");
item2.addActionListener(this);
jm1.add(item1);
jm1.addSeparator();// 两个菜单项中间的分割线
jm1.add(item2);
JMenu jm2 = new JMenu("帮助");
// 给菜单要添加鼠标事件响应器
jm2.addMouseListener(new MouseAdapter() {
@Override
public void mousePressed(MouseEvent e) {// (鼠标按下时)弹出对话框
JOptionPane.showMessageDialog(null, "版本Ver1.0\n使用说明:关于网络的拓扑结构");
;
}
});
jmb.add(jm1);
jmb.add(jm2);
setJMenuBar(jmb);// 设置窗口的菜单栏
}
// 实现ActionListener接口,需要重写的方法
@Override
public void actionPerformed(ActionEvent e) {
String cmd = e.getActionCommand();// 通过按钮的Command来判断是哪一个按钮被点击了
if (cmd.equals("新建")) {
JOptionPane.showMessageDialog(null, "新建菜单项被点击了");
// do something
} else if (cmd.equals("退出")) {
System.exit(0);
} else if (cmd.equals("星型拓扑")) {
remove(jpCenter);// 删除组件
add(jtpInfo);// 添加文本组件
jtpInfo.setText(INFO[0]);// 设置文字
SwingUtilities.updateComponentTreeUI(this);// 刷新
} else if (cmd.equals("环形拓扑")) {
remove(jpCenter);
add(jtpInfo);
jtpInfo.setText(INFO[1]);
SwingUtilities.updateComponentTreeUI(this);
} else if (cmd.equals("其他资料")) {
remove(jtpInfo);
add(jpCenter);
SwingUtilities.updateComponentTreeUI(this);
} else {
System.out.println(cmd);
}
}
// main方法,程序入口
public static void main(String[] args) {
SwingUtilities.invokeLater(new Runnable() {
public void run() {
new DemoFrame().setVisible(true);
}
});
}
}
参考代码三
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class SimpleDemo extends JFrame implements ActionListener{
JPanel jp1;
public SimpleDemo() {
initMenuBar();
JPanel jpWest = new JPanel();
JButton jb = new JButton("拓扑");
jb.addActionListener(this);
jpWest.add(jb);
jp1 = new JPanel();
jp1.setBackground(Color.RED);
jp1.setVisible(false);
add(jp1);
add(jpWest, BorderLayout.WEST);
setSize(300, 200);// 窗口大小
setLocationRelativeTo(null);// 居中
setDefaultCloseOperation(EXIT_ON_CLOSE);// 点击关闭按钮就退出
}
private void initMenuBar() {
JMenuBar jmb = new JMenuBar();
JMenu jm1 = new JMenu("系统");
JMenuItem item1 = new JMenuItem("退出");
item1.addActionListener(new ActionListener() {
@Override
public void actionPerformed(ActionEvent e) {
System.exit(0);// 点击退出 菜单项时, 结束程序
}
});
jm1.add(item1);
JMenu jm2 = new JMenu("帮助");
jmb.add(jm1);
jmb.add(jm2);
setJMenuBar(jmb);// 设置本窗口的菜单栏
}
public static void main(String[] args) {
SwingUtilities.invokeLater(new Runnable() {
public void run() {
new SimpleDemo().setVisible(true);// 创建窗口并设置可见
}
});
}
@Override
public void actionPerformed(ActionEvent e) {
jp1.setVisible(!jp1.isVisible());
}
}
import java.awt.*;
import java.awt.event.*;
import java.io.*;
import javax.swing.*;
public class ReadBook extends JFrame {
JTextArea jta;
JTextField jtf;
JButton jb;
public ReadBook() {
jta = new JTextArea();
jtf = new JTextField(30);
jtf.setText("文件保存路径如c:\\ab.txt");
jb = new JButton("保存文字");
JPanel jp = new JPanel();
jp.add(jtf);
jp.add(jb);
add(jta);
add(jp, BorderLayout.SOUTH);
setBounds(500, 100, 500, 380);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setVisible(true);
jb.addActionListener(new ActionListener() {
@Override
public void actionPerformed(ActionEvent e) {
//-------------核心代码---------
String path = jtf.getText();
File f = new File(path);
String txt = jta.getText().replaceAll("\n", "\r\n");
try {
BufferedWriter bw = new BufferedWriter(new FileWriter(f));
bw.write(txt);//写入文件中
bw.close();
} catch (Exception e1) {
e1.printStackTrace();
}
//-------------核心代码---------
}
});
}
public static void main(String[] args) {
new ReadBook();
}
}
import java.awt.BorderLayout;
import java.awt.Container;
import java.awt.FlowLayout;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JPasswordField;
import javax.swing.JTextField;
public class Login {
private JFrame frame = new JFrame("登录");
private Container c = frame.getContentPane();
private JTextField username = new JTextField();
private JPasswordField password = new JPasswordField();
private JButton ok = new JButton("确定");
private JButton cancel = new JButton("取消");
public Login(){
frame.setSize(300,200);
c.setLayout(new BorderLayout());
initFrame();
frame.setVisible(true);
}
private void initFrame() {
//顶部
JPanel titlePanel = new JPanel();
titlePanel.setLayout(new FlowLayout());
titlePanel.add(new JLabel("系统管理员登录"));
c.add(titlePanel,"North");
//中部表单
JPanel fieldPanel = new JPanel();
fieldPanel.setLayout(null);
JLabel l1 = new JLabel("用户名:");
l1.setBounds(50, 20, 50, 20);
JLabel l2 = new JLabel("密 码:");
l2.setBounds(50, 60, 50, 20);
fieldPanel.add(l1);
fieldPanel.add(l2);
username.setBounds(110,20,120,20);
password.setBounds(110,60,120,20);
fieldPanel.add(username);
fieldPanel.add(password);
c.add(fieldPanel,"Center");
//底部按钮
JPanel buttonPanel = new JPanel();
buttonPanel.setLayout(new FlowLayout());
buttonPanel.add(ok);
buttonPanel.add(cancel);
c.add(buttonPanel,"South");
}
public static void main(String[] args){
new Login();
}
}
一: 首先弄清题目的意思
A.需要的主要组件列表:
1. 创建一个窗口,窗口标题叫Information
2. 3个标签, 用于显示文字 Name Number Class
3. 3个文本框, 用于填写信息
4. 1个按钮, 文字是确认
5. 1个文本域
B.业务逻辑
1. 当点击按钮确认的时候, 把 文本框的信息显示到文本域
C.设计的主要技术
JLabel , JButton, JTextField ...等, 都是swing的组件 , 所以应该使用swing进行创建
二: 确定使用的布局
swing虽然重写了大部分的组件, 但是布局, 依旧沿袭awt技术
分析图片上的布局:
至少有2种方法可以实现,
方法一: 绝对布局 , 优点: 配合可视化GUI拖曳, 可以完美的实现图上的组件的位置
但是缺点也是致命的, 不同的操作系统平台下, 可能会出现位置的移动,
只适合开发平台, 移植效果差 . 所以不推荐使用
方法二: 灵活的表格布局, 配合流式布局 , 所有操作系统下,显示效果都比较统一.
三: 效果图
四: 参考代码
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class FrameDemo extends JFrame {
//申明需要的组件
private final JTextField jtf1,jtf2,jtf3;
private final JTextArea jta;
public FrameDemo() {
setTitle("Information");//设置窗口标题
setSize(320, 360);//设置窗口大小
setLocationRelativeTo(null);//设置窗口居中
setDefaultCloseOperation(EXIT_ON_CLOSE);//设置关闭时退出虚拟机
getContentPane().setLayout(new FlowLayout());//设置窗口布局为流式布局
JPanel jp = new JPanel(new GridLayout(4, 2));//设置jp面板为表格布局4行2列
//第一行
JPanel jp01 = new JPanel();
JLabel jl1 = new JLabel("Name:");
jp01.add(jl1);
JPanel jp1 = new JPanel();
jtf1 = new JTextField(8);
jp1.add(jtf1);
//第二行
JPanel jp02 = new JPanel();
JLabel jl2 = new JLabel("Number:");
jp02.add(jl2);
JPanel jp2 = new JPanel();
jtf2 = new JTextField(8);
jp2.add(jtf2);
//第三行
JPanel jp03 = new JPanel();
JLabel jl3 = new JLabel("Class:");
jp03.add(jl3);
JPanel jp3 = new JPanel();
jtf3 = new JTextField(8);
jp3.add(jtf3);
//第四行
JPanel jp04 = new JPanel();
JLabel jl4 = new JLabel("");
jp04.add(jl4);
JPanel jp4 = new JPanel();
JButton jb = new JButton("确认");
jp4.add(jb);
jp.add(jp01);
jp.add(jp1);
jp.add(jp02);
jp.add(jp2);
jp.add(jp03);
jp.add(jp3);
jp.add(jp04);
jp.add(jp4);
getContentPane().add(jp);
jta = new JTextArea();
jta.setColumns(20);//设置文本域的大小
jta.setEditable(false);//设置文本域不可编辑
jta.setBackground(jp.getBackground());//设置文本域的背景色和面板一样
getContentPane().add(jta);
jb.addActionListener(new ActionListener() {//给按钮添加事件
public void actionPerformed(ActionEvent e) {//点击按钮,显示信息到文本域
String name = jtf1.getText();
String number = jtf2.getText();
String clazz = jtf3.getText();
jta.setText("You name is "+name+" number is "+number+" class is "+clazz);
}
});
}
public static void main(String[] args) {
new FrameDemo().setVisible(true);//创建窗口,被设置为可见
}
}
五: 拓展
虽然图形界面的实现方法是多样的, 我们一定要根据具体情况, 选择一个比较优化的 合理的, 符合业务逻辑的实现方法