如何在Java Swing中使用GradientPaint实现阴影效果?

4

我希望在我的项目中实现这种类型的文本字段。

enter image description here

我编写了一个Painter类来为我的文本字段设置背景。

这是我的Main类,我在其中设置了Nimbus作为外观:

import java.awt.FlowLayout;
import javax.swing.JFrame;
import javax.swing.JTextField;
import javax.swing.UIManager;

class NimbusBaseDemo extends JFrame {
    /**
     * 
     */
    private static final long serialVersionUID = 1L;
    JTextField jtxt, txtDisEnabled;
    int i;

    private UIManager.LookAndFeelInfo[] lafs;

    public NimbusBaseDemo() {
        try {

            // Set nimbus look and feel. nimbusBase works only for it.
            new NimbusBaseUI();

        } catch (Exception e) {
            e.printStackTrace();
        }

        setTitle("Nimbus Base Demo");
        setSize(400, 400);
        setLayout(new FlowLayout());
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setVisible(true);
        jtxt = new JTextField();
        jtxt = new JTextField("Enabled Text Field");
        jtxt.setEnabled(true);
        add(jtxt);
        // Disabled text field
        txtDisEnabled = new JTextField("Disabled Text Field");
        txtDisEnabled.setEnabled(false);
        add(txtDisEnabled);

    }

    public static void main(String args[]) {

        new NimbusBaseDemo();
    }
}

这是我的Nimbus主题类,我在这里扩展了NimbusLookAndFell类,并按照我的要求设置了默认值。

