A kivy garden radialslider.
Project description
RadialSlider
The RadialSlider
is an angular slider widget, which acts similarly to
the kivy's native linear slider.
The RadialSlider has two components: a track and a thumb. The thumb → ●, can be dragged along the circular path of the track → ◯, with an angle
ranging from 0 to 360 degrees.
You can define the position of the thumb via the angle
, the value
, or the normalized_value
.
Note that these values are also automatically updated as the thumb is dragged.
Install
pip install kivy_garden.radialslider
Import
from kivy_garden.radialslider import RadialSlider
Tips and Considerations:
Widget size setting
The Radial Slider will adjust to the smallest size, between height and width. Setting different sizes for the width and height is not recommended, as although the visible path and thumb will adjust to the smallest size, the widget as a whole will still conform to the size you set.
While setting the size incorrectly does not compromise the functionality of the widget itself, you might be overwriting another widget's area resulting in unexpected behavior of the other widget.
The example bellow shows the difference between the unespected behavior with wrong fitting and the correct fitting. The red area shows the real widget size.
Wrong size definition | Wrong size definition | Correct size definition |
---|---|---|
size_hint: (None, None) size: 250, 200 ❌ |
size_hint: (None, None) size: 200, 250 ❌ |
size_hint: (None, None) size: 200, 200 ✔️ |
If you want to set the size based on size_hint
, the proper way would be:
For adjust the height to the width:
size_hint: (your_size_hint_x, None)
height: self.width
Or for adjust the width to the height:
size_hint: (None, your_size_hint_y)
width: self.height
Or just using the size
property:
size_hint: (None, None)
size: your_width, your_height # one value must be the same as the other
🟡 If the parent of the RadialSlider widget has equal width and height dimensions, eg: size: (200, 200)
. You can use size size_hint_x
and size_hint_y
freely, as long as you set the same value for both, like: size_hint:(0.5, 0.5 )
, size_hint:(0.2, 0.2)
, etc.
Example:
The RadialSlider widget provides the essential components: Thumb → ●, and Track → ◯.
But with a few lines of code, you can change its appearance as you wish. Take a look at the example below, how easy it is.
RadialSlider:
size_hint: (None, None)
size: 200, 200
track_color: "#DEDEDE" # gray track
track_thickness: 15
canvas.before:
# white background
Color:
rgba: rgba("#FFFFFF")
Ellipse:
size: self.size
pos: self.pos
canvas:
# blue line
Color:
rgba: rgba("#3086BD")
Line:
width: 15
circle: self.center_x, self.center_y, self.width/2 - 15, 0, self.angle
cap_precision: 500
Label:
pos: self.parent.center_x - self.width/2, self.parent.center_y - self.height/2
text: "{}%".format(int(self.parent.value))
color: "#808080"
font_size: dp(35)
API
angle
Current angle used for the Radial Slider. You can use it for setting the angle of the thumb in the track in range 0 - 360.
angle
is defaults to 0.
max_value
Maximum value allowed for the Radial Slider.
max_value
is defaults to 1.
min_value
Minimum value allowed for the Radial Slider.
min_value
is defaults to 0.
thumb_color
Color of the thumb.
thumb_color
is defaults to '#ffffff.'''
thumb_diameter
Diameter of the thumb.
thumb_diameter
is defaults to 25.
track_color
Color of the track.
track_color
is defaults to "#ffffff".
track_thickness
Thickness of the track.
track_thickness
is defaults to 2.'''
value
Normalized value inside the range (min_value - max_value). You can use it for setting the value betwwen the minimum and maximum value.
value
is defaults to 0.
value_normalized
Normalized value inside the range (min_value - max_value) to 0-1 range. You can also use it for setting the real value without knowing the minimum and maximum value.
value_normalized
is defaults to 0
CI
Every push or pull request run the GitHub Action CI. It tests the code on various OS and also generates wheels that can be released on PyPI upon a tag. Docs are also generated and uploaded to the repo as well as artifacts of the CI.
Contributing
Check out our contribution guide and feel free to improve the RadialSlider flower.
🔴 If you have a bug or an idea, create a report to help us improve or suggest an idea for this project by opening an issue
License
This software is released under the terms of the MIT License. Please see the LICENSE.txt file.
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
File details
Details for the file kivy_garden.radialslider-0.1.2.tar.gz
.
File metadata
- Download URL: kivy_garden.radialslider-0.1.2.tar.gz
- Upload date:
- Size: 7.7 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
- Uploaded via: twine/3.4.2 importlib_metadata/4.6.3 pkginfo/1.7.1 requests/2.24.0 requests-toolbelt/0.9.1 tqdm/4.51.0 CPython/3.8.5
File hashes
Algorithm | Hash digest | |
---|---|---|
SHA256 | 4779fa0fe94d2d2b78d66e9739bf332b2f15466c4a4df99817e24ca9335e6c9d |
|
MD5 | f8694b0fd3135c1e98478efe50b250aa |
|
BLAKE2b-256 | 1cfcbf316dbf91668144fae171508bcf2ef53b505b929cdb39087d67b3ce5237 |
File details
Details for the file kivy_garden.radialslider-0.1.2-py3-none-any.whl
.
File metadata
- Download URL: kivy_garden.radialslider-0.1.2-py3-none-any.whl
- Upload date:
- Size: 7.6 kB
- Tags: Python 3
- Uploaded using Trusted Publishing? No
- Uploaded via: twine/3.4.2 importlib_metadata/4.6.3 pkginfo/1.7.1 requests/2.24.0 requests-toolbelt/0.9.1 tqdm/4.51.0 CPython/3.8.5
File hashes
Algorithm | Hash digest | |
---|---|---|
SHA256 | d90735ce7067818511db06c9d38e9882a66b78bb05cd0f90f8afa3164c53f4c5 |
|
MD5 | e5611c6c072c3cd7be83e697b2ab17da |
|
BLAKE2b-256 | d5a26ca36d0a8472b817fce13f7b1d45bcc0c6253bd85a0c2d51f71184574fff |