CODEWITHSUNDEEP
javaswingscale
Алексей Босак
Алексей Босак

Reputation: 13

Java swing + UI scale

I need to create an application with interface scaling. I have a button with icon inside and jpanel, that hold this button. The problem is that when scale is on - an icon is blurred and to fix this, I use downscaling in paintComponent. When system scale is on, I have normal image, as a result. But JPanel still have a scaled size. I tryed to override JPanel paintComponent too, but as a result I had too small buttons, because downscale on button and donwscale on JPanel work togeather. I can't use scale only from JPanel, when I click a button, it take a scaled size and image blurred again. This is a simple example.

enter image description here

And the code is:

public class Test{

public static void main(String[] args) throws Exception{

    System.setProperty("sun.java2d.uiScale", "1.5");
    JFrame j = new JFrame();
    Image img = ImageIO.read(new File("D:\\1.png"));
    j.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    j.setPreferredSize(new Dimension(300, 150));
    j.setVisible(true);
    j.setLocationRelativeTo(null);
    j.setLayout(new BorderLayout());

    img = img.getScaledInstance((int) (60 * 1.5),(int) (60 * 1.5),Image.SCALE_DEFAULT);

    JToggleButton tb = new JToggleButton(){
        @Override
        protected void paintComponent(Graphics g) {

            Graphics2D g2 = (Graphics2D) g;
            g2.scale(0.67,0.67);
            super.paintComponent(g2);
        }
    };
    tb.setIcon(new ImageIcon(img));

    JToggleButton tb2 = new JToggleButton(){
        @Override
        protected void paintComponent(Graphics g) {

            Graphics2D g2 = (Graphics2D) g;
            g2.scale(0.67,0.67);
            super.paintComponent(g2);
        }
    };
    tb2.setIcon(new ImageIcon(img));


    JPanel jPanel = new JPanel(){

    };
    jPanel.setLayout(new GridLayout(1,1));
    jPanel.add(tb);
    jPanel.setBackground(Color.RED);



    JPanel content = new JPanel();
    content.setLayout(new FlowLayout());
    content.add(jPanel);

    j.setContentPane(content);
    j.pack();
}

} I use java10. Thank you.

Upvotes: 1

Views: 7344

Answers (1)

Alexey Ivanov
Alexey Ivanov

Reputation: 11838

You render your UI with scaling factor of 1.5: all UI including icons and images is scaled so that it displays correctly on a High DPI display. If image does not scale, it would be too small for a higher DPI setting.

If your application supports High DPI displays, i.e. UI scaling, you should provide images of different resolutions. See MultiResolutionImage in Java 9.

You can find sample code in this answer to a related question.

Upvotes: 1

Related Questions