import javax.swing.UIManager;
import javax.swing.plaf.nimbus.NimbusLookAndFeel;
public class NimbusBaseUI extends NimbusLookAndFeel {
    public NimbusBaseUI() {
        super(); // Initialisation and installating
        try {
            new TextFieldTheme(this);
            UIManager.setLookAndFeel(this);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    @Override
    public void initialize() {
        // TODO Auto-generated method stub
        super.initialize();
    }

}

这是我的文本框主题类,我在NimbusBaseUI类中使用它。

import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Font;
import java.awt.GradientPaint;
import java.awt.Graphics2D;
import java.awt.Insets;
import java.awt.RenderingHints;

import javax.swing.Painter;

public class TextFieldTheme {

    public TextFieldTheme(NimbusBaseUI nimbusUI) {
        nimbusUI.getDefaults().put("TextField.opaque", false);
        nimbusUI.getDefaults().put("TextField.font",
                new Font("Myriad Pro Light", Font.PLAIN, 13));
        nimbusUI.getDefaults().put("TextField[Enabled].textForeground",
                new Color(0, 0, 0));

        nimbusUI.getDefaults().put("TextField.contentMargins",
                new Insets(2, 10, 2, 2));
        nimbusUI.getDefaults().put("TextField[Enabled].contentMargins",
                new Insets(2, 10, 2, 2));
        nimbusUI.getDefaults().put("TextField[Disabled].contentMargins",
                new Insets(2, 10, 2, 2));
        nimbusUI.getDefaults().put(
                "TextField[Enabled].backgroundPainter",
                new TextFeildPaintBorder(new Color(0, 0, 255), new Color(255,
                        255, 255)));
        nimbusUI.getDefaults().put(
                "TextField[Focused].backgroundPainter",
                new TextFeildPaintBorder(new Color(0, 0, 255), new Color(255,
                        255, 255)));
        nimbusUI.getDefaults().put(
                "TextField[Selected].backgroundPainter",
                new TextFeildPaintBorder(new Color(0, 0, 255), new Color(255,
                        255, 255)));
        nimbusUI.getDefaults().put(
                "TextField[MouseOver].backgroundPainter",
                new TextFeildPaintBorder(new Color(0, 0, 255), new Color(255,
                        255, 255)));
        nimbusUI.getDefaults().put(
                "TextField[Enabled+Focused].backgroundPainter",
                new TextFeildPaintBorder(new Color(0, 0, 255), new Color(255,
                        255, 255)));
        nimbusUI.getDefaults().put(
                "TextField[Enabled+Selected].backgroundPainter",
                new TextFeildPaintBorder(new Color(0, 0, 255), new Color(255,
                        255, 255)));
        nimbusUI.getDefaults().put(
                "TextField[Enabled+MouseOver].backgroundPainter",
                new TextFeildPaintBorder(new Color(0, 0, 255), new Color(255,
                        255, 255)));

        nimbusUI.getDefaults().put("TextField[Disabled].textForeground",
                new Color(0, 0, 0));
        nimbusUI.getDefaults().put(
                "TextField[Disabled].backgroundPainter",
                new TextFeildPaintBorder(new Color(255, 255, 255), new Color(
                        255, 255, 255)));
        nimbusUI.getDefaults().put(
                "TextField[Disabled+Focused].backgroundPainter",
                new TextFeildPaintBorder(new Color(0, 0, 255), new Color(255,
                        255, 255)));
        nimbusUI.getDefaults().put(
                "TextField[Disabled+Selected].backgroundPainter",
                new TextFeildPaintBorder(new Color(0, 0, 255), new Color(255,
                        255, 255)));
        nimbusUI.getDefaults().put(
                "TextField[Disabled+MouseOver].backgroundPainter",
                new TextFeildPaintBorder(new Color(0, 0, 255), new Color(255,
                        255, 255)));

    }

    public class TextFeildPaintBorder implements Painter {

        private Color light, dark;
        private GradientPaint gradPaint;
        protected int strokeSize = 1;
        /** Color of shadow */

        /** Color of shadow */
        protected Color shadowColor = new Color(128, 128, 128, 140);

        /** Sets if it drops shadow */
        protected boolean shady = true;
        /** Sets if it has an High Quality view */
        protected boolean highQuality = false;
        /** Double values for Horizontal and Vertical radius of corner arcs */
        protected Dimension arcs = new Dimension(10, 10);
        /** Distance between shadow border and opaque panel border */
        protected int shadowGap = 1;
        /** The offset of shadow. */
        protected int shadowOffset = 1; // width of the shadow
        /** The transparency value of shadow. ( 0 - 255) */
        protected int shadowAlpha = 130;

        public TextFeildPaintBorder(Color light, Color dark) {
            this.light = light;
            this.dark = dark;
        }

        @Override
        public void paint(Graphics2D g, Object object, int w, int h) {

            Color shadowColorA = new Color(shadowColor.getRed(),
                    shadowColor.getGreen(), shadowColor.getBlue(), shadowAlpha);
            if (highQuality) {
                g.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                        RenderingHints.VALUE_ANTIALIAS_ON);
            }
            if (shady) {
                g.setColor(shadowColorA);
                g.fillRoundRect(0, 0, w - shadowGap, h - shadowGap, arcs.width,
                        arcs.height);
            } else {
                shadowGap = 1;
            }
            gradPaint = new GradientPaint((w / 2.0f), 0, new Color(255, 255,
                    255), (w / 2.0f), (h / 2.0f), new Color(255, 255, 255),
                    false);
            g.setPaint(gradPaint);

            g.fillRoundRect(shadowOffset,// X position
                    shadowOffset,// Y position
                    w - strokeSize - shadowOffset, // width
                    h - strokeSize - shadowOffset, // height
                    arcs.width, arcs.height);// arc Dimension
            g.setColor(new Color(188, 188, 187, 130));
            g.setStroke(new BasicStroke(strokeSize));
            g.drawRoundRect(shadowOffset,// X position
                    shadowOffset,// Y position
                    w - strokeSize - shadowOffset, // width
                    h - strokeSize - shadowOffset, // height
                    arcs.width, arcs.height);// arc Dimension
            g.setStroke(new BasicStroke());

        }

    }

}

编译和运行后,我得到了如下结果: enter image description here

1
更新问题以添加图片并澄清 :) 希望你能找到答案...也许这个或者这个可以帮助。 - Jordi Castilla
1
谢谢 @JordiCastilla - Kathi
1
请发布一个 MCVE。确保将代码复制粘贴到一个新项目中,并在发布前确认其编译和运行正常。 - user1803551
@user1803551 根据您的建议进行了更改。现在您能看一下吗? - Kathi
当我运行你的代码时,得到一个空的框架(检查你的setVisible调用)。另外,TextFeildPaintBorder没有任何作用,因为你没有使用它设置的字段。请修复你的代码。(还有int i;是干什么用的?) - user1803551
此外,我认为您的大多数UI属性都是无效的。 - user1803551
1个回答

