JAVA实现网络对战带技能五子棋(一)——图形界面设计(下)

JAVA实现网络对战带技能五子棋(一)——图形界面设计(下)

Jpanel、标签、按钮设置

首先进入上篇中Demo.java的Design界面,可以直接将左边工具栏中的组件拖至界面,并且可以编辑所选定组件的属性(布局、名称、背景色、内容等)
JAVA实现网络对战带技能五子棋(一)——图形界面设计(下)_第1张图片
在这里为了方便自由摆放组件,我将上图中主面板Layout设置为Absolute Layout。然后将Jpanel、标签、按钮拖入界面,并设置好属性,界面更改后代码也会同步更改。初始化部分的代码与效果如下:

    public JLabel l1 = new JLabel();     //提示内容
	/**
	 * Initialize the contents of the frame.
	 */
	private void initialize() {
     
		frame = new JFrame();
		frame.getContentPane().setBackground(new Color(250, 250, 210));
		frame.setBounds(100, 100, 800, 600);
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		
		JPanel panel = new JPanel();
		panel.setForeground(new Color(0, 0, 0));
		panel.setBackground(new Color(238, 232, 170));
		frame.getContentPane().add(panel, BorderLayout.CENTER);
		panel.setLayout(null);
		
		JButton okbn = new JButton("\u51C6\u5907");
		okbn.setFont(new Font("楷体", Font.PLAIN, 17));
		okbn.addActionListener(new ActionListener() {
     
			public void actionPerformed(ActionEvent e) {
     
				
			}
		});
		okbn.setBounds(659, 139, 117, 31);
		panel.add(okbn);
		
		JButton endbn = new JButton("\u7ED3\u675F\u56DE\u5408");
		endbn.addActionListener(new ActionListener() {
     
			public void actionPerformed(ActionEvent e) {
     
				
			}
		});
		endbn.setFont(new Font("楷体", Font.PLAIN, 17));
		endbn.setBounds(659, 180, 117, 31);
		panel.add(endbn);
		
		JButton giveupbn = new JButton("\u8BA4\u8F93");
		giveupbn.addActionListener(new ActionListener() {
     
			public void actionPerformed(ActionEvent e) {
     
				
			}
		});
		giveupbn.setFont(new Font("楷体", Font.PLAIN, 17));
		giveupbn.setBounds(659, 221, 117, 31);
		panel.add(giveupbn);
		
		JButton jn1 = new JButton("\u5927\u7206\u70B8");
		jn1.addActionListener(new ActionListener() {
     
			public void actionPerformed(ActionEvent e) {
     
			
			}
		});
		jn1.setFont(new Font("楷体", Font.PLAIN, 17));
		jn1.setBounds(659, 316, 117, 31);
		panel.add(jn1);
		
		JButton jn2 = new JButton("LW\u529D\u964D");
		jn2.addActionListener(new ActionListener() {
     
			public void actionPerformed(ActionEvent e) {
     
				
			}
		});
		jn2.setFont(new Font("楷体", Font.PLAIN, 17));
		jn2.setBounds(659, 357, 117, 31);
		panel.add(jn2);
		
		JButton jn3 = new JButton("\u6EE1\u5934\u5927\u6C49");
		jn3.addActionListener(new ActionListener() {
     
			public void actionPerformed(ActionEvent e) {
     
				
				
			}
		});
		jn3.setFont(new Font("楷体", Font.PLAIN, 17));
		jn3.setBounds(659, 398, 117, 31);
		panel.add(jn3);
		
		JButton jn4 = new JButton("\u8FD4\u672C\u56DE\u6E90");
		jn4.addActionListener(new ActionListener() {
     
			public void actionPerformed(ActionEvent e) {
     
				
			}
		});
		jn4.setFont(new Font("楷体", Font.PLAIN, 17));
		jn4.setBounds(659, 439, 117, 31);
		panel.add(jn4);
		
		JButton jn5 = new JButton("\u547C\u53EBSeven");
		jn5.addActionListener(new ActionListener() {
     
			public void actionPerformed(ActionEvent e) {
     
				
			}
		});
		jn5.setFont(new Font("楷体", Font.PLAIN, 15));
		jn5.setBounds(659, 480, 117, 31);
		panel.add(jn5);
		
		JLabel lblNewLabel = new JLabel("     LW\u6311\u6218\u8D5B");
		lblNewLabel.setFont(new Font("华光行楷_CNKI", Font.PLAIN, 20));
		lblNewLabel.setBounds(260, 10, 153, 31);
		panel.add(lblNewLabel);
		
		JLabel lblNewLabel_1 = new JLabel("       \u6280\u80FD");
		lblNewLabel_1.setFont(new Font("华光行楷_CNKI", Font.PLAIN, 20));
		lblNewLabel_1.setBounds(659, 275, 117, 31);
		panel.add(lblNewLabel_1);
		
		//初始化提示栏
		l1.setText("\u5373\u5C06\u5F00\u6218");
		l1.setFont(new Font("华文行楷", Font.PLAIN, 20));
		l1.setBounds(659, 0, 117, 141);
		panel.add(l1);
	}

