java - 如何让java图形按百分比填充图像图形?

标签 java swing jframe paintcomponent graphic

我正在研究 java Paint 组件和一个空玻璃图像,如下所示。我的想法是根据用户给出的百分比用油漆颜色绘制该图像。例如,如果用户将 50% 输入输入到我的 jframe 程序中,它将输出下面半全彩色的玻璃图像。我是图形 java 新手,我们该如何做到这一点。

我正在考虑使用 fillRect(x,y,w,h) 作为绘制图形,但是我如何进行用户给出的计算,在绘制 fillRect() 上使用它并相应地显示带有图形的玻璃填充?

我可以对此应用 fillRect() 的什么计算?

enter image description here转到这个enter image description here

  • 我使用 ms Paint 来绘制上面的图像

最佳答案

所绘制矩形的 x 宽度将保持不变。这些常数也是如此。 (我只是反复试验这些值

private static final int GLASS_WIDTH = 75;
private static final int GLASS_X = 75;

所以你只需要计算矩形的 y 和高度值。为此,我使用了一些辅助常量

private static final int HORIZON = 210;
private static final int GLASS_Y_TOP = 10;
private static final int GLASS_HEIGHT = HORIZON - GLASS_Y_TOP;

HORIZON是矩形的最底部部分,GLASS_Y_TOP是矩形最高点的峰值,GLASS_HEIGHT是矩形的 100%。

知道了这些,我就能够计算出以 100% 创建一个矩形

private double glassY = GLASS_Y_TOP;
private double rectHeight = GLASS_HEIGHT;
...
rect = new Rectangle2D.Double(GLASS_X, glassY, GLASS_WIDTH, rectHeight);

两个新变量 glassYrectHeight当用户输入值改变时,你需要改变你的值。您可以在方法调用中看到该方法的实现,以根据从 JSpinner 传递的值来更改值。

private void calculateGlassValues(int value) {
    rectHeight = GLASS_HEIGHT * (value / 100.0);
    glassY = HORIZON - rectHeight;
    rect.setRect(GLASS_X, glassY, GLASS_WIDTH, rectHeight);
    System.out.print(rect.getBounds());
}
<小时/>

最终产品

enter image description here

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.geom.Rectangle2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.net.URL;

import javax.imageio.ImageIO;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JSpinner;
import javax.swing.SpinnerNumberModel;
import javax.swing.SwingUtilities;
import javax.swing.event.ChangeEvent;
import javax.swing.event.ChangeListener;

public class PaintPercentImage extends JPanel {

    private static final int GLASS_WIDTH = 75;
    private static final int GLASS_X = 75;
    private static final int HORIZON = 210;
    private static final int GLASS_Y_TOP = 10;
    private static final int GLASS_HEIGHT = HORIZON - GLASS_Y_TOP;

    private double glassY = GLASS_Y_TOP;
    private double rectHeight = GLASS_HEIGHT;
    private BufferedImage image;
    private Rectangle2D rect;
    private int imageWidth;
    private int imageHeight;

    private static JSpinner spinner;

    public PaintPercentImage() {
        try {
            image = ImageIO.read(new URL("http://i.stack.imgur.com/G4IEu.jpg"));
            imageWidth = image.getWidth();
            imageHeight = image.getHeight();
            System.out.println(imageHeight);
        } catch (IOException e) {
            e.printStackTrace();
        }

        rect = new Rectangle2D.Double(GLASS_X, glassY, GLASS_WIDTH, rectHeight);
        spinner = createSpinner();
    }

    private JSpinner createSpinner() {
        final JSpinner spinner = new JSpinner();
        SpinnerNumberModel model = new SpinnerNumberModel(100, 0, 100, 1);
        spinner.setModel(model);
        spinner.addChangeListener(new ChangeListener() {

            @Override
            public void stateChanged(ChangeEvent e) {
                int value = (Integer) spinner.getModel().getValue();
                calculateGlassValues(value);
                System.out.println(value);
                repaint();
            }

        });
        return spinner;
    }

    private void calculateGlassValues(int value) {
        rectHeight = GLASS_HEIGHT * (value / 100.0);
        glassY = HORIZON - rectHeight;
        rect.setRect(GLASS_X, glassY, GLASS_WIDTH, rectHeight);
        System.out.print(rect.getBounds());
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D) g;
        g2.drawImage(image, 0, 0, imageWidth, imageHeight, this);
        g2.setPaint(Color.YELLOW);
        g2.fill(rect);
    }

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

    public static void showGui() {
        JFrame frame = new JFrame();
        frame.add(new PaintPercentImage());
        frame.add(spinner, BorderLayout.NORTH);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.pack();
        frame.setLocationRelativeTo(null);
        frame.setVisible(true);
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
            public void run() {
                showGui();
            }
        });
    }
}

关于java - 如何让java图形按百分比填充图像图形?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22828739/

相关文章:

java - 如何在另一个 JFrame 旁边设置一个 JFrame 位置?

java - JFrame 在处理另一个事件时不响应事件

java swing线程问题

java - 从 YANG 数据模型生成 XML RPC NETCONF 请求的标准方法是什么

java - 动画 Gif 触发 paintComponent (Java)?

java - 如何仅在带有 ImageView 小部件的 xml 动画期间使用不同的可绘制对象 (android)

java - 如何有效地使用网格或框布局? (正确吗?)

java - 桌面 UI 设计工具,最好是 Java 或 Java 包装器

java - MarkLogic:将 Map-Object 从 Java 传递到 XQuery

java - 如何获取在 A 类中设置的 C 类中的 getter 值(在 B 类中声明)