Java中的设计按钮（如CSS）

Question

对于我的项目，我需要创建可自定义的按钮。除了我有问题，我不知道如何解决它。 我有一个背景图像为我的按钮，我希望它可以在X和Y可扩展，根据文本将会结束而不会损失质量。 你有什么想法吗？

Answer 1

Swing具有可插拔的外观和感觉，允许通过ComponentUI（在这种情况下：ButtonUI）来改变其小部件的外观。

按钮示例：

class StyledButtonUI extends BasicButtonUI {

    @Override
    public void installUI (JComponent c) {
        super.installUI(c);
        AbstractButton button = (AbstractButton) c;
        button.setOpaque(false);
        button.setBorder(new EmptyBorder(5, 15, 5, 15));
    }

    @Override
    public void paint (Graphics g, JComponent c) {
        AbstractButton b = (AbstractButton) c;
        paintBackground(g, b, b.getModel().isPressed() ? 2 : 0);
        super.paint(g, c);
    }

    private void paintBackground (Graphics g, JComponent c, int yOffset) {
        Dimension size = c.getSize();
        Graphics2D g2 = (Graphics2D) g;
        g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
        g.setColor(c.getBackground().darker());
        g.fillRoundRect(0, yOffset, size.width, size.height - yOffset, 10, 10);
        g.setColor(c.getBackground());
        g.fillRoundRect(0, yOffset, size.width, size.height + yOffset - 5, 10, 10);
    }
}

主要测试方法：

public static void main (String[] args) {
    JFrame f = new JFrame("Button UI Test");
    f.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
    JPanel p = new JPanel();
    p.setBackground(Color.white);
    f.setContentPane(p);
    p.setLayout(new FlowLayout(5, 5));
    p.setBorder(new EmptyBorder(10, 10, 10, 10));

    for (int i = 1; i <= 5; i++) {
        final JButton button = new JButton("Button #" + i);
        button.setFont(new Font("Calibri", Font.PLAIN, 14));
        button.setBackground(new Color(0x2dce98));
        button.setForeground(Color.white);
        // customize the button with your own look
        button.setUI(new StyledButtonUI());
        p.add(button);
    }

    f.pack();
    f.setLocation(500, 500);
    f.setVisible(true);
}

Answer 2

您可以缩放图像并创建ImageIcon。像这样：

ImageIcon icon = new ImageIcon("img.png");
Image scaledImg = icon.getImage().getScaledInstance(newWidth, newHeight,  java.awt.Image.SCALE_SMOOTH);  
icon = new ImageIcon(scaledImg);
JButton button = new JButton(icon);
button.setHorizontalTextPosition(JButton.CENTER);
button.setVerticalTextPosition(JButton.CENTER);