public class Picture {
    private String alisa;//別名
    private String picPath;//預(yù)覽圖片的路徑
    private String[] subPicPaths;//拼圖區(qū)的切片圖片路徑
    //省略了setter/getter 構(gòu)造方法的代碼
}

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; //拼圖區(qū)的面板
    private PicturePreviewPanel previewPanle; //預(yù)覽區(qū)的面板
    private JTextField nameTxt; //顯示圖片名詞的文本域
    public static Picture selectedPicture;  //被選中的圖片
    private JButton startBtn;  //開(kāi)始按鈕
    public static JTextField stepTxt; //顯示步數(shù)的文本域
 
    //添加圖片
    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);
        }
    }
 
    //無(wú)參構(gòu)造方法,進(jìn)行界面的初始化
    public MainFrame(){
        setMap();
        //初始化
        init(); 
        //添加組件
        addComponent();
        //添加拼圖和預(yù)覽
        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("圖片名稱(chēng):"+cbx.getSelectedItem());
                canvasPanle.changePictureCell();
                previewPanle.repaint();
            }
        });
        
        //給開(kāi)始按鈕添加事件監(jiān)聽(tīng)
        startBtn.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                //把移動(dòng)的步數(shù)清零
                canvasPanle.stepNum = 0;
                stepTxt.setText("步數(shù):"+canvasPanle.stepNum);
                //打亂拼圖區(qū)的小方塊
                canvasPanle.start();
            }
        }); 
    }
 
    //添加預(yù)覽圖片
    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() {
        //上部分的內(nèi)容
        JPanel topPanel = new JPanel();
        //設(shè)置布局器
        topPanel.setLayout(new GridLayout(1,2));
        //給上面板添加左右面板
        //左面板
        JPanel leftPanel = new JPanel();
        //設(shè)置背景顏色
        leftPanel.setBackground(Color.PINK);
        leftPanel.setBorder(new TitledBorder("游戲設(shè)置區(qū)"));
        //添加其他組件
        //設(shè)置左邊的布局
        leftPanel.setLayout(new FlowLayout(FlowLayout.CENTER,10,10));
        
        //標(biāo)簽
        JLabel infoLabel = new JLabel("選擇圖片: ");
        leftPanel.add(infoLabel);
        //設(shè)置下拉框
        imgComboBox = new JComboBox<String>(items);
        imgComboBox.setBackground(Color.PINK);
        leftPanel.add(imgComboBox);
        
        //設(shè)置添加按鈕
        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("游戲狀態(tài)區(qū)"));
        rightPanle.setLayout(new GridLayout(1,2));
        
        nameTxt = new JTextField("圖片名稱(chēng):小熊");
        nameTxt.setEditable(false);
        nameTxt.setBackground(Color.PINK);
        
        stepTxt = new JTextField("步數(shù):0");
        stepTxt.setEditable(false);
        stepTxt.setBackground(Color.PINK);
        rightPanle.add(nameTxt,BorderLayout.WEST);
        rightPanle.add(stepTxt,BorderLayout.EAST);
        
        topPanel.add(rightPanle, BorderLayout.EAST);
        //把這個(gè)面板添加到窗口
        this.add(topPanel,BorderLayout.NORTH);
    }
 
    private void init() {
        //設(shè)置窗體的標(biāo)題
        this.setTitle("拼圖游戲");
        //設(shè)置窗體的大小
        this.setSize(1000, 720);
        //設(shè)置窗體在屏幕居中
        this.setLocationRelativeTo(null);
        //設(shè)置固定大小
        this.setResizable(false);
        //設(shè)置窗口的默認(rèn)關(guān)閉操作
        this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        selectedPicture = this.picMap.get(items[0]);
    }
    
}