JSlider<\/code> component. JSlider<\/code> is a component that lets the users select a value by sliding a knob within a specified interval. For the knob, it always points to the point which matches the integer values within the interval.<\/p>\nFor JSlider<\/code>, six different constructors can be used:<\/p>\n\n- JSlider(): creates a horizontal slider ranging from 0 to 100 with the initial value to be 50.<\/li>\n
- JSlider(BoundedRangeModel brm): creates a horizontal slider using the specified BounedRangeModel.<\/li>\n
- JSlider(int orientation): creates a slider using the specified orientation ranging from 0 to 100, with the initial value to be 50.<\/li>\n
- JSlider(int min, int max): creates \u00a0a slider using the specified min and max value, with a initial value equals to the average of the min plus the max.<\/li>\n
- JSlider(int min, int max, int value): creates a horizontal slider using the specified min, max and the initial value.<\/li>\n
- JSlider(int orientation, int min, int max, int value): very similar to the above one, with the orientation specified.<\/li>\n<\/ul>\n
For detailed constructors and methods within the JSlider<\/code> class, you can refer to the Oracle official document<\/a>.<\/p>\n2. Examples on Java swing slider<\/h2>\n
For the following example parts on JSlider<\/code>, Java 8 and Eclipse IDE (version Mars 4.5.0) are used.<\/p>\n2.1 Simple examples on Java swing slider<\/h3>\n
In this part, different settings on JSlider will be discussed.<\/p>\n
JSlider() construct a horizontal slider, ranging from 0 to 100, with the initial value points to 50. It can be constructed by:<\/p>\n
JSlider slider = new JSlider();\r\n<\/pre>\nThe figure below shows the result for run the above code:<\/p>\n
![\"slider\"](\"http:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2016\/01\/slider.jpg\")
<\/a>Default slider<\/figcaption><\/figure><\/p>\nAlso, we can set the orientation of the slider to be either vertical or horizontal, with JSlider.VERTICAL<\/code> or JSlider.HORIZONTAL<\/code> being specified respectively.<\/p>\nFor example, a vertical or horizontal slider can be constructed by:<\/p>\n
JSlider slider = new JSlider(JSlider.VERTICAL);\r\nJSlider slider = new JSlider(JSlider.HORIZONTAL);\r\n<\/pre>\nThe result is shown in figure below:<\/p>\n
![\"sliderVertical\"](\"http:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2016\/01\/sliderVertical.jpg\")
<\/a>Slider in Vertical<\/figcaption><\/figure><\/p>\nIn addition, the min, max and initial value can be specified by having different parameters when constructing slider. For example, we can set the min, max and initial value to be -100, 100 and 50 with following setting:<\/p>\n
JSlider slider = new JSlider(-100, 100, 50);\r\n<\/pre>\nThe figure below shows that the range is from -100 to 100, and the initial tick is pointing to 50:<\/p>\n
![\"sliderWith50\"](\"http:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2016\/01\/sliderWith50.jpg\")
<\/a>Slider in position 50<\/figcaption><\/figure><\/p>\nAlso, we can use the BoundedRangeModel<\/code> to specify the min, max, extent and initial value of the slider. For instance, the code below makes a slider ranging from 1 to 100, specifying the initial value to be 20 and the extent to be 0:<\/p>\nDefaultBoundedRangeModel model = new DefaultBoundedRangeModel(20, 0, 1, 100);\r\nJSlider slider = new JSlider(model);\r\n<\/pre>\nThe figure below shows the slider after running code above:<\/p>\n
![\"sliderInitial\"](\"http:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2016\/01\/sliderInitial.jpg\")
<\/a>Slider in 20<\/figcaption><\/figure> <\/div> <\/div><\/p>\n2.2 Adding ticks into Java swing slider<\/h3>\n
In most situation, it’s convenient to add ticks into the slider, making it clearer. In Java swing, the method setMajorTickSpacing<\/code> is used for this purpose. With a int value parameter n being the input, it specifies the major tick spacing between the interval. For example, with n set by 25 and the default setting for the slider, you will get major ticks with following values: 0, 25, 50, 75, 100. The code below shows how to add the major ticks:<\/p>\nslider.setMajorTickSpacing(25);\r\nslider.setPaintTicks(true);\r\n<\/pre>\nThe result can be obtained and shown below:<\/p>\n
![\"sliderMajorTick\"](\"http:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2016\/01\/sliderMajorTick.jpg\")
<\/a>Slider with major tick<\/figcaption><\/figure><\/p>\nNote that we need to add the method setPaintTicks<\/code> to be true determine that tick marks are painted on the slider, as the default value is false.<\/p>\nIn contrast, the minor ticks can be obtained by using the method setMinorTickSpacing<\/code>. With a int value parameter n being the input, the minor tick spacing can be obtained. For example, if we set the parameter to be 10 with the default setting for the slider, minor ticks will be obtained with following values: 0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, with the code below:<\/p>\nslider.setMinorTickSpacing(10);\r\nslider.setPaintTicks(true);\r\n<\/pre>\n![\"sliderMinorTick1\"](\"http:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2016\/01\/sliderMinorTick1.jpg\")
<\/a>Slider with minor tick<\/figcaption><\/figure><\/p>\nHowever, in most situation, we need to specify the major and minor ticks together, which is very easy. What you only need to do is to combine the code above and set the major and minor ticks together, such as:<\/p>\n
slider.setMajorTickSpacing(50);\r\nslider.setMinorTickSpacing(10);\r\nslider.setPaintTicks(true);\r\n<\/pre>\nFor this situation, we can run the code and get the following slider:<\/p>\n
![\"siderMinorTick\"](\"http:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2016\/01\/siderMinorTick.jpg\")
<\/a>Slider with major and minor tick<\/figcaption><\/figure><\/p>\n2.3 Labeling positions in slider<\/h3>\n
In some situations, we need to know the positions of some values. In this condition, we can add the positions and label them in the slider. Here we use a hash table to map the value with a label with following code:<\/p>\n
\/\/ Set the labels to be painted on the slider\r\nslider.setPaintLabels(true);\r\n\t\t\r\n\/\/ Add positions label in the slider\r\nHashtable position = new Hashtable();\r\nposition.put(0, new JLabel(\"0\"));\r\nposition.put(25, new JLabel(\"25\"));\r\nposition.put(50, new JLabel(\"50\"));\r\nposition.put(75, new JLabel(\"75\"));\r\nposition.put(100, new JLabel(\"100\"));\r\n\t\t\r\n\/\/ Set the label to be drawn\r\nslider.setLabelTable(position); \r\n<\/pre>\nThe slider after running the code above is shown below. Here, we label the value of 0, 25, 50, 75 and 100 to make the slider clearer to read.<\/p>\n
![\"sliderPosition\"](\"http:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2016\/01\/sliderPosition.jpg\")
<\/a>Slider with position labeled<\/figcaption><\/figure><\/p>\nThe code above could be summarized in the code simpleSliderExample.java<\/code> below:<\/p>\nsimpleSliderExample.java<\/em><\/span><\/p>\npackage javaCodeGeeks;\r\n\r\nimport javax.swing.DefaultBoundedRangeModel;\r\nimport javax.swing.JFrame;\r\nimport javax.swing.JLabel;\r\nimport javax.swing.JPanel;\r\nimport javax.swing.JSlider;\r\n\r\nimport java.util.Hashtable;\r\n\r\n\/*\r\n * A simple swing slider example with different constructors\r\n *\/\r\n\r\npublic class simpleSliderExample {\r\n\r\n\tpublic static void main(String[] args) {\r\n\t\t\/\/ Create and set up a frame window\r\n\t\tJFrame.setDefaultLookAndFeelDecorated(true);\r\n\t\tJFrame frame = new JFrame(\"JSlider setting examples\");\r\n\t\tframe.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);\r\n\t\t\r\n\t\t\/\/ Set the panel to add buttons\r\n\t\tJPanel panel = new JPanel();\r\n\t\t\r\n\t\t\/\/ Different settings on the sliders\r\n\t\tJSlider slider = new JSlider();\r\n\t\t\/\/ JSlider slider = new JSlider(JSlider.VERTICAL);\r\n\t\t\/\/ JSlider slider = new JSlider(-100, 100, 50);\r\n\t\t\/\/ JSlider slider = new JSlider(JSlider.VERTICAL, -100, 100, 50);\r\n\t\t\r\n\t\t\/\/ Set the slider with the DefaultBoundedRangeModel\r\n\t\t\/\/DefaultBoundedRangeModel model = new DefaultBoundedRangeModel(20, 0, 1, 100);\r\n\t\t\/\/JSlider slider = new JSlider(model);\r\n\t\t\r\n\t\t\/\/ Set major or minor ticks for the slider\r\n\t\tslider.setMajorTickSpacing(25);\r\n\t\tslider.setMinorTickSpacing(10);\r\n\t\tslider.setPaintTicks(true);\r\n\t\t\r\n\t\t\/\/ Set the labels to be painted on the slider\r\n\t\tslider.setPaintLabels(true);\r\n\t\t\r\n\t\t\/\/ Add positions label in the slider\r\n\t\tHashtable position = new Hashtable();\r\n\t\tposition.put(0, new JLabel(\"0\"));\r\n\t\tposition.put(25, new JLabel(\"25\"));\r\n\t\tposition.put(50, new JLabel(\"50\"));\r\n\t\tposition.put(75, new JLabel(\"75\"));\r\n\t\tposition.put(100, new JLabel(\"100\"));\r\n\t\t\r\n\t\t\/\/ Set the label to be drawn\r\n\t\tslider.setLabelTable(position);\r\n\t\t\r\n\t\t\/\/ Add the slider to the panel\r\n\t\tpanel.add(slider);\r\n\t\t\r\n\t\t\/\/ Set the window to be visible as the default to be false\r\n\t\tframe.add(panel);\r\n\t\tframe.pack();\r\n\t\tframe.setVisible(true);\r\n\r\n\t}\r\n\r\n}\r\n<\/pre>\nAfter running the code above, we can get the following figure:
\n![\"sliderSum\"](\"http:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2016\/01\/sliderSum.jpg\")
<\/a>Slider summary<\/figcaption><\/figure><\/p>\n2.4 Adding change listener to slider<\/h3>\n
To make the slider more functional, we can add the change listener to the slider and perform different functions.<\/p>\n
For example, we can add another panel to show the value of the slider in real-time. Then we know where is the slider now. In the example below, we add an change listener to the slider and show the value of the slider in a panel below the slider.<\/p>\n
sliderWithEvent.java<\/em><\/span><\/p>\npackage javaCodeGeeks;\r\n\r\nimport java.awt.GridLayout;\r\nimport java.util.Hashtable;\r\n\r\nimport javax.swing.JFrame;\r\nimport javax.swing.JLabel;\r\nimport javax.swing.JPanel;\r\nimport javax.swing.JSlider;\r\nimport javax.swing.event.ChangeEvent;\r\nimport javax.swing.event.ChangeListener;\r\n\r\npublic class sliderWithEvent {\r\n\r\n\tpublic static void main(String[] args) {\r\n\t\t\/\/ Create and set up a frame window\r\n\t\tJFrame.setDefaultLookAndFeelDecorated(true);\r\n\t\tJFrame frame = new JFrame(\"Slider with change listener\");\r\n\t\tframe.setSize(500, 500);\r\n\t\tframe.setLayout(new GridLayout(3, 1));\r\n\t\tframe.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);\r\n\t\t\r\n\t\t\/\/ Set the panel to add buttons\r\n\t\tJPanel panel1 = new JPanel();\r\n\t\tJPanel panel2 = new JPanel();\r\n\t\t\r\n\t\t\/\/ Add status label to show the status of the slider\r\n\t\tJLabel status = new JLabel(\"Slide the slider and you can get its value\", JLabel.CENTER);\r\n\t\t\r\n\t\t\/\/ Set the slider\r\n\t\tJSlider slider = new JSlider();\t\r\n\t\tslider.setMinorTickSpacing(10);\r\n\t\tslider.setPaintTicks(true);\r\n\t\t\r\n\t\t\/\/ Set the labels to be painted on the slider\r\n\t\tslider.setPaintLabels(true);\r\n\t\t\r\n\t\t\/\/ Add positions label in the slider\r\n\t\tHashtable<Integer, JLabel> position = new Hashtable<Integer, JLabel>();\r\n\t\tposition.put(0, new JLabel(\"0\"));\r\n\t\tposition.put(50, new JLabel(\"50\"));\r\n\t\tposition.put(100, new JLabel(\"100\"));\r\n\t\t\r\n\t\t\/\/ Set the label to be drawn\r\n\t\tslider.setLabelTable(position);\r\n\t\t\r\n\t\t\/\/ Add change listener to the slider\r\n\t\tslider.addChangeListener(new ChangeListener() {\r\n\t\t\tpublic void stateChanged(ChangeEvent e) {\r\n\t\t\t\tstatus.setText(\"Value of the slider is: \" + ((JSlider)e.getSource()).getValue());\r\n\t\t\t}\r\n\t\t});\r\n\t\t\r\n\t\t\/\/ Add the slider to the panel\r\n\t\tpanel1.add(slider);\r\n\t\t\r\n\t\t\/\/ Set the window to be visible as the default to be false\r\n\t\tframe.add(panel1);\r\n\t\tframe.add(status);\r\n\t\tframe.add(panel2);\r\n\t\tframe.pack();\r\n\t\tframe.setVisible(true);\r\n\r\n\t}\r\n\r\n}\r\n<\/pre>\nAfter we run the code, we can see the initial status showing that “Slide the slider and you can get its value!”.<\/p>\n
![\"sliderInitialEvent\"](\"http:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2016\/01\/sliderInitialEvent.jpg\")
<\/a>![\"sliderEvent\"](\"http:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2016\/01\/sliderEvent.jpg\")
<\/a>