Ungeordnete Liste Bullet Looks Pixeled in JEditorPane

Question

Ich verwende eine ungeordnete HTML-Liste, um Text in einem JEditorPane anzuzeigen. Eine Probe des HTML sieht wie folgt aus:

<ul><li>Cautious</li> 
<li>Curious</li> 
</ul> 

Das funktioniert alles gut und schön, aber seltsamerweise die von <li> erzeugten Kugeln sehen nicht die gleiche Qualität wie der Text zu sein, es ist neben. (Mac OS 10.7.5 wird ausgeführt, wenn es darauf ankommt). Die runden Kugeln aussehen blocky und pixelig:

Normale Zoom:

Gezoomte in:

Wie besonders deutlich, wenn es in gezoomt wird, dies ist nur ein Block von Pixeln, die nicht symmetrisch sind und keine Form von Anti-Aliasing haben, was für einen weniger als überzeugend kreisförmigen Rundungspunkt sorgt. Im Vergleich zum Text daneben sieht es selbst bei normalem Zoom "scharf" aus.

Gibt es eine Möglichkeit, dass ich das beheben kann?

EDIT: Mit dem • Zeichen (Option + auf einem Mac) erzeugt einen kleinen Aufzählungspunkt in dem Text, der nicht pixelig aussieht. Ich könnte natürlich dieses Zeichen manuell einfügen, anstatt <ul><li> zu verwenden, aber ich möchte eine HTML ungeordnete Liste verwenden, wenn ich kann.

Answer 1

Verwenden Hinweise Rendering einzuschalten Anti-Aliasing-Eigenschaft KEY_ANTIALIASING.

Sie setzen einige Rendering Hinweise globally, aber das scheint nicht für KEY_ANTIALIASING zu arbeiten, so müssen Sie die paint() Methode von JEditorPane außer Kraft zu setzen.

public class HTMLTest {  

     public static void main(String[] args) { 
     SwingUtilities.invokeLater(new Runnable() { 
      @Override 
      public void run() { 
      String html = "<ul><li>Cautious</li><li>Curious</li></ul>"; 
      JEditorPane pane = new JEditorPane("text/html", html) { 

       public void paint(Graphics g) { 
       Graphics2D g2d = (Graphics2D) g.create(); 
       g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON); 
       super.paint(g2d); 
       g2d.dispose(); 
       } 

      }; 
      pane.setVisible(true); 

      JOptionPane.showMessageDialog(null, pane); 
      } 
     });  
     } 
} 

Answer 2

Sie müssen die Aufzählungszeichen ändern. Erstellen Sie ein Bild mit einem besser aussehenden Aufzählungszeichen, und fügen Sie dann CSS zum Editorfenster hinzu, damit es Ihr neues Aufzählungsbild verwendet.

JEditorPane pane = new JEditorPane(); 
String u = "C:/path/to/bullet.png"; 
HTMLEditorKit htmlEditorKit = (HTMLEditorKit) pane.getEditorKit(); 
StyleSheet styleSheet = htmlEditorKit.getStyleSheet(); 
styleSheet.addRule(String.format("ul{list-style-image:url(%s);margin:0px 20px;", u));