{"id":1385,"date":"2020-12-01T01:50:57","date_gmt":"2020-12-01T01:50:57","guid":{"rendered":"https:\/\/www.pythontutorial.net\/?page_id=1385"},"modified":"2021-01-05T06:45:19","modified_gmt":"2021-01-05T06:45:19","slug":"tkinter-slider","status":"publish","type":"page","link":"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-slider\/","title":{"rendered":"Tkinter Slider"},"content":{"rendered":"\n

Summary<\/strong>: in this tutorial, you’ll learn how to create a slider using the Tkinter Scale widget.<\/p>\n\n\n\n

Introduction to Tkinter slider widget #<\/a><\/h2>\n\n\n\n

A slider allows you to enter a value by moving an indicator. A slider can be vertical or horizontal:<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

To create a slider, you’ll use the ttk.Scale()<\/code> constructor as follows:<\/p>\n\n\n

ttk.Scale(container,from_,to)<\/code><\/span>Code language:<\/span> Python<\/span> (<\/span>python<\/span>)<\/span><\/small><\/pre>\n\n\n
In this syntax, the container<\/code> specifies the parent component of the slider.<\/p>\n\n\n\n
The from_<\/code> and to<\/code> options specify the minimum and maximum values of the slider. Since from<\/code> is a keyword in Python, Tkinter uses from_<\/code> instead.<\/p>\n\n\n\n
By default, a slider is horizontal. To specify how the slider is arranged, you use the orient<\/code> option which can be horizontal or vertical. For example:<\/p>\n\n\n
slider = ttk.Scale(\n    root,\n    from_=0<\/span>,\n    to=100<\/span>,\n    orient='vertical'<\/span>,  # horizontal<\/span>\n)<\/code><\/span>Code language:<\/span> Python<\/span> (<\/span>python<\/span>)<\/span><\/small><\/pre>\n\n\n
Getting current value #<\/a><\/h3>\n\n\n\n
To get the current value of the slider, you can assign a DoubleVar<\/code> to the variable<\/code> of the slider like this:<\/p>\n\n\n
current_value = tk.DoubleVar()\nslider = ttk.Scale(\n    root,\n    from_=0<\/span>,\n    to=100<\/span>,\n    orient='horizontal'<\/span>,\n    variable=current_value\n)<\/code><\/span>Code language:<\/span> Python<\/span> (<\/span>python<\/span>)<\/span><\/small><\/pre>\n\n\n
Another way to get the current value of slider is to call the get()<\/code> method of the slider object:<\/p>\n\n\n
slider.get()<\/code><\/span>Code language:<\/span> Python<\/span> (<\/span>python<\/span>)<\/span><\/small><\/pre>\n\n\n
Executing a callback #<\/a><\/h3>\n\n\n\n
To run a function whenever the value of the slider changes, you can assign it to the command<\/code> option as follows:<\/p>\n\n\n
def<\/span> slider_changed<\/span>(event)<\/span>:<\/span>  \n    print(slider.get())\n\nslider = ttk.Scale(\n    root,\n    from_=0<\/span>,\n    to=100<\/span>,\n    orient='horizontal'<\/span>,\n    variable=current_value\n    command=slider_changed\n)\n<\/code><\/span>Code language:<\/span> Python<\/span> (<\/span>python<\/span>)<\/span><\/small><\/pre>\n\n\n
Notice that calling a function when the value of the slider changes can cause performance problems.<\/p>\n\n\n\n
Disabling the slider #<\/a><\/h3>\n\n\n\n
To disable the slider, you set its state to 'disabled'<\/code>. To re-enable it, you set its state to 'normal'<\/code>.<\/p>\n\n\n
slider['state'<\/span>] = 'disabled'<\/span>\nslider['state'<\/span>] = 'normal'<\/span><\/code><\/span>Code language:<\/span> Python<\/span> (<\/span>python<\/span>)<\/span><\/small><\/pre>\n\n\n
By default, the slider’s state is 'normal'<\/code>.<\/p>\n\n\n\n
Tkinter slider example #<\/a><\/h2>\n\n\n\n
The following program illustrates how to use a Tkinter slider widget. The label will update the current value of the slider when you change the slider’s value.<\/p>\n\n\n
import<\/span> tkinter as<\/span> tk\nfrom<\/span> tkinter import<\/span> ttk\n\n\n# root window<\/span>\nroot = tk.Tk()\nroot.geometry('300x200'<\/span>)\nroot.resizable(False<\/span>, False<\/span>)\nroot.title('Slider Demo'<\/span>)\n\n\nroot.columnconfigure(0<\/span>, weight=1<\/span>)\nroot.columnconfigure(1<\/span>, weight=3<\/span>)\n\n\n# slider current value<\/span>\ncurrent_value = tk.DoubleVar()\n\n\ndef<\/span> get_current_value<\/span>()<\/span>:<\/span>\n    return<\/span> '{: .2f}'<\/span>.format(current_value.get())\n\n\ndef<\/span> slider_changed<\/span>(event)<\/span>:<\/span>\n    value_label.configure(text=get_current_value())\n\n\n# label for the slider<\/span>\nslider_label = ttk.Label(\n    root,\n    text='Slider:'<\/span>\n)\n\nslider_label.grid(\n    column=0<\/span>,\n    row=0<\/span>,\n    sticky='w'<\/span>\n)\n\n#  slider<\/span>\nslider = ttk.Scale(\n    root,\n    from_=0<\/span>,\n    to=100<\/span>,\n    orient='horizontal'<\/span>,  # vertical<\/span>\n    command=slider_changed,\n    variable=current_value\n)\n\nslider.grid(\n    column=1<\/span>,\n    row=0<\/span>,\n    sticky='we'<\/span>\n)\n\n# current value label<\/span>\ncurrent_value_label = ttk.Label(\n    root,\n    text='Current Value:'<\/span>\n)\n\ncurrent_value_label.grid(\n    row=1<\/span>,\n    columnspan=2<\/span>,\n    sticky='n'<\/span>,\n    ipadx=10<\/span>,\n    ipady=10<\/span>\n)\n\n# value label<\/span>\nvalue_label = ttk.Label(\n    root,\n    text=get_current_value()\n)\nvalue_label.grid(\n    row=2<\/span>,\n    columnspan=2<\/span>,\n    sticky='n'<\/span>\n)\n\n\nroot.mainloop()<\/code><\/span>Code language:<\/span> Python<\/span> (<\/span>python<\/span>)<\/span><\/small><\/pre>\n\n\n
Output:<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Summary #<\/a><\/h2>\n\n\n\n
  • Use the ttk.Scale()<\/code> to create a slider widget.<\/li>
  • Use the scale.get()<\/code> or the variable<\/code> option to get the current value of the slider.<\/li>
  • Use the command<\/code> option to assign a function that will execute when the slider’s value changes.<\/li><\/ul>\n
    \n\t
    \n\t\t
    Was this tutorial helpful ?<\/div>\n\t\t
    \n\t\t\t\n\t\t\t\t\n\t\t\t\t\t<\/path>\n\t\t\t\t<\/svg>\n\t\t\t\t Yes <\/span>\n\t\t\t<\/button>\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t<\/path>\n\t\t\t\t<\/svg>\n\t\t\t\t No <\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t<\/header>\n\n\t
    \n\t\t
    \n\t\t\t
    <\/div>\n\t\t\t