剧院系统界面之用户界面

今天带来的是用户界面，这个是我们小组的主要战斗力——马某同学写的，我觉得他写的特点就是风格统一，层次清晰。

首先是主界面，这个欢迎试用本系统是左右一直缓慢移动的，很不错

import java.awt.*;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import javax.swing.*;public class MainFrame {GridBagLayout  layout=new  GridBagLayout();GridBagConstraints gbc=new GridBagConstraints();JMenuBar menubar1 = new JMenuBar();JMenu menu1=new JMenu("票务管理");JMenu menu2=new JMenu("会员管理");JMenu menu5=new JMenu("信息服务");JMenu menu6=new JMenu("用户设置");JMenuItem menu1Item1=new JMenuItem("售票");JMenuItem menu1Item2=new JMenuItem("退票");JMenuItem menu2Item1=new JMenuItem("会员注册");JMenuItem menu2Item2=new JMenuItem("信息管理");JMenuItem menu5Item1=new JMenuItem("版本信息");JMenuItem menu5Item2=new JMenuItem("使用帮助");JMenuItem menu6Item1=new JMenuItem("修改密码");JFrame jf=new JFrame("剧院票务管理系统");    static JPanel jp=new JPanel(new GridLayout(1,1));Toolkit kit=Toolkit.getDefaultToolkit();Dimension  screeSize=kit.getScreenSize();static JScrollPane  js;public MainFrame(){ menu1.add(menu1Item1); menu1.add(menu1Item2); menu2.add(menu2Item1); menu2.add(menu2Item2); menu5.add(menu5Item1); menu5.add(menu5Item2); menu6.add(menu6Item1);  menubar1.add(menu1); menubar1.add(menu2); menubar1.add(menu5); menubar1.add(menu6); jf.setJMenuBar(menubar1); jp.add(new BackGround()); jf.add(jp); jf.setSize(screeSize.width, screeSize.height); jf.setVisible(true); jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); menu1Item1.addActionListener(new ActionListener(){public void actionPerformed(ActionEvent e) {    jp.removeAll();jp.updateUI();js=new JScrollPane(new Sell());jp.add(js);}  }); menu1Item2.addActionListener(new ActionListener(){public void actionPerformed(ActionEvent e) {jp.removeAll();jp.updateUI();js=new JScrollPane(new Return());jp.add(js);}  }); menu2Item1.addActionListener(new ActionListener(){public void actionPerformed(ActionEvent e) {jp.removeAll();jp.updateUI();jp.add(new MemberRegister());} }); menu2Item2.addActionListener(new ActionListener(){public void actionPerformed(ActionEvent e) {jp.removeAll();jp.updateUI();jp.add(new InforManage());} }); menu5Item1.addActionListener(new ActionListener(){ public void actionPerformed(ActionEvent e) {jp.removeAll();jp.updateUI();jp.add(new Infor());}  }); menu5Item2.addActionListener(new ActionListener(){public void actionPerformed(ActionEvent e) {jp.removeAll();jp.updateUI();jp.add(new Help());}  });  menu6Item1.addActionListener(new ActionListener(){public void actionPerformed(ActionEvent e) {jp.removeAll();jp.updateUI();jp.add(new ChangeTW());}  }); }}import java.awt.*;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import java.awt.image.ImageObserver;import javax.print.DocFlavor.URL;import javax.swing.*;import 剧院管理界面.MainFrame;public  class BackGround extends JPanel{String text="欢迎使用本系统";Toolkit kit=Toolkit.getDefaultToolkit();Dimension  screeSize=kit.getScreenSize();int x=0;public BackGround(){Timer time=new Timer(500,new ActionListener(){public void actionPerformed(ActionEvent e) {repaint();}});time.start();}protected void paintComponent(Graphics g){int a=MainFrame.jp.getHeight();int y=a/2;ImageIcon icon=new ImageIcon("F:/人机界面第一次设计/成果/Picture/背景.jpg");super.paintComponent(g);g.setColor(Color.RED);g.setFont(new Font("宋体",Font.BOLD,40));ImageObserver ll = null;g.drawImage(icon.getImage(),0,0,MainFrame.jp.getWidth(),MainFrame.jp.getHeight(),ll);g.drawString(text, x, y);if(x>=MainFrame.jp.getWidth()){x=0;}x+=5;}}

然后呢，每个功能键都是

点击上去基本都是如此，执行每个功能后都出现相应的界面，这里先举：