1

您需要使用 jtxt.setBorder(BorderFactory.createEmptyBorder(2, 10, 2, 2)) 替代 d.put("TextField.contentMargins", new Insets(2, 10, 2, 2))

enter image description here

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

public class NimbusBaseDemo2 {
  public JComponent makeUI() {
    //UIDefaults d = UIManager.getLookAndFeelDefaults();
    UIDefaults d = new UIDefaults();
    //d.put("TextField.opaque", false);
    //d.put("TextField.font", new Font("Myriad Pro Light", Font.PLAIN, 13));
    //d.put("TextField[Enabled].textForeground", new Color(0, 0, 0));
    //d.put("TextField[Disabled].textForeground", new Color(0, 0, 0));

    //Insets ins = new Insets(2, 10, 2, 2);
    //d.put("TextField.contentMargins", ins);
    //d.put("TextField[Enabled].contentMargins", ins);
    //d.put("TextField[Disabled].contentMargins", ins);

    Painter<JComponent> painter = new TextFeildPaintBorder(
      new Color(220, 220, 220), new Color(255, 255, 255));
    d.put("TextField[Enabled].backgroundPainter", painter);
    d.put("TextField[Focused].backgroundPainter", painter);
    d.put("TextField[Selected].backgroundPainter", painter);

    Painter<JComponent> painter2 = new TextFeildPaintBorder(
      new Color(200, 200, 200), new Color(220, 220, 220));
    d.put("TextField[Disabled].backgroundPainter", painter2);
    d.put("TextField[Disabled+Focused].backgroundPainter", painter2);
    d.put("TextField[Disabled+Selected].backgroundPainter", painter2);

    //TEST:
    //Painter<JComponent> painter3 = new Painter<JComponent>() {
    //  @Override public void paint(Graphics2D g, JComponent c, int w, int h) {
    //  }
    //};
    //d.put("TextField[Disabled].borderPainter", painter3);
    //d.put("TextField[Enabled].backgroundPainter", painter3);
    //d.put("TextField[Focused].backgroundPainter", painter3);

    JTextField jtxt = new JTextField("Enabled Text Field");
    jtxt.setBorder(BorderFactory.createEmptyBorder(2, 10, 2, 2));
    jtxt.putClientProperty("Nimbus.Overrides", d);

    JTextField txtDisEnabled = new JTextField("Disabled Text Field");
    txtDisEnabled.setEnabled(false);

    JTextField txtDisEnabled2 = new JTextField("Disabled Text Field");
    txtDisEnabled2.setBorder(BorderFactory.createEmptyBorder(2, 10, 2, 2));
    txtDisEnabled2.putClientProperty("Nimbus.Overrides", d);
    txtDisEnabled2.setEnabled(false);

    Box box = Box.createVerticalBox();
    box.add(new JSeparator());
    box.add(Box.createVerticalStrut(5));
    box.add(new JTextField("Enabled Text Field"));
    box.add(Box.createVerticalStrut(5));
    box.add(jtxt);
    box.add(Box.createVerticalStrut(5));
    box.add(new JSeparator());
    box.add(Box.createVerticalStrut(5));
    box.add(txtDisEnabled);
    box.add(Box.createVerticalStrut(5));
    box.add(txtDisEnabled2);
    box.add(Box.createVerticalStrut(5));
    JPanel p = new JPanel(new BorderLayout());
    p.setBorder(BorderFactory.createEmptyBorder(10, 10, 10, 10));
    p.add(box, BorderLayout.NORTH);
    return p;
  }
  public static void main(String... args) {
    EventQueue.invokeLater(() -> {
      try {
        for (UIManager.LookAndFeelInfo laf : UIManager.getInstalledLookAndFeels()) {
          if ("Nimbus".equals(laf.getName())) {
            UIManager.setLookAndFeel(laf.getClassName());
          }
        }
      } catch (Exception e) {
        e.printStackTrace();
      }
      JFrame f = new JFrame();
      f.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
      f.getContentPane().add(new NimbusBaseDemo2().makeUI());
      f.setSize(320, 240);
      f.setLocationRelativeTo(null);
      f.setVisible(true);
    });
  }
}