JAVA实现网络对战带技能五子棋(一)——图形界面设计(下)_第2张图片

棋盘、棋子绘制

不同于前面机械式的布局,棋盘、棋子绘制需要覆盖Jpanel组件的paint方法与paintComponent方法。在这里我自定义一个lwpanel类继承于Jpanel类,然后在paint方法里绘制棋子,在paintComponent方法里绘制棋盘。这样每次我调用repaint方法就会重新画一次棋子达到更新的效果(因为每次repaint会自动调用paint方法),棋盘却不会重新绘制,节省了资源。

自定义的lwpanel类

class lwpanel extends JPanel{
     
		Graphics2D g2;
		public lwpanel(){
     
			
		}
		//画棋子
		public void paint(Graphics g) {
     
			super.paint(g);
			g2 = (Graphics2D)g;
			for(int i=4;i<=36;i++)
			{
     
				for(int j=4;j<=42;j++)
				{
     
					if(xy[i][j]==1)
					{
     
						g2.setColor(Color.WHITE);
						g2.fillOval((j-3)*15-8,(i-3)*15-8,16,16);
					}
					else if(xy[i][j]==-1)
					{
     
						g2.setColor(Color.BLACK);
						g2.fillOval((j-3)*15-8,(i-3)*15-8,16,16);
					}
				}
			}
		}
		//画棋盘
		public void paintComponent(Graphics g){
     
			super.paintComponent(g);
			g2 = (Graphics2D)g;
			for (int i=1;i<=hnum;i++ )
			{
     
				Line2D line =new Line2D.Double(0,i*15,600,i*15);
				g2.draw(line);
			}
			for (int i=1;i<=lienum;i++ )
			{
     
				Line2D line =new Line2D.Double(i*15,0,i*15,510);
				g2.draw(line);
			}
			g2.fillOval(20*15-4,17*15-4,8,8);
			g2.fillOval(16*15-3,13*15-3,6,6);
			g2.fillOval(16*15-3,21*15-3,6,6);
			g2.fillOval(24*15-3,13*15-3,6,6);
			g2.fillOval(24*15-3,21*15-3,6,6);
		}
		private int lienum=39;
		private int hnum=33;
		
	}
	
	public static int[][] xy=new int[41][47];       //扩充后的矩阵(需转换坐标)

整个图形界面代码及效果图

至此就完成了图形界面制作,那么如何根据下的棋子判断是否赢棋了呢?请听下回分解!

package test1;
import java.awt.EventQueue;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.geom.Line2D;
import java.io.IOException;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import java.awt.BorderLayout;
import java.awt.Color;

public class Demo {
     

	private JFrame frame;

	/**
	 * Launch the application.
	 */
	public static void main(String[] args) {
     
		EventQueue.invokeLater(new Runnable() {
     
			public void run() {
     
				try {
     
					Demo window = new Demo();
					window.frame.setVisible(true);
				} catch (Exception e) {
     
					e.printStackTrace();
				}
			}
		});
	}

	/**
	 * Create the application.
	 */
	public Demo() {
     
		initialize();
	}

