Comment dessiner un rectangle arrondi en java avec la normale contour rectangulaire

Pour mon application java j'ai besoin d'un rectangle arrondi avec un contour qui ressemble à un rectangle, comme ce

Comment dessiner un rectangle arrondi en java avec la normale contour rectangulaire

Je sais que vous pouvez le faire en dessinant un rectangle normal et un RoundRect à l'intérieur, mais je ne veux pas tirer un RoundRect à l'intérieur parce que je veux dessiner quelque chose d'autre.

Donc un round rect avec normal des coins. Comment puis-je dessiner qu'en Java?

Le problème est que le rectangle ressemble à ça si j'utilise des couches:
Comment dessiner un rectangle arrondi en java avec la normale contour rectangulaireLes coins sont remplis avec de la bonne couleur. Comment puis-je éviter cela?

Ne pouvez-vous pas empiler des couches et dessinez un rectangle, ajouter un RoundRect couche, puis ajouter une autre couche contenant ce dont vous avez besoin à l'intérieur de la zone blanche?
Aussi, vous devez ajouter une balise correspondant à la bibliothèque graphique que vous utilisez (swing?).
"je sais que vous pouvez le faire en dessinant un rectangle normal et un RoundRect à l'intérieur, mais je ne veux pas tirer un RoundRect à l'intérieur parce que je veux dessiner quelque chose d'autre."</j'ai> Donc tirer "quelque chose" en dernier. Je ne vois vraiment pas le problème ici.
Peut-être un supplément de drawRoundRect(x, y, w, h, 1, 1) avec une largeur de tracé permettrait de remplir les triangles?

OriginalL'auteur user2016175 | 2013-01-27

  1. 10

    Je pense à deux approches. La première est de générer un Shape que représente le carré outter bord arrondi de l'arête intérieure.

    La deuxième serait d'utiliser un AlphaComposite pour générer un masqués résultat.

    Comment dessiner un rectangle arrondi en java avec la normale contour rectangulaire

    public class TestMask {
public static void main(String[] args) {
new TestMask();
}
public TestMask() {
EventQueue.invokeLater(new Runnable() {
@Override
public void run() {
try {
UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
} catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex) {
}
JFrame frame = new JFrame("Testing");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setLayout(new BorderLayout());
frame.add(new MaskedPane());
frame.pack();
frame.setLocationRelativeTo(null);
frame.setVisible(true);
}
});
}
public class MaskedPane extends JPanel {
public MaskedPane() {
setBackground(Color.RED);
}
@Override
public Dimension getPreferredSize() {
return new Dimension(200, 200);
}
@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);
BufferedImage outter = new BufferedImage(getWidth(), getHeight(), BufferedImage.TYPE_INT_ARGB);
Graphics2D g2d = outter.createGraphics();
g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
g2d.setColor(Color.BLACK);
g2d.fillRect(0, 0, getWidth(), getHeight());
g2d.dispose();
BufferedImage inner = new BufferedImage(getWidth(), getHeight(), BufferedImage.TYPE_INT_ARGB);
g2d = inner.createGraphics();
g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
g2d.setColor(Color.BLACK);
g2d.fillRoundRect(10, 10, getWidth() - 20, getHeight() - 20, 20, 20);
g2d.dispose();
BufferedImage masked = applyMask(outter, inner, AlphaComposite.DST_OUT);
g.drawImage(masked, 0, 0, this);
}
public BufferedImage applyMask(BufferedImage sourceImage, BufferedImage maskImage, int method) {
BufferedImage maskedImage = null;
if (sourceImage != null) {
int width = maskImage.getWidth();
int height = maskImage.getHeight();
maskedImage = new BufferedImage(width, height, BufferedImage.TYPE_INT_ARGB);
Graphics2D mg = maskedImage.createGraphics();
int x = (width - sourceImage.getWidth()) / 2;
int y = (height - sourceImage.getHeight()) / 2;
mg.drawImage(sourceImage, x, y, null);
mg.setComposite(AlphaComposite.getInstance(method));
mg.drawImage(maskImage, 0, 0, null);
mg.dispose();
}
return maskedImage;
}
public BufferedImage applyMask(BufferedImage sourceImage, BufferedImage maskImage) {
return (BufferedImage) applyMask(sourceImage, maskImage, AlphaComposite.DST_IN);
}
}
}

    Mis à jour avec la Forme exemple

    Comment dessiner un rectangle arrondi en java avec la normale contour rectangulaire

    Enfin eu le temps de taper...

    public class TestMask {
public static void main(String[] args) {
new TestMask();
}
public TestMask() {
EventQueue.invokeLater(new Runnable() {
@Override
public void run() {
try {
UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
} catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex) {
}
JFrame frame = new JFrame("Testing");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setLayout(new BorderLayout());
frame.add(new ShapedPane());
frame.pack();
frame.setLocationRelativeTo(null);
frame.setVisible(true);
}
});
}
public class ShapedPane extends JPanel {
public ShapedPane() {
setBackground(Color.GREEN);
}
@Override
public Dimension getPreferredSize() {
return new Dimension(200, 200);
}
@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);
Graphics2D g2d = (Graphics2D) g.create();
g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
g2d.setColor(Color.BLACK);
g2d.fill(new RounedFrame(getWidth(), getHeight(), 10, 20));
g2d.dispose();
}
}
public class RounedFrame extends Path2D.Float {
public RounedFrame(float width, float height, float thickness, float radius) {
moveTo(0, 0);
lineTo(width, 0);
lineTo(width, height);
lineTo(0, height);
lineTo(0, 0);
float innerWidth = width - thickness;
float innerHeight = height - thickness;
moveTo(thickness + radius, thickness);
lineTo(innerWidth - radius, thickness);
curveTo(innerWidth, thickness, innerWidth, thickness, innerWidth, thickness + radius);
lineTo(innerWidth, innerHeight - radius);
curveTo(innerWidth, innerHeight, innerWidth, innerHeight, innerWidth - radius, innerHeight);
lineTo(thickness + radius, innerHeight);
curveTo(thickness, innerHeight, thickness, innerHeight, thickness, innerHeight - radius);
lineTo(thickness, thickness + radius);
curveTo(thickness, thickness, thickness, thickness, thickness + radius, thickness);
closePath();
setWindingRule(WIND_EVEN_ODD);
}
}
}

    Mis à jour

    À partir d'un commentaire d'Andrew, vous pouvez simplifier l'utilisation de la forme par exemple à l'aide de Area

    Vous pouvez remplacer le paintComponent à partir de l'exemple ci-dessus avec celui-ci...

    @Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);