package 剧院管理界面;import java.awt.*;import java.awt.image.ImageObserver;import java.net.URL;import javax.swing.*;import javax.swing.border.EtchedBorder;public class MemberRegister extends JPanel{String[] memberType=new String[]{"普通会员","黄金会员","钻石会员"};JLabel jl1=new JLabel("用户姓名：");JLabel jl2=new JLabel("用户账号：");JLabel jl3=new JLabel("用户类型：");JLabel jl4=new JLabel("用户余额：");JTextField jt1=new JTextField(10);JTextField jt2=new JTextField(10);JTextField jt4=new JTextField(10);JPanel jp1=new JPanel();GridBagLayout layout=new  GridBagLayout();GridBagConstraints gbc=new GridBagConstraints();JPanel jp2=new JPanel(new FlowLayout());JPanel jpanel=new JPanel();JButton button=new JButton("立即注册");JComboBox box = new JComboBox();public MemberRegister(){jl1.setFont(new Font("宋体",Font.ITALIC,20));jl2.setFont(new Font("宋体",Font.ITALIC,20));jl3.setFont(new Font("宋体",Font.ITALIC,20));jl4.setFont(new Font("宋体",Font.ITALIC,20));jt1.setFont(new Font("宋体",Font.ITALIC,20));jt2.setFont(new Font("宋体",Font.ITALIC,20));jt4.setFont(new Font("宋体",Font.ITALIC,20));box.setFont(new Font("宋体",Font.ITALIC,20));button.setFont(new Font("宋体",Font.ITALIC,20));//button.setBorder(BorderFactory.createEtchedBorder(EtchedBorder.LOWERED));button.setBackground(Color.BLUE);for(int i=0;i<memberType.length;i++)box.addItem(memberType[i]);jp1.setLayout(layout);gbc.gridx=0;gbc.gridy=0;gbc.gridwidth=1;gbc.gridheight=1;jp1.add(jl1,gbc);gbc.gridx=1;gbc.gridy=0;gbc.gridwidth=1;gbc.gridheight=1;jp1.add(jt1,gbc);gbc.gridx=0;gbc.gridy=1;gbc.gridwidth=1;gbc.gridheight=1;jp1.add(jl2,gbc);gbc.gridx=1;gbc.gridy=1;gbc.gridwidth=1;gbc.gridheight=1;jp1.add(jt2,gbc);gbc.gridx=0;gbc.gridy=2;gbc.gridwidth=1;gbc.gridheight=1;jp1.add(jl3,gbc);gbc.gridx=1;gbc.gridy=2;gbc.gridwidth=1;gbc.gridheight=1;jp1.add(box,gbc);gbc.gridx=0;gbc.gridy=3;gbc.gridwidth=1;gbc.gridheight=1;jp1.add(jl4,gbc);gbc.gridx=1;gbc.gridy=3;gbc.gridwidth=1;gbc.gridheight=1;jp1.add(jt4,gbc);jp2.add(button);jpanel.setLayout(layout);gbc.gridx=0;gbc.gridy=0;gbc.gridwidth=1;gbc.gridheight=1;jpanel.add(jp1,gbc);gbc.gridx=0;gbc.gridy=1;gbc.gridwidth=1;gbc.gridheight=1;jpanel.add(jp2,gbc);jp1.setOpaque(false);jp2.setOpaque(false);jpanel.setOpaque(false);setLayout(layout);gbc.gridx=0;gbc.gridy=0;gbc.gridwidth=1;gbc.gridheight=1;add(jpanel,gbc);}protected void paintComponent(Graphics g){ImageIcon icon=new ImageIcon("F:/人机界面第一次设计/成果/Picture/主背景.jpg");super.paintComponent(g);ImageObserver ll = null;g.drawImage(icon.getImage(),0,0,MainFrame.jp.getWidth(),MainFrame.jp.getHeight(),ll);}}

这个就是点击会员管理里面的会员注册之后出现的。

那么重点就是接下来的购票

点击票务管理的售票，首先出来的是电影信息界面，点击购买进入选座位界面，在点击需要的座位后，图票由灰色变为绿色，最后点击立即购买计科

import java.awt.*;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import java.awt.event.MouseAdapter;import java.awt.event.MouseEvent;import java.awt.event.MouseListener;import java.awt.image.ImageObserver;import java.net.URL;import java.util.*;import javax.swing.*;import javax.swing.border.EtchedBorder;import javax.swing.event.ListSelectionEvent;public class Sell extends JPanel{Toolkit kit=Toolkit.getDefaultToolkit();Dimension  screeSize=kit.getScreenSize();GridBagLayout layout=new  GridBagLayout();GridBagConstraints gbc=new GridBagConstraints();ImageIcon icon1=new ImageIcon("F:/人机界面第一次设计/成果/Picture/按钮.png");String[] names={"今日上线","放映时间","放映大厅","电影售价","点击购票"};String[][] infor={{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"},{"111","2016-4-3","8号厅","30"}};JLabel[] jl=new JLabel[names.length];JButton[] jb=new JButton[infor.length];JTextField[][] jt=new JTextField[infor.length][infor[0].length];public Sell() {int i=0,j=0;int m=0,n=0;setLayout(layout);for(i=0;i<names.length;i++){gbc.gridx=m;gbc.gridy=n;gbc.gridwidth=1;gbc.gridheight=1;jl[i]=new JLabel(names[i]);jl[i].setOpaque(false);add(jl[i],gbc);m++;}for(i=0;i<infor.length;i++){for(j=0;j<infor[0].length;j++){jt[i][j]=new JTextField(10);jt[i][j].setText(infor[i][j]);jt[i][j].setEditable(false);jt[i][j].setOpaque(false);gbc.gridx=j;gbc.gridy=i+1;gbc.gridwidth=1;gbc.gridheight=1;add(jt[i][j], gbc);}}for(i=0;i<infor.length;i++){gbc.gridx=m-1;gbc.gridy=i+1;gbc.gridwidth=1;gbc.gridheight=1;jb[i]=new JButton("购买");jb[i].setIcon(icon1);jb[i].setHorizontalTextPosition(JButton.CENTER);jb[i].setMargin(new Insets(0,0,0,0));jb[i].addActionListener(new ActionListener(){public void actionPerformed(ActionEvent e) {MainFrame.jp.removeAll();MainFrame.jp.updateUI();JScrollPane js=new JScrollPane(new OnlineSeat());MainFrame.jp.add(js);}});jb[i].setOpaque(false);add(jb[i], gbc);}}protected void paintComponent(Graphics g){int x=screeSize.width;int y=screeSize.height;ImageIcon icon=new ImageIcon("F:/人机界面第一次设计/成果/Picture/主背景.jpg");super.paintComponent(g);g.drawImage(icon.getImage(),0,0,x,y,this);}}import java.awt.Color;import java.awt.Dimension;import java.awt.Font;import java.awt.Graphics;import java.awt.GridBagConstraints;import java.awt.GridBagLayout;import java.awt.Insets;import java.awt.Toolkit;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import javax.swing.BorderFactory;import javax.swing.ImageIcon;import javax.swing.JButton;import javax.swing.JFrame;import javax.swing.JLabel;import javax.swing.JPanel;import javax.swing.SwingConstants;import javax.swing.border.EtchedBorder;public class OnlineSeat extends JPanel{Toolkit kit=Toolkit.getDefaultToolkit();Dimension  screeSize=kit.getScreenSize();static GridBagLayout layout=new  GridBagLayout();static GridBagConstraints gbc=new GridBagConstraints();JButton[][] jb=new JButton[10][10];JLabel[] jl=new JLabel[jb.length];ImageIcon icon1=new ImageIcon("F:/人机界面第一次设计/成果/Picture/座位.png");ImageIcon icon2=new ImageIcon("F:/人机界面第一次设计/成果/Picture/座位1.png");ImageIcon icon3=new ImageIcon("F:/人机界面第一次设计/成果/Picture/立即购买.png");int i,j;JButton buy=new JButton("立即购买");public OnlineSeat(){buy.setIcon(icon3);buy.setHorizontalTextPosition(JButton.LEFT);buy.setBorderPainted(false);buy.addActionListener(new ActionListener(){public void actionPerformed(ActionEvent e) {MainFrame.jp.removeAll();MainFrame.jp.updateUI();MainFrame.jp.add(new SellInfor());}});setLayout(layout);JLabel jlabel=new JLabel("屏幕中央",SwingConstants.CENTER);jlabel.setFont(new Font("",Font.CENTER_BASELINE,30));jlabel.setForeground(Color.gray);for(i=0;i<jb.length;i++){jl[i]=new JLabel("第"+(i+1)+"排");gbc.gridx=0;    gbc.gridy=i+1;    gbc.gridwidth=1;    gbc.gridheight=1;    add(jl[i],gbc);for(j=0;j<jb[0].length;j++){jb[i][j]=new JButton();jb[i][j].setIcon(icon1);jb[i][j].setMargin(new Insets(0,0,0,0));jb[i][j].setOpaque(false);jb[i][j].setBorderPainted(false);jb[i][j].addActionListener(new MyListener());gbc.gridx=j+1;    gbc.gridy=i+1;    gbc.gridwidth=1;    gbc.gridheight=1;    add(jb[i][j],gbc);}gbc.gridx=(j+1)/2;    gbc.gridy=0;    gbc.gridwidth=1;    gbc.gridheight=1;    add(jlabel,gbc);gbc.gridx=(j+1)/2;    gbc.gridy=i+2;    gbc.gridwidth=1;    gbc.gridheight=1;    add(buy,gbc);}}class MyListener implements ActionListener{public void actionPerformed(ActionEvent e) {JButton jb=(JButton) e.getSource();if(jb.getIcon()==icon1)jb.setIcon(icon2);elsejb.setIcon(icon1);}}protected void paintComponent(Graphics g){int x=screeSize.width;int y=screeSize.height;ImageIcon icon=new ImageIcon("F:/人机界面第一次设计/成果/Picture/座位背景.jpg");super.paintComponent(g);g.drawImage(icon.getImage(),0,0,x,y,this);}}

因为有几个界面的模式是和管理员界面的是一样的，这里就不一一列举代码了。有时很多设计都是大同小异的，就是看创新在什么地方。