	public lwpanel p1 = new lwpanel();   //棋盘
	public JLabel l1 = new JLabel();     //提示内容
	/**
	 * Initialize the contents of the frame.
	 */
	private void initialize() {
     
		frame = new JFrame();
		frame.getContentPane().setBackground(new Color(250, 250, 210));
		frame.setBounds(100, 100, 800, 600);
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		
		JPanel panel = new JPanel();
		panel.setForeground(new Color(0, 0, 0));
		panel.setBackground(new Color(238, 232, 170));
		frame.getContentPane().add(panel, BorderLayout.CENTER);
		panel.setLayout(null);
		
		//初始化棋盘面板
		p1.setBackground(new Color(205, 133, 63));
		p1.setBounds(30, 50, 600, 510);
		panel.add(p1);
		
		JButton okbn = new JButton("\u51C6\u5907");
		okbn.setFont(new Font("楷体", Font.PLAIN, 17));
		okbn.addActionListener(new ActionListener() {
     
			public void actionPerformed(ActionEvent e) {
     
				
			}
		});
		okbn.setBounds(659, 139, 117, 31);
		panel.add(okbn);
		
		JButton endbn = new JButton("\u7ED3\u675F\u56DE\u5408");
		endbn.addActionListener(new ActionListener() {
     
			public void actionPerformed(ActionEvent e) {
     
				
			}
		});
		endbn.setFont(new Font("楷体", Font.PLAIN, 17));
		endbn.setBounds(659, 180, 117, 31);
		panel.add(endbn);
		
		JButton giveupbn = new JButton("\u8BA4\u8F93");
		giveupbn.addActionListener(new ActionListener() {
     
			public void actionPerformed(ActionEvent e) {
     
				
			}
		});
		giveupbn.setFont(new Font("楷体", Font.PLAIN, 17));
		giveupbn.setBounds(659, 221, 117, 31);
		panel.add(giveupbn);
		
		JButton jn1 = new JButton("\u5927\u7206\u70B8");
		jn1.addActionListener(new ActionListener() {
     
			public void actionPerformed(ActionEvent e) {
     
			
			}
		});
		jn1.setFont(new Font("楷体", Font.PLAIN, 17));
		jn1.setBounds(659, 316, 117, 31);
		panel.add(jn1);
		
		JButton jn2 = new JButton("LW\u529D\u964D");
		jn2.addActionListener(new ActionListener() {
     
			public void actionPerformed(ActionEvent e) {
     
				
			}
		});
		jn2.setFont(new Font("楷体", Font.PLAIN, 17));
		jn2.setBounds(659, 357, 117, 31);
		panel.add(jn2);
		
		JButton jn3 = new JButton("\u6EE1\u5934\u5927\u6C49");
		jn3.addActionListener(new ActionListener() {
     
			public void actionPerformed(ActionEvent e) {
     
				
				
			}
		});
		jn3.setFont(new Font("楷体", Font.PLAIN, 17));
		jn3.setBounds(659, 398, 117, 31);
		panel.add(jn3);
		
		JButton jn4 = new JButton("\u8FD4\u672C\u56DE\u6E90");
		jn4.addActionListener(new ActionListener() {
     
			public void actionPerformed(ActionEvent e) {
     
				
			}
		});
		jn4.setFont(new Font("楷体", Font.PLAIN, 17));
		jn4.setBounds(659, 439, 117, 31);
		panel.add(jn4);
		
		JButton jn5 = new JButton("\u547C\u53EBSeven");
		jn5.addActionListener(new ActionListener() {
     
			public void actionPerformed(ActionEvent e) {
     
				
			}
		});
		jn5.setFont(new Font("楷体", Font.PLAIN, 15));
		jn5.setBounds(659, 480, 117, 31);
		panel.add(jn5);
		
		JLabel lblNewLabel = new JLabel("     LW\u6311\u6218\u8D5B");
		lblNewLabel.setFont(new Font("华光行楷_CNKI", Font.PLAIN, 20));
		lblNewLabel.setBounds(260, 10, 153, 31);
		panel.add(lblNewLabel);
		
		JLabel lblNewLabel_1 = new JLabel("       \u6280\u80FD");
		lblNewLabel_1.setFont(new Font("华光行楷_CNKI", Font.PLAIN, 20));
		lblNewLabel_1.setBounds(659, 275, 117, 31);
		panel.add(lblNewLabel_1);
		
		//初始化提示栏
		l1.setText("\u5373\u5C06\u5F00\u6218");
		l1.setFont(new Font("华文行楷", Font.PLAIN, 20));
		l1.setBounds(659, 0, 117, 141);
		panel.add(l1);
	}
	
	class lwpanel extends JPanel{
     
		Graphics2D g2;
		public lwpanel(){
     
			
		}
		//画棋子
		public void paint(Graphics g) {
     
			super.paint(g);
			g2 = (Graphics2D)g;
			for(int i=4;i<=36;i++)
			{
     
				for(int j=4;j<=42;j++)
				{
     
					if(xy[i][j]==1)
					{
     
						g2.setColor(Color.WHITE);
						g2.fillOval((j-3)*15-8,(i-3)*15-8,16,16);
					}
					else if(xy[i][j]==-1)
					{
     
						g2.setColor(Color.BLACK);
						g2.fillOval((j-3)*15-8,(i-3)*15-8,16,16);
					}
				}
			}
		}
		//画棋盘
		public void paintComponent(Graphics g){
     
			super.paintComponent(g);
			g2 = (Graphics2D)g;
			for (int i=1;i<=hnum;i++ )
			{
     
				Line2D line =new Line2D.Double(0,i*15,600,i*15);
				g2.draw(line);
			}
			for (int i=1;i<=lienum;i++ )
			{
     
				Line2D line =new Line2D.Double(i*15,0,i*15,510);
				g2.draw(line);
			}
			g2.fillOval(20*15-4,17*15-4,8,8);
			g2.fillOval(16*15-3,13*15-3,6,6);
			g2.fillOval(16*15-3,21*15-3,6,6);
			g2.fillOval(24*15-3,13*15-3,6,6);
			g2.fillOval(24*15-3,21*15-3,6,6);
		}
		private int lienum=39;
		private int hnum=33;
		
	}
	
	public static int[][] xy=new int[41][47];       //扩充后的矩阵(需转换坐标)

}

JAVA实现网络对战带技能五子棋(一)——图形界面设计(下)_第3张图片

你可能感兴趣的:(java,eclipse)