Area area = new Area(new Rectangle(0, 0, getWidth(), getHeight()));
area.subtract(new Area(new RoundRectangle2D.Float(10, 10, getWidth() - 20, getHeight() - 20, 20, 20)));
Graphics2D g2d = (Graphics2D) g.create();
g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
g2d.setColor(Color.BLACK);
g2d.fill(area);
g2d.dispose();
}

    Qui est beaucoup plus simple 😀

    Juste +1 pour la beauté de la présentation. La forme de la version (RounedFrame) ressemble à ce qui a été demandé.
    +1 très sympa....

    OriginalL'auteur MadProgrammer

  2. 8

    Quelque chose comme:

    paintComponent(Graphics g) {
//If you want more: Graphics2D g2 = (Graphics2D) g;
Rect rect = getBounds();
g.setColor(Color.BLACK);
g.fillRect(rect.x, rect,y, rect.width, rect.height);
rect.grow(-4, -4);
g.setColor(getBackground());
g.fillRoundRect(rect.x, rect,y, rect.width, rect.height, 5, 5);
}

    E. G.

    Comment dessiner un rectangle arrondi en java avec la normale contour rectangulaire

    import java.awt.*;
import java.awt.image.BufferedImage;
import javax.swing.*;
class CustomBorderWithContent {
public static void main(String[] args) {
Runnable r = new Runnable() {
@Override
public void run() {
int w = 200;
int h = 100;
int pad = 4;
BufferedImage img = new BufferedImage(
w, h, BufferedImage.TYPE_INT_RGB);
Graphics2D g = img.createGraphics();
g.setRenderingHint(
RenderingHints.KEY_ANTIALIASING, 
RenderingHints.VALUE_ANTIALIAS_ON);
//Ripped/adapted from Joop's answer
g.setColor(Color.BLACK);
g.fillRect(0, 0, w, h);
g.setColor(Color.ORANGE);
g.fillRoundRect(pad, pad, w-2*pad, h-2*pad, 25, 25);
//Now..
g.setColor(Color.BLUE);
g.drawString("Something else..", 20, 25);
g.dispose();
JOptionPane.showMessageDialog(
null, new JLabel(new ImageIcon(img)));
}
};
SwingUtilities.invokeLater(r);
}
}
    Merci pour les réponses. Mais en fait, je suis à la recherche de quelque chose d'autre. C'est difficile à expliquer. Je sais qu'il est possible d'utiliser des couches et tout, mais j'ai besoin de ce rectangle arrondi sur quelque chose d'autre puis-je obtenir cet effet: tinypic.com/r/2ldbm7m/6 , les coins sont remplis avec de la bonne couleur
    J'espère que vous ne me dérange pas de me l'édition de votre réponse pour ajouter un SSCCE. J'aurais ajouté ma propre réponse si vous n'aviez pas dit d'abord.
    merci pour les embellissements. Je vais essayer de suivre l'exemple. Désolé de ne pas poster votre réponse.
    J'ai aimé vos deux approches (et serait probablement utiliser un Area pour définir le combiné Shape) mais a estimé qu'il était important de corriger la Fpo hypothèse que ceci ne peut être réalisé à l'aide de la technique décrite par Joop.
    LOL. Je ne écrémé votre post, vu "Forme" et deviné que c'était la façon dont vous l'avez fait! Je devrais peut-être ajouter un 4ème exemple de la façon dont je le voulais. Mais wow.. le vrai problème ici n'est pas " comment faire cela?', mais " comment choisir parmi la myriade de les façons possibles pour faire cela?'. 🙂

    OriginalL'auteur Joop Eggen