Swing HTML drawString
Asked Answered
B

7

14

I'm trying to create some special component for a specific purpose, on that component I need to draw a HTML string, here's a sample code:

 public class MyComponent extends JComponent{
     public MyComponent(){
        super();
     }

     protected void paintComponent(Graphics g){
        //some drawing operations...
        g.drawString("<html><u>text to render</u></html>",10,10);
     }
 }

Unfortunately the drawString method seems to be not recognizing the HTML format, it foolishly draws the string just as it is.

Is there any way to make that work?

Babar answered 15/10, 2011 at 0:42 Comment(3)
Why don't you use JLabel? It supports HTML tags.Infidelity
My component doesn't just draw a html string, there's plenty of other drawing operations which i didn't want to show in the sample code just to focus on the real problem.Babar
'Special' how? 'Specifically' what? The answers to this question would suggest it is a good idea to include more detail, rather than less.Radial
B
6

I've found a short and a clean way to simulate the paintHtmlString; here's the code:

public class MyComponent extends JComponent {

    private JLabel label = null;

    public MyComponent() {
        super();
    }

    private JLabel getLabel() {
        if (label == null) {
            label = new JLabel();
        }
        return label;
    }

    /**
     * x and y stand for the upper left corner of the label
     * and not for the baseline coordinates ...
     */
    private void paintHtmlString(Graphics g, String html, int x, int y) {
        g.translate(x, y);
        getLabel().setText(html);
        //the fontMetrics stringWidth and height can be replaced by
        //getLabel().getPreferredSize() if needed
        getLabel().paint(g);
        g.translate(-x, -y);
    }

    protected void paintComponent(Graphics g) {
        //some drawing operations...
        paintHtmlString(g, "<html><u>some text</u></html>", 10, 10);
    }
}

Thanks to every one for the help, I do appreciate that very much.

Babar answered 15/10, 2011 at 14:19 Comment(1)
As noted here, it may be necessary to getLabel().setSize(getLabel().getPreferredSize()) if the JLabel has never been added under a Frame that has been pack()ed (or equivalent).Cabriolet
D
12

If a fan of Java2D; but to get the most leverage from HTML in Swing components and layouts, I'd encourage you to use the component approach suggested by @camickr. If necessary, you can use the flyweight renderer approach seen in JTable, et al, in which a single component is used repeatedly for drawing. The example below is a very simplified outline of the technique, changing only the color and location.

Addendum: Updated example; see also CellRendererPane and Make your apps fly: Implement Flyweight to improve performance.

enter image description here

import java.awt.Color;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Graphics;
import javax.swing.CellRendererPane;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;

/** @see http://stackoverflow.com/questions/7774960 */
public class PaintComponentTest extends JPanel {

    private static final int N = 8;
    private static final String s = "<html><big><u>Hello</u></html>";
    private JLabel renderer = new JLabel(s);
    private CellRendererPane crp = new CellRendererPane();
    private Dimension dim;

    public PaintComponentTest() {
        this.setBackground(Color.black);
        dim = renderer.getPreferredSize();
        this.add(crp);
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        for (int i = 0; i < N; i++) {
            renderer.setForeground(Color.getHSBColor((float) i / N, 1, 1));
            crp.paintComponent(g, renderer, this,
                i * dim.width, i * dim.height, dim.width, dim.height);
        }
    }

    private void display() {
        JFrame f = new JFrame("PaintComponentTest");
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.add(this);
        f.pack();
        f.setSize(dim.width * N, dim.height * (N + 1));
        f.setLocationRelativeTo(null);
        f.setVisible(true);
    }

    public static void main(String[] args) {
        EventQueue.invokeLater(new Runnable() {

            @Override
            public void run() {
                new PaintComponentTest().display();
            }
        });
    }
}
Donoghue answered 15/10, 2011 at 6:24 Comment(2)
thank you very much for the help. I've found out another way to do this without needing the CellRendererPane. (Take a look on my answer post).Babar
You're welcome. CellRendererPane offers a few convenient optimizations for buffering and validation that may yet prove useful going forward.Donoghue
R
10

As others have commented, Swing components support HTML 3.2 and basic styles.

For details on how to leverage that ability in the paintComponent(Graphics) method, see the LabelRenderTest.java source on this thread.

The approach is to render the label to an image, then render the image to the Graphics object.

Radial answered 15/10, 2011 at 4:19 Comment(1)
I've found out a way to paint the htmlString using JLabel but without the need to render an image (take a look on my post). Thank you very much for the help.Babar
P
7

The answer to your question is that HTML is not supported.

The easy solution is to use Swing components and lay them out properly.

If you want to do it yourself then you need to manipulate the Font that you use for the drawString() method. You can use a Font with italics, bold etc.

Predesignate answered 15/10, 2011 at 2:39 Comment(1)
Thank you very much for the answer, it helped me thinking the right way.Babar
B
6

I've found a short and a clean way to simulate the paintHtmlString; here's the code:

public class MyComponent extends JComponent {

    private JLabel label = null;

    public MyComponent() {
        super();
    }

    private JLabel getLabel() {
        if (label == null) {
            label = new JLabel();
        }
        return label;
    }

    /**
     * x and y stand for the upper left corner of the label
     * and not for the baseline coordinates ...
     */
    private void paintHtmlString(Graphics g, String html, int x, int y) {
        g.translate(x, y);
        getLabel().setText(html);
        //the fontMetrics stringWidth and height can be replaced by
        //getLabel().getPreferredSize() if needed
        getLabel().paint(g);
        g.translate(-x, -y);
    }

    protected void paintComponent(Graphics g) {
        //some drawing operations...
        paintHtmlString(g, "<html><u>some text</u></html>", 10, 10);
    }
}

Thanks to every one for the help, I do appreciate that very much.

Babar answered 15/10, 2011 at 14:19 Comment(1)
As noted here, it may be necessary to getLabel().setSize(getLabel().getPreferredSize()) if the JLabel has never been added under a Frame that has been pack()ed (or equivalent).Cabriolet
G
5

Use JLabel as your base class. Graphics.drawString() can only... draw a string.

Gasman answered 15/10, 2011 at 0:48 Comment(1)
My component doesn't just draw a html string, there's plenty of other drawing operations which i didn't want to show in the sample code just to focus on the real problem. I know that JLabel and all other Swing components which are holding text do support the html format.<br/> Im just wondering if there's any way to render html texts through a Graphics instance.Babar
F
5

This is not the way to implement.

The drawString(String str, int x, int y) only draws the text given by the specified string, using this graphics context's current font and color.

You can get more information for your problem from here, How to Use HTML in Swing Components

Fenestrated answered 15/10, 2011 at 2:40 Comment(1)
thank you for the answer, it helped me to go in the right way.Babar
K
2

There isn't an easy way to render HTML to paint with Graphics, go with a JLabel.

However, there is an interesting way to accomplish this by creating a JLabel with HTML and painting it's graphics to the component:

private JLabel label;

public MyComponent() {
    label = new JLabel("Before Red");
    label.setText("<html><u>test</u></html>");
    this.add(label);
}

public void repaint(Graphics g){
    g = label.getGraphics();
}

The easiest way to accomplish this would be to set a font for your graphics, for example:

public void repaint(Graphics g){    
    Font f = new Font("Courier", Font.BOLD, 12);
    g.setFont(f);
    g.drawString("Bolded Courier", 5, 15);
}
Kerb answered 15/10, 2011 at 2:45 Comment(0)

© 2022 - 2024 — McMap. All rights reserved.