java基礎教程之拼圖遊戲的實現

前言

大傢在初學java的時候,大部分的代碼都是在控制臺上運行的.可能大傢辛辛苦苦寫瞭幾十行代碼,最終就隻是在控制臺輸出一個字符,這個時候,心裡肯定是拔涼拔涼的,心中那一朵編程的火花,就馬上給撲滅瞭.我們都知道興趣是最好的老師.為瞭拯救大傢快要熄滅的小火花,小編在這裡給大傢帶來使用java做個小遊戲,並且通過做這個遊戲,好好收悉一下面向對象的實際使用.

廢話不多說,直接上效果圖:

1.所需技術

  • java基礎
  • java的GUI相關技術

2.具體實現

2.1 圖片制作

選擇你喜歡的一張圖片,(友情提示:圖片盡量在400*600 范圍內),然後通過網上的在線分割圖片,或者你ps等其他軟件,把圖片分割為大小相等的12份.如下圖所示

 推薦大傢給小圖片取名按照: 大圖片的文件名-序號 這種方式命名,方便程序讀取

 2.2 創建項目

使用idea或者是Eclipse創建一個java項目,小編使用的是idea,然後再項目下,創建一個image的目錄,把上一步的圖片復制到項目下的image目錄下:  

 2.3 編碼實現

 我們首先創建一個勇於描述遊戲中顯示的圖片的實體類: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]);
    }
    
}

此時,我們已經把遊戲的主界面給搭建好瞭,但是這個主界面的遊戲拼圖區和遊戲預覽區的代碼還沒有實現.並且我們還需要把遊戲拼圖區中每一小塊的拼圖片也抽象成一個類,並且需要給每一個拼圖片綁定鼠標事件.

由於篇幅有限,遊戲拼圖區和遊戲預覽區的代碼我們在下一篇文章給各位看官老爺展示,各位看官老爺也可以自己思考一下,後面的代碼的實現思路,並嘗試自己動手.俗話說:"紙上得來終覺淺,絕知此事要躬行&quot;.

總結

到此這篇關於java基礎教程之拼圖遊戲實現的文章就介紹到這瞭,更多相關java拼圖遊戲內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!

推薦閱讀: