选择Circle Segements

时间:2017-12-18 21:03:19

标签: java swing geometry draw jlabel

我正在使用java在Windows中创建一个方向盘/拨号选择器,它会在按下按钮时弹出,以便用户选择其中一个不同的段来执行之前在创建该段时指定的内容。

我不知道如何选择圆圈的不同部分,目前我使用自定义布局在圆圈周围创建了JLabel,但是他们的交互区域仅限于文本周围的矩形。

如何将此区域更改为三角形/ pi段?

有没有更好的方法来实现这一目标?

这是一个图像,其中段4具有我想要实现的区域(以蓝色突出显示)。

Wheel / Dial Example Image

2 个答案:

答案 0 :(得分:3)

老实说,有很多方法可以做到这一点。我能想到的最简单的方法之一就是利用2D图形Shape API。

以下示例仅使用Arc2D来简化,但一般概念也适用于基于Path的形状(如果您想要复杂化)

Highlight segment

import java.awt.Color;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Point;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.geom.Arc2D;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;

public class Test {

    public static void main(String[] args) {
        new Test();
    }

    public Test() {
        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                try {
                    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                } catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex) {
                    ex.printStackTrace();
                }

                JFrame frame = new JFrame("Testing");
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                frame.add(new TestPane());
                frame.pack();
                frame.setLocationRelativeTo(null);
                frame.setVisible(true);
            }
        });
    }

    public class TestPane extends JPanel {

        private Arc2D segment;

        private Arc2D selected = null;

        public TestPane() {
            segment = new Arc2D.Double(0, 0, 190, 190, -11.75, 23.5, Arc2D.PIE);
            addMouseMotionListener(new MouseAdapter() {
                @Override
                public void mouseMoved(MouseEvent e) {
                    Point p = e.getPoint();
                    p.translate(-5, -5);
                    selected = null;
                    if (segment.contains(e.getPoint())) {
                        selected = segment;
                    }
                    repaint();
                }
            });
        }

        @Override
        public Dimension getPreferredSize() {
            return new Dimension(200, 200);
        }

        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            Graphics2D g2d = (Graphics2D) g.create();
            g2d.translate(5, 5);
            if (selected != null) {
                g2d.setColor(Color.BLUE);
                g2d.fill(selected);
            }
            g2d.setColor(Color.RED);
            g2d.draw(segment);
            g2d.dispose();
        }

    }

}

有关详细信息,请查看Working with Geometry

答案 1 :(得分:3)

如果可以接受,则PiePlot可以投放。从分发中包含的PieChartDemo1开始,以下更改将生成如下所示的图。移动鼠标时,ChartMouseListener突出显示指示的部分。

image

public static JPanel createDemoPanel() {
    …
    PiePlot plot = (PiePlot) chart.getPlot();
    PieDataset data = plot.getDataset();
    panel.addChartMouseListener(new ChartMouseListener() {
        @Override
        public void chartMouseMoved(ChartMouseEvent e) {
            ChartEntity ce = e.getEntity();
            if (ce instanceof PieSectionEntity) {
                for (int i = 0; i < data.getItemCount(); i++) {
                    plot.setExplodePercent(data.getKey(i), 0);
                }
                PieSectionEntity item = (PieSectionEntity) ce;
                plot.setExplodePercent(item.getSectionKey(), 0.25);
            }
        }
        @Override
        public void chartMouseClicked(ChartMouseEvent e) {}
    });
    return panel;
}