目标：
1.掌握Java提供的组件和布局API类。
2.掌握API文档的查询
1.介绍Java的图形界面类
1.awt(包名：java.awt) jdk1.4之前推出的图形界面类
Frame
2.swing(包名：javax.swing)[轻量级组件]
jdk1.4的时候推出的图形界面类
所有的图形界面类的第一个字母是大写J开头的。
JFrmae
跨平台
2.常用的组件类（javax.swing）
容器组件
JFrmae 窗体容器（边框）
JPanel 面板容器（流式）
元素组件
JLabel 标签
JTextField 文本输入框
JPasswordField 密码输入框
JComboBox 下拉框
JCheckBox 复选框
JButton 按钮
javax.swing.JFrame
3.常用的布局类（java.awt）
BorderLayout 边框布局
FlowLayout 流式布局
GridLayout 网格布局
4.实现一个登录界面
1.定义一个类，在类中定义定义主函数和初始化界面的initGUI()方法。
2.在主函数中实例化类的对象，然后调用initGUI方法。
3.在initGUI方法中实例化JFrame类的对象，同时设置JFrame类对象的属性值。
4.给你的容器设置布局方法
5.实例化容器和元素组件，将其添加到窗体上。
6.在initGUI方法的最后一行添加窗体可见的方法。
5.练习
1.QQ登录界面
package lxf0630;
import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.Font;
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JCheckBox;
import javax.swing.JComboBox;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JPasswordField;
//定义一个QQLogin类
public class QQLogin {
// 定义程序的入口主函数
public static void main(String[] args) {
QQLogin qq = new QQLogin();
qq.initGUI();
}
// 定义一个初始化界面的方法
public void initGUI(){
//1.实例化一个JFrame类的对象
JFrame jf = new JFrame();
//2.设置jf对象的属性值
jf.setTitle("QQ登录界面");
jf.setSize(new Dimension(380,295));
jf.setDefaultCloseOperation(3);
jf.setLocationRelativeTo(null);//设置窗体显示在屏幕的中央
jf.setResizable(false);//设置禁止调整窗体的大小
//设置窗体的布局方式为边框布局,窗体默认的布局方式就是边框布局
//jf.setLayout(new BorderLayout());
/******************窗体背景*********************/
//实例化一个图标对象
ImageIcon backgroundImage = new ImageIcon("Images/dxy.jpg");
//实例化一个标签对象，让标签显示图标对象
JLabel backgroundJla = new JLabel(backgroundImage);
//设置标签的起始位置和标签的大小
backgroundJla.setBounds(0, 0, backgroundImage.getIconWidth(), backgroundImage.getIconHeight());
//添加到窗体的LayeredPanel面板的最底层(第二层面板)
jf.getLayeredPane().add(backgroundJla,new Integer(Integer.MIN_VALUE));
//获取窗体的第一层面板
JPanel contentPanel = (JPanel)jf.getContentPane();
//设置第一层面板为透明
contentPanel.setOpaque(false);
/************************************************/
/****************北边的面板*********************/
JPanel northPanel = new JPanel();
northPanel.setOpaque(false);//设置面板为透明
northPanel.setPreferredSize(new Dimension(0,120));
//设置面板的布局方式为边框布局，JPanel默认的布局方式是流式布局
northPanel.setLayout(new BorderLayout());
//实例化一个JLabel的对象，并且让标签上显示图标
JLabel jla = new JLabel("");
//jla.setFont(new Font("楷体",Font.BOLD,36));
//将jla对象添加到northPanel对象上
northPanel.add(jla,BorderLayout.WEST);
//将northPanel添加到jf窗体的北边
jf.add(northPanel,BorderLayout.NORTH);
/**********************************************/
/****************西边的面板*********************/
JPanel westPanel = new JPanel();
westPanel.setOpaque(false);//设置面板为透明
//设置面板的布局方式为流式布局，JPanel默认的布局方式是流式布局
westPanel.setLayout(new FlowLayout());
//实例化一个图标（ImageIcon）对象
ImageIcon image = new ImageIcon("Images/QQ图片.jpg");
//实例化一个JLabel的对象，并且让标签上显示图标
JLabel jlaImage = new JLabel(image);
//将jlaImage对象添加到westPanel对象上
westPanel.add(jlaImage);
//将westPanel添加到jf窗体的西边
jf.add(westPanel,BorderLayout.WEST);
/**********************************************/
/****************中间的面板*********************/
JPanel centerPanel = new JPanel();
centerPanel.setOpaque(false);//设置面板为透明
//设置面板的布局方式为流式布局,靠左侧显示组件，JPanel默认的布局方式是流式布局
centerPanel.setLayout(new FlowLayout(FlowLayout.LEFT,8,5));
//实例化组件类的对象
JComboBox jco = new JComboBox();
//设置组件的大小
jco.setPreferredSize(new Dimension(190,25));
//设置jco对象可以编辑
jco.setEditable(true);
jco.addItem("185002513");
jco.addItem("24589663");
jco.addItem("921546465");
jco.setEditable(true);
//将jco对象添加到centerPanel对象上
centerPanel.add(jco);
//String st2=jco.getToolTipText();
JLabel jbuReg = new JLabel("注册账号");
centerPanel.add(jbuReg);
//JTextField jt=new JTextField(st2);
String s=(String)jco.getSelectedItem();
System.out.println(s);
JPasswordField jpa = new JPasswordField();
//设置组件的大小
jpa.setPreferredSize(new Dimension(190,25));
//将jpa对象添加到centerPanel对象上
centerPanel.add(jpa);
JLabel jbuPwd = new JLabel("找回密码");
centerPanel.add(jbuPwd);
JCheckBox jch1 = new JCheckBox("记住密码");
jch1.setOpaque(false);
JCheckBox jch2 = new JCheckBox("自动登录");
jch2.setOpaque(false);
centerPanel.add(jch1);
centerPanel.add(jch2);
//将centerPanel添加到jf窗体的中间
jf.add(centerPanel,BorderLayout.CENTER);
/**********************************************/
/****************南边的面板*********************/
JPanel southPanel = new JPanel();
southPanel.setOpaque(false);//设置面板为透明
//设置面板的布局方式为流式布局，JPanel默认的布局方式是流式布局
southPanel.setLayout(new FlowLayout());
//实例化一个LoginLestener类的对象
LoginListener l=new LoginListener(jpa,jco);
JButton jbuLogin = new JButton("登 录");
jbuLogin.setPreferredSize(new Dimension(155,30));
//jbuLogin.setFont(new Font("楷体",Font.BOLD,36));
//给事件源对象添加动作监听器方法，绑定事件处理类的对象
jbuLogin.addActionListener(l);
//将jbuLogin对象添加到southPanel对象上
southPanel.add(jbuLogin);
//将southPanel添加到jf窗体的南边
jf.add(southPanel,BorderLayout.SOUTH);
/**********************************************/
//设置窗体为可见的代码一定要放置在最后一行
jf.setVisible(true);
}
}
2.计算器界面
package lxf0627;
import java.awt.BorderLayout;
import java.awt.Container;
import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.Font;
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JComponent;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JMenu;
import javax.swing.JMenuBar;
import javax.swing.JMenuItem;
import javax.swing.JPanel;
import javax.swing.JTextField;
public class Calculator {
public static void main(String[] args) {
Calculator cal = new Calculator();
cal.initUI();
}
public void initUI() {
// 实例化一个JFrame类的对象
JFrame jf = new JFrame();
// 设置窗体对象的属性值
jf.setSize(228, 323);
jf.setTitle("计算器");
jf.setLocationRelativeTo(null);
jf.setResizable(false);
jf.setDefaultCloseOperation(3);
// JFrame默认的布局方式就是边框布局。
/**************** 窗体的北边 *********************/
// 实例化一个JPanel的对象
JPanel panelNorth = new JPanel();
// JPanel默认的布局是流式布局
JTextField jte = new JTextField();
jte.setText("0");
jte.setHorizontalAlignment(JTextField.RIGHT);
//jte.setEditable(false);
jte.setFont(new Font("Arial",Font.BOLD,33));
jte.setPreferredSize(new Dimension(190, 50));
panelNorth.add(jte);
jf.add(panelNorth, BorderLayout.NORTH);
/**************** 窗体的中间 *********************/
// 实例化一个JPanel的对象
JPanel panelCenter = new JPanel();
//设置布局方式
//panelCenter.setLayout(new FlowLayout(FlowLayout.RIGHT,6,6));
// JPanel默认的布局是流式布局
String[] array = { "images/mc.jpg", "images/mr.jpg", "images/ms.jpg",
"images/m+.jpg", "images/_.jpg", "images/ce.jpg",
"images/c.jpg", "images/+-.jpg", "images/7.jpg",
"images/8.jpg", "images/9.jpg", "images/a.jpg",
"images/4.jpg", "images/5.jpg", "images/6.jpg",
"images/星号.jpg", "images/01.jpg", "images/22.jpg",
"images/3.jpg", "images/-.jpg", "images/0.jpg",
"images/小数点.jpg", "images/+.jpg" };
for (int i = 0; i < array.length; i++) {
JButton btn = new JButton(new ImageIcon(array[i]));
if (array[i].equals("images/0.jpg")) {
btn.setPreferredSize(new Dimension(73, 27));
} else {
btn.setPreferredSize(new Dimension(34, 27));
}
// 将按钮添加到panelCenter上
panelCenter.add(btn);
}
// 将panelCenter添加到jf上
jf.add(panelCenter, BorderLayout.CENTER);
// 实例化一个JPanel的对象
JPanel panelEast = new JPanel();
//设置布局方式
panelEast.setLayout(new FlowLayout(FlowLayout.LEFT,0,5));
//设置面板的大小
panelEast.setPreferredSize(new Dimension(48,0));
/**************** 窗体的东边 *********************/
// JPanel默认的布局是流式布局
String[] array2 = { "images/m-.jpg", "images/g.jpg", "images/%1.jpg",
"images/xs.jpg", "images/=.jpg" };
for (int i = 0; i < array2.length; i++) {
JButton btn = new JButton(new ImageIcon(array2[i]));
if (array2[i].equals("images/=.jpg")) {
btn.setPreferredSize(new Dimension(34, 59));
} else {
btn.setPreferredSize(new Dimension(34, 27));
}
// 将按钮添加到panelEast上
panelEast.add(btn);
}
// 将panelEast添加到jf上
jf.add(panelEast, BorderLayout.EAST);
//**************************设置透明*******************************
//实例化标签图片
ImageIcon img = new ImageIcon("images/d.jpg");//加载背景图片
JLabel image1 = new JLabel(img);
//添加图片至Frame的第二层
jf.getLayeredPane().add(image1, new Integer(Integer.MIN_VALUE));
//把标签的大小位置设置为图片刚好填充整个面
image1.setBounds(0,0,img.getIconWidth(), img.getIconHeight());
//获取frame的最上层面板为了设置其背景颜色
Container P4=jf.getContentPane();
//设置透明
((JComponent) P4).setOpaque(false);
panelNorth.setOpaque(false);
panelCenter.setOpaque(false);
panelEast.setOpaque(false);
/**************** 窗体的菜单栏 *********************/
jf.setJMenuBar(createJMenuBar());// 设置窗体的菜单栏对象
jf.setVisible(true);
}
/**
* 创建菜单栏的方法
*
* @return 返回菜单栏对象
*/
public JMenuBar createJMenuBar() {
// 实例化一个JMenuBar的对象
JMenuBar jmb = new JMenuBar();
// 实例化JMenu的对象
JMenu menu1 = new JMenu("查看(V)");
// 实例化JMenuItem的对象
JMenuItem jmi1 = new JMenuItem("标准型(T)");
JMenuItem jmi2 = new JMenuItem("科学型(S)");
JMenuItem jmi3 = new JMenuItem("程序员(P)");
JMenuItem jmi4 = new JMenuItem("工作表(W)");
menu1.add(jmi1);
menu1.add(jmi2);
menu1.add(jmi3);
menu1.add(jmi4);
JMenu menu2 = new JMenu("编辑(E)");
JMenuItem jmi5 = new JMenuItem("复制(C)");
JMenuItem jmi6 = new JMenuItem("粘贴(P)");
JMenuItem jmi7 = new JMenuItem("历史记录(H)");
menu2.add(jmi5);
menu2.add(jmi6);
menu2.add(jmi7);
JMenu menu3 = new JMenu("帮助(H)");
JMenuItem jmi8 = new JMenuItem("查看帮助（V）");
JMenuItem jmi9 = new JMenuItem("关于计算器（A）");
menu3.add(jmi8);
menu3.add(jmi9);
jmb.add(menu1);
jmb.add(menu2);
jmb.add(menu3);
return jmb;
}
}
相关推荐
Java Swing是目前图形界面设计的主流开发工具，《Java Swing图形界面开发与案例详解[1]》从实用的角度出发，通过大量实例全面介绍Java Swing中各种组件的应用及图形界面的开发技术。《Java Swing图形界面开发与案例...
嵌入式Linux图形界面开发徐 蓉《嵌入式Linux图形界面开发》
Java+Swing图形界面开发与案例详解实例代码
Java Swing图形界面开发与案例详解 .王鹏等.扫描版.pdf
Java+Swing图形界面开发与案例详解》实例代码
Java Swing图形界面开发与案例详解及随书实例代码
介绍了通过JAVA进行图形界面开发的相关知识和代码介绍。
《java+swing图形界面开发与案例详解》源代码，最后有一个通讯地址的项目，很好例子
主要介绍了python GUI库图形界面开发之PyQt5浏览器控件QWebEngineView详细使用方法,需要的朋友可以参考下
Java Swing图形界面开发与案例详解源代码 Java Swing图形界面开发与案例详解源代码
[Java Swing图形界面开发与案例详解].王鹏等.扫描版.pdf 是学习Java Swing的好帮手
嵌入式linux图形界面开发介绍.doc
[Java Swing图形界面开发与案例详解].王鹏等.扫描版.pdf 《JavaSwing图形界面开发与案例详解》实例代码.rar
vxWorks下图形界面开发工具Tilcon使用的例子
JAVA+图形界面开发 JAVA+图形界面开发 JAVA+图形界面开发 JAVA+图形界面开发
这是由王鹏 何昀峰 编著的java Swing图形界面开发与案例详解 全书的源代码都在这里 诚实无欺 期望大家多多关注
java swing 图形界面 开发 案例 源码
Java Swing图形界面开发与案例详解全书的随书光盘源代码，是相当不错的Swing图形设计学习资料，一共包括了19章的代码，配合《Java Swing图形界面开发与案例详解》一书学习，效果更好。实例中的大部分代码都有详细...
《Java Swing图形界面开发与案例详解》几乎涵盖了目前Java Swing图形开发必备的所有常用知识，拥有丰富的实例，且这些实例均来自于工程实践，《Java Swing图形界面开发与案例详解》适合Java程序语言的初学者阅读，也...