图像界面变成简单小例子之一

效果图集中一览

1.实现效果：

代码实现：

package com.hanshunpin.java32;

import javax.swing.*;

import java.awt.*;
public class Demo01 extends JFrame{

	/**
	 * @param args
	 */
	JPanel jp1,jp2,jp3;
	JButton jb1,jb2;
	JTextField jtf;
	JPasswordField jpf;
	JLabel jl1,jl2;
	public static void main(String[] args) {
		// TODO Auto-generated method stub
		Demo01 demo01=new Demo01();
	}
	public Demo01(){
		jp1=new JPanel();
		jp2=new JPanel();
		jp3=new JPanel();
		
		jb1=new JButton("确认");
		jb2=new JButton("取消");
		
		jl1=new JLabel("管理员");
		jl2=new JLabel("密    码");
		
		jtf=new JTextField(15);
		
		jpf=new JPasswordField(15);
		
		jp1.add(jl1);
		jp1.add(jtf);
		
		jp2.add(jl2);
		jp2.add(jpf);
		
		jp3.add(jb1);
		jp3.add(jb2);
		
		this.add(jp1, BorderLayout.NORTH);
		this.add(jp2, BorderLayout.CENTER);
		this.add(jp3, BorderLayout.SOUTH);
		
		this.setTitle("会员管理系统1");
		this.setSize(300,150);
		this.setLocation(400, 400);
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		
		this.setVisible(true);
		
	}

}

2.实现效果

代码实现

package com.hanshunpin.java32;

import javax.swing.*;

import java.awt.*;
public class Demo0102 extends JFrame{

	/**
	 * @param args
	 */
	JPanel jp1,jp2,jp3;
	JButton jb1,jb2;
	JTextField jtf;
	JPasswordField jpf;
	JLabel jl1,jl2;
	public static void main(String[] args) {
		// TODO Auto-generated method stub
		Demo0102 demo01=new Demo0102();
	}
	public Demo0102(){
		jp1=new JPanel();
		jp2=new JPanel();
		jp3=new JPanel();
		
		jb1=new JButton("确认");
		jb2=new JButton("取消");
		
		jl1=new JLabel("管理员");
		jl2=new JLabel("密    码");
		
		jtf=new JTextField(15);
		
		jpf=new JPasswordField(15);
		
		jp1.add(jl1);
		jp1.add(jtf);
		
		jp2.add(jl2);
		jp2.add(jpf);
		
		jp3.add(jb1);
		jp3.add(jb2);
		
		this.setLayout(new GridLayout(3,1));
		
		this.add(jp1);
		this.add(jp2);
		this.add(jp3);
		
		this.setTitle("会员管理系统2");
		this.setSize(300,150);
		this.setLocation(400, 400);
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		
		this.setVisible(true);
		
	}

}

代码一和代码二的区别：

代码一使用的是Borderl，代码二使用的是GridLayout

文本框：JTextField
密码框：JPasswordField
标签：JLable

3.实现效果

代码实现

//复选框和单选框
package com.hanshunpin.java32;
import javax.swing.*;

import java.awt.*;
public class Demo02 extends JFrame{

	JPanel jp1,jp2,jp3;
	JButton jb1,jb2;
	JRadioButton jrb1,jrb2;
	JLabel jl1,jl2;
	JCheckBox jcb1,jcb2,jcb3;
	ButtonGroup bg;
	public static void main(String[] args) {
		// TODO Auto-generated method stub
		Demo02 demo02=new Demo02();
	}
	public Demo02(){
		jp1=new JPanel();
		jp2=new JPanel();
		jp3=new JPanel();
		
		jb1=new JButton("注册用户");
		jb2=new JButton("取消用户");
		
		jl1=new JLabel("你最喜欢的运动");
		jl2=new JLabel("你的性别");
		
		jrb1=new JRadioButton("男");
		jrb2=new JRadioButton("女");
		jrb1.setSelected(true);
		
		jcb1=new JCheckBox("足球");
		jcb2=new JCheckBox("篮球");
		jcb3=new JCheckBox("网球");
		
		bg=new ButtonGroup();
		
		bg.add(jrb1);
		bg.add(jrb2);
		
		jp1.add(jl1);
		jp1.add(jcb1);
		jp1.add(jcb2);
		jp1.add(jcb3);
		
		jp2.add(jl2);
		jp2.add(jrb1);
		jp2.add(jrb2);
		
		
		jp3.add(jb1);
		jp3.add(jb2);
		
		this.setLayout(new GridLayout(3,1));
		
		this.add(jp1);
		this.add(jp2);
		this.add(jp3);
		
		this.setTitle("注册界面");
		this.setSize(300,150);
		this.setLocation(400, 400);
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		
		this.setVisible(true);
		
		
		
	}

}

                jrb1=new JRadioButton("男");
jrb2=new JRadioButton("女");

jrb1.setSelected(true);//设置一个单选按钮默认为选中状态

                bg.add(jrb1);              //创建一个ButtonGroup，将单选按钮加入其中
bg.add(jrb2);

                jp2.add(jrb1);             //将单选按钮加入到JPanel中，而不是加入到ButtonGroup中
jp2.add(jrb2);

复选框组件：JCheckBox
单选框组件：JRadioButton
注意事项：同一组单选按钮必须先创建ButtonGroup，然后把单选框组件放入到ButtonGroup

4.实现效果

实现代码

package com.hanshunpin.java32;

import java.awt.GridLayout;

import javax.swing.JComboBox;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JList;
import javax.swing.JPanel;
import javax.swing.JScrollPane;

public class Demo03 extends JFrame {

	JLabel jl1, jl2;
	JComboBox jcb;
	JList jlist;
	JScrollPane jsp;
	JPanel jp1, jp2;

	public static void main(String[] args) {
		// TODO Auto-generated method stub
		Demo03 demo03 = new Demo03();
	}

	public Demo03() {
		jp1 = new JPanel();
		jp2 = new JPanel();
		
		jl1 = new JLabel("你的籍贯");
		jl2 = new JLabel("你喜欢去旅游的地区");
		
		String[] province = { "北京", "上海", "河南", "湖北", "天津" };
		String[] area = { "长城", "故宫", "天安门", "九寨沟", "泰山" };
		jcb = new JComboBox(province);
		jcb.setSelectedIndex(0);
		jlist = new JList(area);
		jsp = new JScrollPane(jlist);
		// 设置你希望显示多少个选项
		jlist.setVisibleRowCount(3);
		
		// 可编辑下拉框
		// jcb.setEditable(true);

		jp1.add(jl1);
		jp1.add(jcb);

		jp2.add(jl2);
		jp2.add(jsp);

		this.setLayout(new GridLayout(3, 1));
		this.add(jp1);
		this.add(jp2);

		this.setTitle("下拉选择");
		this.setSize(400, 300);
		this.setLocation(400, 400);
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

		this.setVisible(true);

	}

}

知识点：

下拉框组件：JComboBox
列表框组件：JList
滚动窗口组件：JScrollPane

注意事项：

一般来说，列表框组件+滚动窗口组件是结合使用的，目的是让列表框中的选项可以有滚动条支持

JComboBox的使用：

JComboBox jcb;
String[] province = { "北京", "上海", "河南", "湖北", "天津" };
jcb = new JComboBox(province);
jcb.setSelectedIndex(0);
jcb.setEditable(true);

JList的使用：
JList jlist;
JScrollPane jsp;
String[] area = { "长城", "故宫", "天安门", "九寨沟", "泰山" };
jlist = new JList(area);
jsp = new JScrollPane(jlist);
jlist.setVisibleRowCount(3);