class TextFeildPaintBorder implements Painter<JComponent> {
  private Color light, dark;
  private GradientPaint gradPaint;
  protected int strokeSize = 1;
  /** Color of shadow */
  protected Color shadowColor = new Color(128, 128, 128, 140);

  /** Sets if it drops shadow */
  protected boolean shady = true;
  /** Sets if it has an High Quality view */
  protected boolean highQuality = false;
  /** Double values for Horizontal and Vertical radius of corner arcs */
  protected Dimension arcs = new Dimension(10, 10);
  /** Distance between shadow border and opaque panel border */
  protected int shadowGap = 1;
  /** The offset of shadow. */
  protected int shadowOffset = 1; // width of the shadow
  /** The transparency value of shadow. ( 0 - 255) */
  protected int shadowAlpha = 130;

  public TextFeildPaintBorder(Color light, Color dark) {
    this.light = light;
    this.dark = dark;
  }

  @Override
  public void paint(Graphics2D g, JComponent c, int w, int h) {
    Color shadowColorA = new Color(
      shadowColor.getRed(),
      shadowColor.getGreen(),
      shadowColor.getBlue(),
      shadowAlpha);
    if (highQuality) {
      g.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                         RenderingHints.VALUE_ANTIALIAS_ON);
    }
    if (shady) {
      g.setColor(shadowColorA);
      g.fillRoundRect(
        0, 0, w - shadowGap, h - shadowGap, arcs.width, arcs.height);
    } else {
      shadowGap = 1;
    }
    gradPaint = new GradientPaint(0, 0, light, 0, h * .5f, dark, false);
    g.setPaint(gradPaint);

    g.fillRoundRect(shadowOffset,// X position
                    shadowOffset,// Y position
                    w - strokeSize - shadowOffset, // width
                    h - strokeSize - shadowOffset, // height
                    arcs.width, arcs.height);// arc Dimension
    g.setColor(new Color(188, 188, 187, 130));
    g.setStroke(new BasicStroke(strokeSize));
    g.drawRoundRect(shadowOffset,// X position
                    shadowOffset,// Y position
                    w - strokeSize - shadowOffset, // width
                    h - strokeSize - shadowOffset, // height
                    arcs.width, arcs.height);// arc Dimension
    g.setStroke(new BasicStroke());
  }
}

添加:

我需要将项目中所有文本字段应用相同的主题。

另一种选择是使用 TextField[Focused].borderPainterTextField.contentMargins

d.put("TextField.contentMargins", insets);
d.put("TextField[Focused].borderPainter", emptyPainter);

NimbusBaseDemo3
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;

