CircuitPython Slider Library

slider

A slider widget with a rectangular shape.

  • Author(s): Jose David M.

Implementation Notes

Hardware:

Software and Dependencies:

class slider.Slider(*args: Any, **kwargs: Any)[source]
Parameters:

  • x (int) – pixel position, defaults to 0

  • y (int) – pixel position, defaults to 0

  • width (int) – width of the slider in pixels. It is recommended to use 100 the height will auto-size relative to the width. Defaults to 100

  • height (int) – height of the slider in pixels, defaults to 40 pixels

  • touch_padding (int) – the width of an additional border surrounding the switch that extends the touch response boundary, defaults to 0

  • anchor_point (Tuple[float, float]) – starting point for the annotation line, where anchor_point is an (A,B) tuple in relative units of the size of the widget, for example (0.0, 0.0) is the upper left corner, and (1.0, 1.0) is the lower right corner of the widget. If anchor_point is None, then anchored_position is used to set the annotation line starting point, in widget size relative units. Defaults to (0.0, 0.0)

  • anchored_position (Tuple[int, int]) – pixel position starting point for the annotation line where anchored_position is an (x,y) tuple in pixel units relative to the upper left corner of the widget, in pixel units (default is None).

  • fill_color – (RGB tuple or 24-bit hex value) slider fill color, default is (66, 44, 66) gray.

  • outline_color – (RGB tuple or 24-bit hex value) slider outline color, default is (30, 30, 30) dark gray.

  • background_color – (RGB tuple or 24-bit hex value) background color, default is (255, 255, 255) white

  • switch_stroke (int) – outline stroke width for the switch and background, in pixels, default is 2

  • value (Boolean) – the initial value for the switch, default is False

Quickstart: Importing and using Slider

Here is one way of importing the Slider class so you can use it as the name Slider:

from adafruit_displayio_layout.widgets.slider import Slider

Now you can create a Slider at pixel position x=20, y=30 using:

my_slider=Slider(x=20, y=30)

Once your setup your display, you can now add my_slider to your display using:

display.show(my_slider) # add the group to the display

If you want to have multiple display elements, you can create a group and then append the slider and the other elements to the group. Then, you can add the full group to the display as in this example:

my_slider= Slider(20, 30)
my_group = displayio.Group() # make a group
my_group.append(my_slider) # Add my_slider to the group

#
# Append other display elements to the group
#

display.show(my_group) # add the group to the display

Summary: Slider Features and input variables

The Slider widget has some options for controlling its position, visible appearance, and value through a collection of input variables:

  • position: x, y or anchor_point and anchored_position

  • size: width and height (recommend to leave height = None to use preferred aspect ratio)

  • switch color: fill_color, outline_color

  • background color: background_color

  • linewidths: switch_stroke

  • value: Set value to the initial value (True or False)

  • touch boundaries: touch_padding defines the number of additional pixels surrounding the switch that should respond to a touch. (Note: The touch_padding variable updates the touch_boundary Control class variable. The definition of the touch_boundary is used to determine the region on the Widget that returns True in the when_inside function.)

The Slider Widget

Diagram of the slider widget.

This is a diagram of a slider with component parts

property value: int

The current switch value (Boolean).

Returns:

Boolean

when_inside(touch_point: int) → bool[source]

Checks if the Widget was touched.

Parameters:

touch_point – x,y location of the screen, in absolute display coordinates.

Returns:

Boolean

when_selected(touch_point: int) → int[source]

Manages internal logic when widget is selected