7

私はグリッドを描画し、セルに何かを描きたいと思っています（物事を簡単にするために、それらを埋めるだけです）。全体的に、一部のパネルサイズでのみほとんど機能していますが、セルは配置されるべき場所から約1ピクセルずれています(線と重なっています)。TBH 自分で答えを見つけるのに十分な計算を行っていないので、申し訳ありませんが、この「バグ」にどのようにアプローチすればよいかわかりません。

とにかく、ここにコードがあります：

public class Gui extends JFrame {

public static void main(String[] args) {
    new Gui().setVisible(true);
}

public Gui() {
    setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    add(new JPanel() {
        public static final int SIZE = 3;
        /** Line thickness ratio to a block */
        public static final float LINE_THICKNESS = 0.1f;

        /** @return the width of a block. */
        protected final int getBlockWidth() {
            return getWidth() / SIZE;
        }

        /** @return the height of a block. */
        protected final int getBlockHeight() {
            return getHeight() / SIZE;
        }

        /**  @return the width of a cell. */
        protected final int getCellWidth() {
            return (int) Math.ceil(getBlockWidth()*(1-LINE_THICKNESS));
        }

        /** @return the height of a cell. */
        protected final int getCellHeight() {
            return (int) Math.ceil(getBlockHeight()*(1-LINE_THICKNESS));
        }

        @Override
        public void paintComponent(Graphics g) {
            g.setColor(new Color(0, 0, 255, 100));
            int lineWidth = (int) (LINE_THICKNESS * getBlockWidth());
            int lineHeight = (int) (LINE_THICKNESS * getBlockHeight());
            for(int i = 0; i <= SIZE; i++) {
                g.fillRect(i * getBlockWidth() - lineWidth / 2, 0, lineWidth, getHeight());
                g.fillRect(0, i * getBlockHeight() - lineHeight/2, getWidth(), lineHeight);
            }
            g.setColor(new Color(255, 0, 0, 100));
            for(int i = 0; i < SIZE; i++) {
                for(int j = 0; j < SIZE; j++) {
                    int x = j * getBlockWidth() + lineWidth/2;
                    int y = i * getBlockHeight() + lineHeight/2;
                    Graphics temp = g.create(x, y, getCellWidth(), getCellHeight());
                    drawCell(temp, i, j);
                }
            }
        }

        private void drawCell(Graphics g, int i, int j) {
            g.fillRect(0, 0, getCellWidth(), getCellHeight());
        }
    });
    setLocation(new Point(500, 200));
    setSize(new Dimension(600, 600));
}
}

実行すると、おそらく私の言いたいことがわかるでしょう。言葉でうまく説明できません。最初は、線の隣に描画したいので x と y に + 1 を追加する必要があると思っていましたが、これは (明らかに) 問題を反対側に移すだけです。

より大きなサイズ (30 など) でこれを実行すると、側面に空きスペースができるという別のバグが発生します。これは、私が整数を使用しているためであり、それほど大きな問題ではないことを知っています (または想定しています)。しかし、(一般的に) より良いアプローチのヒントはいつでも歓迎されます。

4

2 に答える 2

4

これを修正するにはいくつかの方法があります。(質問の仕方に基づいて) あなたは自分で考えて問題を解決するのが好きな人の 1 人だと思うので、コードは提供しません。

まず、パネル全体に背景を描き、次に線を描きます。while 線がなくなり、描画が少し速くなります。

2 番目の方法: 描画の順序は重要です。最初に背景を (重なっていても) 安全に描画してから、境界線で上書きできます。

3 番目の方法: int を使用しないでください。float または double を使用します。あなたの悩みはすべてなくなります。

4 番目の方法: 剰余を計算します。いつ線が引かれるかを予測し、引かれないときはそれについて考えることができます。それを予測し、適切に描画します。

于 2013-10-14T18:13:35.283 に答える