public class NimbusBaseDemo3 {
  public JComponent makeUI() {
    JTextField jtxt = new JTextField("Enabled Text Field");

    JTextField txtDisEnabled = new JTextField("Disabled Text Field");
    txtDisEnabled.setEnabled(false);

    JTextField txtDisEnabled2 = new JTextField("Disabled Text Field");
    txtDisEnabled2.setEnabled(false);

    Box box = Box.createVerticalBox();
    box.add(new JSeparator());
    box.add(Box.createVerticalStrut(5));
    box.add(new JTextField("Enabled Text Field"));
    box.add(Box.createVerticalStrut(5));
    box.add(jtxt);
    box.add(Box.createVerticalStrut(5));
    box.add(new JSeparator());
    box.add(Box.createVerticalStrut(5));
    box.add(txtDisEnabled);
    box.add(Box.createVerticalStrut(5));
    box.add(txtDisEnabled2);
    box.add(Box.createVerticalStrut(5));
    JPanel p = new JPanel(new BorderLayout());
    p.setBorder(BorderFactory.createEmptyBorder(10, 10, 10, 10));
    p.add(box, BorderLayout.NORTH);
    return p;
  }
  public static void main(String... args) {
    EventQueue.invokeLater(() -> {
      try {
        for (UIManager.LookAndFeelInfo laf : UIManager.getInstalledLookAndFeels()) {
          if ("Nimbus".equals(laf.getName())) {
            UIManager.setLookAndFeel(laf.getClassName());

            UIDefaults d = UIManager.getLookAndFeelDefaults();

            Insets ins = new Insets(2, 10, 2, 2);
            d.put("TextField.contentMargins", ins);
            d.put("TextField[Enabled].contentMargins", ins);
            d.put("TextField[Disabled].contentMargins", ins);

            Painter<JComponent> painter = new TextFeildPaintBorder(
              new Color(220, 220, 220), new Color(255, 255, 255));
            d.put("TextField[Enabled].backgroundPainter", painter);
            d.put("TextField[Focused].backgroundPainter", painter);
            d.put("TextField[Selected].backgroundPainter", painter);

            Painter<JComponent> painter2 = new TextFeildPaintBorder(
              new Color(200, 200, 200), new Color(220, 220, 220));
            d.put("TextField[Disabled].backgroundPainter", painter2);

            Painter<JComponent> painter3 = new Painter<JComponent>() {
              @Override public void paint(Graphics2D g, JComponent c, int w, int h) {}
            };
            d.put("TextField[Disabled].borderPainter", painter3);
            d.put("TextField[Enabled].borderPainter", painter3);
            d.put("TextField[Focused].borderPainter", painter3);
          }
        }
      } catch (Exception e) {
        e.printStackTrace();
      }
      JFrame f = new JFrame();
      f.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
      f.getContentPane().add(new NimbusBaseDemo3().makeUI());
      f.setSize(320, 240);
      f.setLocationRelativeTo(null);
      f.setVisible(true);
    });
  }
}

class TextFeildPaintBorder implements Painter<JComponent> {
  private Color light, dark;
  private GradientPaint gradPaint;
  protected int strokeSize = 1;
  /** Color of shadow */
  protected Color shadowColor = new Color(128, 128, 128, 140);

  /** Sets if it drops shadow */
  protected boolean shady = true;
  /** Sets if it has an High Quality view */
  protected boolean highQuality = false;
  /** Double values for Horizontal and Vertical radius of corner arcs */
  protected Dimension arcs = new Dimension(10, 10);
  /** Distance between shadow border and opaque panel border */
  protected int shadowGap = 1;
  /** The offset of shadow. */
  protected int shadowOffset = 1; // width of the shadow
  /** The transparency value of shadow. ( 0 - 255) */
  protected int shadowAlpha = 130;

  public TextFeildPaintBorder(Color light, Color dark) {
    this.light = light;
    this.dark = dark;
  }

  @Override
  public void paint(Graphics2D g, JComponent c, int w, int h) {
    Color shadowColorA = new Color(
      shadowColor.getRed(),
      shadowColor.getGreen(),
      shadowColor.getBlue(),
      shadowAlpha);
    if (highQuality) {
      g.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                         RenderingHints.VALUE_ANTIALIAS_ON);
    }
    if (shady) {
      g.setColor(shadowColorA);
      g.fillRoundRect(
        0, 0, w - shadowGap, h - shadowGap, arcs.width, arcs.height);
    } else {
      shadowGap = 1;
    }
    gradPaint = new GradientPaint(0, 0, light, 0, h * .5f, dark, false);
    g.setPaint(gradPaint);

    g.fillRoundRect(shadowOffset,// X position
                    shadowOffset,// Y position
                    w - strokeSize - shadowOffset, // width
                    h - strokeSize - shadowOffset, // height
                    arcs.width, arcs.height);// arc Dimension
    g.setColor(new Color(188, 188, 187, 130));
    g.setStroke(new BasicStroke(strokeSize));
    g.drawRoundRect(shadowOffset,// X position
                    shadowOffset,// Y position
                    w - strokeSize - shadowOffset, // width
                    h - strokeSize - shadowOffset, // height
                    arcs.width, arcs.height);// arc Dimension
    g.setStroke(new BasicStroke());
  }
}

谢谢您的回答,但我需要在“文本字段主题”类中应用边框。因为我需要在项目中的所有文本字段上应用相同的文本字段主题。 - Kathi

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接