Frothy Brew

What to Expect

Before inspecting individual tkinter widgets a quick word about modern monitor resolutions and how it affects widgets and their applications.

An overview of the tkinter themed widgets notebook, treeview, entry and scale. An explanation of moving objects in canvas prior to creating a small application to show colour values in RGBA and HSV formats, this should look like the colour picker in paint.net. Build upon this to produce a YIQ colour picker.

In all cases we start simply then develop by stages.

Important

Many images have been made in Webp as it can save up to three quarters of the image size. If you cannot see them - sorry - please use another browser.

Tip

It's best to download the examples and run them on the computer to see how the script looks, a static picture on the web isn't the whole story.

Contributors

• Contributors and Navigation
• Contact
  • Repository
  • Read the Docs
  • Navigation
  • More
    • Styling with tkinter.ttk
    • Linking Python to Arduino
    • Dimensioning in PIL
    • Water Properties
    • Iterative Solutions
    • Flask
    • Polars Dataframe
    • Pandas Dataframe

Be DPI Aware

How to mitigate or correct the effects of changing monitor resolution. These were tested on an ultra high definition (UHD) monitor on windows. Check that all is as expected on your own setup before accepting the methods.

• Monitor Resolution - DPI
  • Introduction to DPI Awareness
  • Widely Used tk Widgets
    • Scale and Scrollbar
  • Widely Used Themed Widgets
    • More Themed Widgets

Scaleable Buttons

DPI unaware unscaled using altflex theme	DPI aware scaled using altflex theme

Check and radio buttons are reasonably straightforward except that those in the alt theme cannot be easily adjusted for dpi awareness.

• Check and Radio Buttons
  • Checkbutton Introduction
  • Scaleable Checkbuttons
    • Drawing the Checkbutton
    • Displaying the Checkbutton
  • Scaleable Radiobuttons
    • Drawing the Radiobutton

Notebook

Not every application sits comfortably with a menu driven system. The themed widget notebook that creates the tabbed method of layout. Other widgets would then sit within the tabs.

• ttk Notebook
  • Basic 3 Tab System
  • Enabling Keyboard Selection
  • Disabling a Tab
  • Adjusting Width and Height
  • Importing Page Content
  • Binding to Notebook

Treeview

One of the widgets introduced in themed tkinter. We can produce a widget that shows information in parallel columns. This is particularly useful when choosing data from tables of information.

• Treeview Widget
  • Inserting Data
  • Data Selection
  • Using Tags
  • Sorting Rows by Column
  • Set Header and Column Widths
  • Adding Scrollbars
  • Importing CSV Files
  • Convert to Function

Entry

This widget is available in both the basic tkinter and themed tkinter. This is used shenever the user has to enter information in real time. The validation methods can be used for the combo- and spinboxes as well.

• Enhanced Entry
  • Entry Validation
    • Validate Options
    • Validatecommand and Invalidcommand Options
    • Methods Used with Validation
  • Basic Entries
    • Integer Entry
    • Float Entry
  • Entry Layouts
    • Layout String
    • Layout Integer
    • Layout Float
  • Class or Function?
    • Entry Class
  • Adding Entries
    • Adding the Integer Entry
    • Adding The Float Entry
  • Working with Class
    • Trimming Down
    • Adding Class Inheritance to Base Class

Scale

This widget is available in both the basic tkinter and ttk, however in ttk the widget is missing several useful options for an annotated scale. Both horizontal and vertical scales are addressed.

• ttk Scale
  • Comparing ttk tkinter Scales
  • Current Value ttk.Scales
    • Command Option
    • Bind to Mouse Button
  • Scale Tickinterval
    • Placing Range Values
  • Place Layout Manager
  • Special Ranges
  • Moving Current Value
  • Adjusting the Window
  • Calculate the Length
  • Calibration
    • Slider Length
    • Calibrate the Range
  • Automatic Range
  • Resolution
  • Run Scale as Class
    • Inheritance from ttk Scale
  • Vertical ttk Scales
    • Vertical Scaling
    • Vertical Scale Class
    • General Scale Class

Saving with Canvas

Working with canvas there are times when the output should be saved. This shows some of the choices available.

• tkinter Canvas
  • Saving as Postscript
  • Saving in Parallel
  • PIL Screenshot
  • Serial Save
  • Sizing Checks
    • Canvas Circle
    • Canvas Thick Lines
    • Canvas Rectangle

Move in Canvas

Canvas tkinter widget using one of its many facets, moving objects. This is a prelude to Colour Picker and YIQ Colour Picker.

• Moving Canvas Objects
  • Canvas Coords
    • Drag and Drop
    • Selecting an Object
    • Tie into a Sketch
    • Split Coords Bind
  • Canvas Move
    • Drag with Move
    • Drag and Drop with Move
    • Selecting an Object with Move
    • Tie into a Sketch with Move
    • Split Move Bind

Colour Picker

Using a colour picker we can see some of the potential strengths and weaknesses of the versatile tkinter Canvas widget.

• Colour Picker App
  • Deducing the Gradients
  • Using the Tkinter Widgets
    • Timing Gradient Drawing
    • Make Some Changes
  • Adding Alpha and Colour Result
    • Alpha Selector
    • Resulting Colour with Alpha
    • Adding Alpha
    • Adding Alpha to Resulting Colour
  • Modifying Scale, Spinbox and Entry
    • Change the Scale
    • User Input in Entry and Spinboxes
  • Starting with HSV
    • Determining HSV Gradients
  • Adding a Colour Wheel
  • Creating a Cursor for the Colour Wheel
  • Enabling Cursor User Interaction
    • Move the Ring using Scale
  • Joining RGB to HSV
    • Join the RGB HSV Output
    • Related RGB HSV Colours
    • Resizing the Widgets
  • Colour Picker Wrapup
    • Printing in CMYK

YIQ Colour Picker

There are relatively few YIQ colour pickers around, so just for fun let's create one. YIQ is one of the most understandable colour schemes.

• RGB YIQ Colour Picker
  • Making a YIQ Colour Picker
  • Adding a Colour Space
  • Combining RGB with YIQ
  • Related Colours
    • Resizing

Sources for Documentation

• Documentation
  • Directory structure
  • Sphinx Newer Structure
    • Notebook Module
    • Tree Class Module
    • Entry Class Module
    • Scale Class Module
    • RGB HSV Colour Picker
    • Colour Picker RGB YIQ
    • Tools for Colour Pickers
  • Preparing for ReadTheDocs
    • Older Layout
    • Newer Layout

Indices and tables

• Index

• Module Index

• Search Page