java基础
java的GUI相关技术
选择你喜欢的一张图片,(友情提示:图片尽量在400*600 范围内),然后通过网上的在线分割图片,或者你ps等其他软件,把图片分割为大小相等的12份.如下图所示
推荐大家给小图片取名按照: 大图片的文件名-序号 这种方式命名,方便程序读取
使用idea或者是Eclipse创建一个java项目,小编使用的是idea,然后再项目下,创建一个image的目录,把上一步的图片复制到项目下的image目录下:
我们首先创建一个勇于描述游戏中显示的图片的实体类:Picture类,代码如下
public class Picture {
private String alisa;//别名
private String picPath;//预览图片的路径
private String[] subPicPaths;//拼图区的切片图片路径
//省略了setter/getter 构造方法的代码
}
这里我们就应用了java的OOP思想,把游戏中的一个拼图抽象成一个Picture类, 上图左边的小图片对应Picture类的subPicPaths属性, 右边的预览图对应Picture类的picPath属性,以及我们给这个拼图取了一个名称,对应Picture的alisa属性.
我们已经封装好了Picture类,接下来我们需要编写我们的游戏主界面类 MainFrame,我们现在的程序不是运行在控制台,而是运行一个界面窗口,所有我们的主界面类必须实现Swing包下的JFrame类,JFrame简单的理解就是一个游戏窗口.
public class MainFrame extends JFrame{
private String[] items = {"小熊","美女"};
private Map<String,Picture> picMap = new HashMap<>(); //游戏中的图片
private static final long serialVersionUID = -3974891708686273202L;
private JComboBox<String> imgComboBox; //选择图片的下拉框
private PictureCanvasPanle canvasPanle; //拼图区的面板
private PicturePreviewPanel previewPanle; //预览区的面板
private JTextField nameTxt; //显示图片名词的文本域
public static Picture selectedPicture; //被选中的图片
private JButton startBtn; //开始按钮
public static JTextField stepTxt; //显示步数的文本域
//添加图片
public void setMap(){
for(int i = 0; i < items.length;i++){
String[] subPaths = new String[12];
for(int j = 0; j < subPaths.length; j++){
subPaths[j] = "image/" +(i+1)+"-"+(j+1)+".jpg";
}
Picture pic = new Picture(items[i], "image/" +(i+1)+".jpg", subPaths);
picMap.put(pic.getAlisa(), pic);
}
}
//无参构造方法,进行界面的初始化
public MainFrame(){
setMap();
//初始化
init();
//添加组件
addComponent();
//添加拼图和预览
addPreview();
//给组件添加事件
addActionLisener();
}
//给界面上的组件绑定事件
private void addActionLisener() {
//给下拉框添加事件
imgComboBox.addActionListener(new ActionListener() {
@SuppressWarnings("unchecked")
@Override
public void actionPerformed(ActionEvent e) {
JComboBox<String> cbx = (JComboBox<String>) e.getSource();
selectedPicture = picMap.get(cbx.getSelectedItem());
previewPanle.setPath(selectedPicture.getPicPath());
nameTxt.setText("图片名称:"+cbx.getSelectedItem());
canvasPanle.changePictureCell();
previewPanle.repaint();
}
});
//给开始按钮添加事件监听
startBtn.addActionListener(new ActionListener() {
@Override
public void actionPerformed(ActionEvent e) {
//把移动的步数清零
canvasPanle.stepNum = 0;
stepTxt.setText("步数:"+canvasPanle.stepNum);
//打乱拼图区的小方块
canvasPanle.start();
}
});
}
//添加预览图片
private void addPreview() {
JPanel mainPanle = new JPanel();
mainPanle.setLayout(new GridLayout(1,2));
canvasPanle = new PictureCanvasPanle();
previewPanle = new PicturePreviewPanel();
mainPanle.add(canvasPanle,BorderLayout.WEST);
mainPanle.add(previewPanle,BorderLayout.EAST);
this.add(mainPanle,BorderLayout.CENTER);
}
private void addComponent() {
//上部分的内容
JPanel topPanel = new JPanel();
//设置布局器
topPanel.setLayout(new GridLayout(1,2));
//给上面板添加左右面板
//左面板
JPanel leftPanel = new JPanel();
//设置背景颜色
leftPanel.setBackground(Color.PINK);
leftPanel.setBorder(new TitledBorder("游戏设置区"));
//添加其他组件
//设置左边的布局
leftPanel.setLayout(new FlowLayout(FlowLayout.CENTER,10,10));
//标签
JLabel infoLabel = new JLabel("选择图片: ");
leftPanel.add(infoLabel);
//设置下拉框
imgComboBox = new JComboBox<String>(items);
imgComboBox.setBackground(Color.PINK);
leftPanel.add(imgComboBox);
//设置添加按钮
startBtn = new JButton("Start");
startBtn.setBackground(Color.PINK);
leftPanel.add(startBtn);
//添加
topPanel.add(leftPanel, BorderLayout.WEST);
//右面板
JPanel rightPanle = new JPanel();
rightPanle.setBackground(Color.PINK);
rightPanle.setBorder(new TitledBorder("游戏状态区"));
rightPanle.setLayout(new GridLayout(1,2));
nameTxt = new JTextField("图片名称:小熊");
nameTxt.setEditable(false);
nameTxt.setBackground(Color.PINK);
stepTxt = new JTextField("步数:0");
stepTxt.setEditable(false);
stepTxt.setBackground(Color.PINK);
rightPanle.add(nameTxt,BorderLayout.WEST);
rightPanle.add(stepTxt,BorderLayout.EAST);
topPanel.add(rightPanle, BorderLayout.EAST);
//把这个面板添加到窗口
this.add(topPanel,BorderLayout.NORTH);
}
private void init() {
//设置窗体的标题
this.setTitle("拼图游戏");
//设置窗体的大小
this.setSize(1000, 720);
//设置窗体在屏幕居中
this.setLocationRelativeTo(null);
//设置固定大小
this.setResizable(false);
//设置窗口的默认关闭操作
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
selectedPicture = this.picMap.get(items[0]);
}
}此时,我们已经把游戏的主界面给搭建好了,但是这个主界面的游戏拼图区和游戏预览区的代码还没有实现.并且我们还需要把游戏拼图区中每一小块的拼图片也抽象成一个类,并且需要给每一个拼图片绑定鼠标事件.
