Is there a standard GUI switch in Java?

Question

Is there a standard implementation or library that provides a GUI toggle switch in Swing? I know that Swing provides a toggle button, but the UX is poor. I am looking for this:

Also, is there a canonical term for this type of control? Apple HIG refers to it as UISwitch. I also tried to find the "toggle switch", but I was out of luck. (Lots of JavaScript results, but nothing native.)

Answer 1

You can simulate it using two icons for presentation on. and off, then set them to JToggleButton .

Aside, users want to see logical and consistent graphical interfaces that represent the "least unexpected path", these are developers who think that users need a "beautiful, smart" graphical interface (and that they can develop it). Why would they want such control over a standard button?

Answer 2

I don't know the standard one, but Gerrit Grunwald , who creates the Steel Series components, has created an implementation of this, which he calls a Steel Flag

Answer 3

Swing does not have a standard switch like the one you described. Best of all, if you do not find a third party, just write. The way I approached it would be a simple structure:

• JLabel
• Override paintComponent
• Check condition with something like isOn()
• Add the MouseListener value to the switching state.
• Custom coloring takes into account the values ​​and sizes of labels.

I could send you the one I wrote some time ago, but you probably have a very specific idea of ​​what you want, it may take half an hour to build it.

Answer 4

I think I was 6 years late, but nonetheless for those who are still looking for a simple solution:

 import java.awt.Color; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.RenderingHints; import java.awt.event.MouseAdapter; import java.awt.event.MouseEvent; import java.awt.image.BufferedImage; import java.awt.Cursor; import javax.swing.JPanel; @SuppressWarnings("serial") public class ToggleSwitch extends JPanel { private boolean activated = false; private Color switchColor = new Color(200, 200, 200), buttonColor = new Color(255, 255, 255), borderColor = new Color(50, 50, 50); private Color activeSwitch = new Color(0, 125, 255); private BufferedImage puffer; private int borderRadius = 10; private Graphics2D g; public ToggleSwitch() { super(); setVisible(true); addMouseListener(new MouseAdapter() { @Override public void mouseReleased(MouseEvent arg0) { activated = !activated; repaint(); } }); setCursor(new Cursor(Cursor.HAND_CURSOR)); setBounds(0, 0, 41, 21); } @Override public void paint(Graphics gr) { if(g == null || puffer.getWidth() != getWidth() || puffer.getHeight() != getHeight()) { puffer = (BufferedImage) createImage(getWidth(), getHeight()); g = (Graphics2D)puffer.getGraphics(); RenderingHints rh = new RenderingHints( RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON); g.setRenderingHints(rh); } g.setColor(activated?activeSwitch:switchColor); g.fillRoundRect(0, 0, this.getWidth()-1,getHeight()-1, 5, borderRadius); g.setColor(borderColor); g.drawRoundRect(0, 0, getWidth()-1, getHeight()-1, 5, borderRadius); g.setColor(buttonColor); if(activated) { g.fillRoundRect(getWidth()/2, 1, (getWidth()-1)/2 -2, (getHeight()-1) - 2, borderRadius, borderRadius); g.setColor(borderColor); g.drawRoundRect((getWidth()-1)/2, 0, (getWidth()-1)/2, (getHeight()-1), borderRadius, borderRadius); } else { g.fillRoundRect(1, 1, (getWidth()-1)/2 -2, (getHeight()-1) - 2, borderRadius, borderRadius); g.setColor(borderColor); g.drawRoundRect(0, 0, (getWidth()-1)/2, (getHeight()-1), borderRadius, borderRadius); } gr.drawImage(puffer, 0, 0, null); } public boolean isActivated() { return activated; } public void setActivated(boolean activated) { this.activated = activated; } public Color getSwitchColor() { return switchColor; } /** * Unactivated Background Color of switch */ public void setSwitchColor(Color switchColor) { this.switchColor = switchColor; } public Color getButtonColor() { return buttonColor; } /** * Switch-Button color */ public void setButtonColor(Color buttonColor) { this.buttonColor = buttonColor; } public Color getBorderColor() { return borderColor; } /** * Border-color of whole switch and switch-button */ public void setBorderColor(Color borderColor) { this.borderColor = borderColor; } public Color getActiveSwitch() { return activeSwitch; } public void setActiveSwitch(Color activeSwitch) { this.activeSwitch = activeSwitch; } /** * @return the borderRadius */ public int getBorderRadius() { return borderRadius; } /** * @param borderRadius the borderRadius to set */ public void setBorderRadius(int borderRadius) { this.borderRadius = borderRadius; } } 

Just copy it to ToggleSwitch.java. You can add it to your JFrame as follows:

 ToggleSwitch ts = new ToggleSwitch(); ts.setLocation(5, 135); frame.add(ts);