A simple Slider widget

[TomJGooding]

I confess I'm a bit nervous to share this here, but I've been working on a simple Slider widget as an exercise to better understand Textual.

https://github.com/TomJGooding/textual-slider

Any feedback would be much appreciated!

[willmcgugan]

Looking forward to playing with it!

[TomJGooding]

Thanks Will - be gentle as I'm still getting to grips with the mouse/geometry in Textual!

[davep]

Looks really handy! Is this going onto PyPi?

[davep]

It deserves to be on here but there's a good chance folk'll start asking for it via PyPi. Do it! DO IT!

I know that a built-in Slider widget is on the roadmap - but I'm assuming other widgets like the TextArea will be the priority?

Eh. Alternative options aren't a bad thing. Heck, it's my job to work on Textual and I've implemented a third-party widget that'll eventually come to Textual but I wanted to have fun with it. Options are good!

[TomJGooding]

...there's a good chance folk'll start asking for it via PyPi. Do it! DO IT!

textual-slider is now on PyPi! Thanks Dave for your encouragement (I know who to blame when issues start coming in!)

[davep]

Awesome! Added it to my list of stuff.

[balthazarneveu]

This is a great project @TomJGooding !

I'm currently writing a library called interactive_pipe which is (in summary) an image/signal processing framework with sliders...

Been maturing this one since 2020 , used it in industry . Helped to make many algorithms much easier to debug & explain, including visualizing how neural networks react when we continuously change image properties.

Some screenshots to get the idea as I'm rewriting the whole core right now.

It supports PyQT (& soon Matplotlib & Jupyter IPyWidgets backends)

Since interactive_pipe can do many other stuffs (such as a jukebox for my baby daughter on the raspberry pi) as the syntax is pretty elegant, I'm thinking about adding a Textual backend. .
Probably not going to explore fully displaying images as ascii art, but I think of it more like a good way to run the processing engine by being able to play with sliders & without needing heavy GUI stuff such as PyQt or matplotlib .

and since sliders are a mandatory piece for that framework, here's my appreciation post ❤️

❤️ Thanks a lot & generally speaking to the textual developpers , just got that "wow" effect when I discovered it 👍 👍

[TomJGooding]

Thanks @balthazarneveu, glad this might be useful and it sounds like an interesting project!

But really the Textual devs deserve the credit, my slider widget just builds upon the existing implementation of a scrollbar.

[OxFF00FF]

How to create range slider for choose time values 00:00:10 and 12:47:00 ?

00:00:10 ────●━━━━●────── 12:47:00
------------------↑ --------- ↑
---------------- Start ----- End

reference

[TomJGooding]

This probably wouldn't give the fine-grained control you're looking for, since terminals work in terms of character cells rather than pixels.

For example, assuming a slider around 50 characters wide and a 24 hour time period, this would only allow 30-minute intervals:

H 0000000000000000000011111111111111111111222222222
H 0011223344556677889900112233445566778899001122334
  :::::::::::::::::::::::::::::::::::::::::::::::::
M 0303030303030303030303030303030303030303030303030
M 0000000000000000000000000000000000000000000000000

  ●━━━━━━━━━━━━━━━━━━━━━━━━━●──────────────────────
  ↑                         ↑
  00:00:00                  13:00:00

[OxFF00FF]

I was just giving an example. for my project, I won't need a duration longer than an hour. I’m curious whether it’s technically possible to create such a widget.

[TomJGooding]

It's technically possible to create all sorts of custom widgets in Textual - for example when I was learning Textual I also created a color picker. I'd suggest starting with the docs about building custom widgets.