前言

無

問題描述

接下來介紹一個好玩的, 繪製雪花的動態圖
給定雪花的運動中的幾張圖片, 將其繪製到JPanel, 並動態的順序的繪製各個圖片, 形成一種 動畫的即視感

思路

思路 : 使用一個執行緒定時的更新該位置的圖片的索引, 定時重新繪製

參考程式碼

/**
 * file name : Test03DrawSnowFlake.java
 * created at : 10:21:16 AM Jun 13, 2015
 * created by 970655147
 */

package com.hx.test06;

public class Test03DrawSnowFlake
 
 {

    // 雪花素材, 圖片的個數
    static Image SNOW_FLAKES[];
    static int SNOW_FLAKE_NUM = 4;

    static {
        try {
            SNOW_FLAKES = new Image[SNOW_FLAKE_NUM];
            for(int i=0; i<SNOW_FLAKE_NUM; i++) {
                SNOW_FLAKES[i] = ImageIO.read(new File("src/images/Test03DrawSnowFlake_snowFlake"
 
 + i + ".png"));
            }
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    // 繪製雪花
    public static void main(String []args) {
        // 各個雪花的初始狀態, 位置, 大小
        int[] idxes = new int[] {0, 2, 3, 1 };
        Point[] poses = new Point[] { 
                new
 
 Point(20, 20), 
                new Point(100, 100),
                new Point(200, 20),
                new Point(200, 200)
        };
        Dimension[] dimenes = new Dimension[] {
                new Dimension(40, 40),
                new Dimension(40, 40),
                new Dimension(20, 20),
                new Dimension(20, 20)
        };

        // 建立視窗, 繪製雪花, 啟動更新雪花狀態的執行緒
        JFrame frame = new JFrame();
        MyPanel panel = new MyPanel(idxes, poses, dimenes);
        frame.add(panel);

        frame.setVisible(true);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setBounds(100, 100, 400, 300);
        frame.setResizable(false);

        new Thread(new MyRunnable(panel)).start();
    }

    // Panel  用於顯示雪花
    static class MyPanel extends JPanel {
        // 雪花的圖片, 索引, 位置
        int[] idxes;
        Point[] poses;
        Dimension[] dimenes;

        // 初始化
        public MyPanel(int[] idx, Point[] poses, Dimension[] dimenes) {
            super();
            if((idx.length != poses.length) || (poses.length != dimenes.length) ) {
                throw new RuntimeException("idx'sLength must equals with poses'sLength & dimenes'sLength !");
            }
            this.idxes = idx;
            this.poses = poses;
            this.dimenes = dimenes;
        }

        // @Override, 繪製雪花
        public void paint(Graphics g) {
            super.paint(g);
            g.setColor(Color.white);
            g.fillRect(0, 0, 400, 300);

            drawSnowFlake(g);
        }

        // 繪製num
        private void drawSnowFlake(Graphics g) {
            for(int i=0; i<idxes.length; i++) {
                g.drawImage(SNOW_FLAKES[idxes[i]], poses[i].x, poses[i].y, dimenes[i].width, dimenes[i].height, null);
            }
        }

        // 切換雪花的狀態
        public void switchSnowFlake() {
            for(int i=0; i<idxes.length; i++ ) {
                idxes[i] = (idxes[i] + 1) % SNOW_FLAKE_NUM;
            }

            repaint();
        }

    }

    // 切換圖片的週期
    static int changeInterval = 100;

    // 切換panel中的雪花狀態的執行緒
    static class MyRunnable implements Runnable {
        MyPanel panel ;

        // 初始化
        public MyRunnable(MyPanel panel) {
            super();
            this.panel = panel;
        }

        // @Override, 切換雪花的狀態
        public void run() {
            while(true) {
                panel.switchSnowFlake();
                Tools.sleep(changeInterval);
            }
        }
    }

}

效果截圖

總結

瞎扯淡, 寫著玩, 沒什麼技術含量。。

注 : 因為作者的水平有限，必然可能出現一些bug, 所以請大家指出！