Java Swing中的DrawLine

时间:2017-01-04 19:46:29

标签: java swing paintcomponent

主要思想是 - 当滑块的值增长时,更多的线条划分组件的相等部分,并且不会越过多边形的线条(就像它在图片的左上角一样)。我想在所有角落都这样做,但现在我只用其中一个做到了。

有人能告诉我需要改变什么才能让我的线条宽度达到1/3?

我的值适用于1/2,但不适用于1/3,n是滑块的变量。

enter image description here

我的代码:

import java.awt.*;
import javax.swing.*;
import javax.swing.event.ChangeEvent;
import javax.swing.event.ChangeListener;

public class Mariusz extends JFrame {

    private int n = 5;
    private Color kolor = Color.RED;

    MyComponent komponent = null;

    private class MyComponent extends JComponent
    {
        protected void paintComponent (Graphics grafika)
        {
            grafika.setColor(kolor);
            grafika.drawLine(getWidth() * 1/3, 0, 0, getHeight() * 1/3);
            grafika.drawLine(0, getHeight() * 1/3, getWidth() * 1/3, getHeight());
            grafika.drawLine(getWidth() * 1/3, getHeight(),getWidth(), getHeight() * 1/3);
            grafika.drawLine(getWidth(), getHeight() * 1/3, getWidth() * 1/3, 0);

            for (int i = 0; i < n ; i++)
            {
                if (i <= n / 3)
                {
                    grafika.drawLine(getWidth() * i /n, 0, getWidth() * i /n, (getHeight() - getHeight() * 2/3 ) -  getHeight() * i / n); //lewy gorny
                    grafika.drawLine(  getWidth() * i / n,(getHeight() - getHeight() * 2/3 ) +  getHeight() * i / n + getHeight() *1/3, getWidth() * i / n, getHeight() );
                }
                if (i > n / 3)
                {
                    grafika.drawLine(getWidth() * i / n   , 0, getWidth() * i /n,   getHeight() * 2 * i /n / 3   - getHeight() * 1 /3  );
                }
            }
        }
    }

    public Mariusz(String string) 
    {
        super(string);
        setDefaultCloseOperation(EXIT_ON_CLOSE);
        Toolkit kit = Toolkit.getDefaultToolkit();
        Dimension d = kit.getScreenSize();
        setBounds( d.width / 4, d.height / 4, d.width / 2, d.height / 2);

        add (komponent = new MyComponent());

        JPanel panel = new JPanel(new BorderLayout());
        add(panel,BorderLayout.SOUTH);

        final JSlider slider = new  JSlider(3,40,n);
        slider.addChangeListener(new ChangeListener() {

            @Override
            public void stateChanged(ChangeEvent e) {
                // TODO Auto-generated method stub
                n = slider.getValue();
                komponent.repaint();

            }
        });
        panel.add(slider);

        setVisible(true);
    }

    public static void main(String[] args) 
    {
        // TODO Auto-generated method stub
        EventQueue.invokeLater(new  Runnable() {
            public void run() {
                new Mariusz("triangles");
            }
        });

    }
}

2 个答案:

答案 0 :(得分:0)

你的方法是临时性的,我不能说它会采取其他措施(4/5等)。

这是一种基于类似三角形的方法:

从右上角开始向后工作:

h1/h2=(2*w/3)/(2*w/3-(1/n)*(2*w/3))

因此

h2=h1/(.....)

其中h1 = h / 3.

将其转换为代码

    double f=2./3, f2=1-f;

    g2.setColor(Color.blue);

    for (int i=n-1; i>-1; i--)
    {
      grafika.drawLine(getWidth() * (n-i) / n, 0, getWidth() * (n-i)/n,  
        (int)((getHeight()/ 3)/(f/(f-1.*i/n))) );
    }

对于左上角我们的工作方式相同,但因子为f2:

g2.setColor(Color.green);

    for (int i=0; i<n; i++)
    {
        grafika.drawLine(getWidth() * i / n   , 0, getWidth() * i /n,   (int)((getHeight()/ 3)/(f2/(f2-1.*i/n))) );
    }

左下角相同:

g2.setColor(Color.magenta);

    for (int i=0; i<n; i++)
    {
      grafika.drawLine(getWidth() * i / n   , getHeight()-(int)((2*getHeight()/ 3)/(f2/(f2-1.*i/n))), getWidth() * i /n,   getHeight() );
    }

和右下角

g2.setColor(Color.black);

    for (int i=n-1; i>-1; i--)
    {
      grafika.drawLine(getWidth() * (n-i) / n   , getHeight()-(int)((2*getHeight()/ 3)/(f/(f-1.*i/n))), getWidth() * (n-i) /n,  getHeight()  );
    }

如果你想要一个4/5测量,你需要改变f = 4. / 5和所有2 * getHeight()/ 3到4 * getHeight()/ 5(getHeight()/ 3到getHeight ()/ 5等)。

答案 1 :(得分:0)

让我提出一个不同的方法。不要挣扎从边缘绘制线条直到遇到多边形的数学,而是绘制规则的,完整的垂直线条,然后将多边形覆盖在它们上面。

首先,要设置3件事:

protected void paintComponent(Graphics graphics) {

    super.paintComponent(graphics);

    Graphics2D grafika = (Graphics2D) graphics;
  1. 始终将super方法作为paintComponent中的第一件事来调用,以避免出现文物(除非您知道自己在做什么)。
  2. Graphics对象强制转换为Graphics2D更高级的对象始终是安全的。
  3. 将宽度和高度保存到局部变量,以减少paintComponent()内的调用次数。
  4. 现在,使用这个非常简单的循环绘制线条:

    for (int i = 0; i < n; i++)
        grafika.drawLine(w * i / n, 0, w * i / n, h);
    

    这只是减少你的循环。您可能需要根据您的要求对其进行修改,但请注意y坐标会拉伸整个组件高度。

    enter image description here

    然后根据Polygon方法中的点数创建drawLine

    Polygon poly = new Polygon();
    poly.addPoint(w * 1 / 3, 0);
    poly.addPoint(0, h * 1 / 3);
    poly.addPoint(w * 1 / 3, h);
    poly.addPoint(w, h * 1 / 3);
    

    最后,设置填充此形状的颜色,绘制它,设置颜色以勾画形状并再次绘制:

    grafika.setColor(getBackground());
    grafika.fill(poly); // draws the inside
    grafika.setColor(kolor);
    grafika.draw(poly); // draws the outline
    

    enter image description here

    希望这不算作弊..

    此外,这一行

    add(komponent = new MyComponent());
    
    在我看来,

    似乎是麻烦的来源 。将它拆分为2。