Missing colorwheel documentation in master branch

[hayschan]

Perform all steps below and tick them with [x]

• Read the FAQ
• Check the related part of the Documentation
• Update lvgl to the latest version
• Reproduce the issue in a Simulator

Describe the bug

In the latest master of LVGL, the colorwheel folder under examples/widgets gone missing. It should be at https://github.com/lvgl/lvgl/tree/master/examples/widgets/colorwheel but it does not exist there.

This causes no Examples and API in the latest documentation of colorwheel in LVGL.

To Reproduce

This is the screenshot of the latest documentation on the web:

Expected behavior

This is the screenshot of the v8 documentation on the web:

[PeterBee97]

Hi @hayschan ,
The colorwheel widgets was removed in v9.

[kisvegabor]

FYI, it was removed because it was non intuitive and slow. I'm planning to replace it with something more universal later.

[hayschan]

Hi @hayschan , The colorwheel widgets was removed in v9.

omg, just started using colorwheel in my project.

[hayschan]

FYI, it was removed because it was non intuitive and slow. I'm planning to replace it with something more universal later.

I see.

The color picker introduced in iOS 14 is quite intuitive and easy to use. We may try something similar.

There are three modes for the color picker:

1. Grid
2. Spectrum
3. Sliders

[hayschan]

I re-created the sliders mode of iOS color picker using Squareline Studio.

[kisvegabor]

Thank you for sharing. My idea is to allow using an image and specifying the knob movement, such as:

• Any: Rectangle image pick any color
• Grid: As in your example, allow selecting only fixed positions. If the image is not rectangle we don't select cells where the opacity is 0.
• Circle: Set radius on which the knob can move
• Slider: Move vertically or horizontally.
• Custom: Somehow allow using custom movement

Once you set the knob somewhere LVGL just ready the color of that image.

What do you think?

[hayschan]

Do you mean there are five modes in your idea of the next gen color picker? Or are you discussing five possible implementation of the color picker (and select the best one)?

1. Any
2. Grid
3. Circle
4. Slider
5. Custom

[hayschan]

I also came across Google's implementation on their web color picker, which is quite intuitive.

• On the left box, it shows the selected color appearance.
• On the bottom, the slider controls the Hue.
• On the right, there is rectangle plane to choose the color in two dimensional space, which is Saturation and Value/Lightness (depends on HSV/HSL model used).

[kisvegabor]

I meant implementing all five but I'm not sure about it yet, just thinking aloud. I think what we need is:

• allow using an image from where colors can be picked (can be grid, small hexagons, ring, rectangle, bar) because generating the colors run time are slow an limited
• limit the selection area (e.g. horizontal only for bars, discrete points for grid, circle for ring).

Color preview, showing RGB, HSV values, etc, can be implemented by the user, and don't have to be part of the core color picker.

[lvgl-bot]

We need some feedback on this issue.

Now we mark this as "stale" because there was no activity here for 14 days.

Remove the "stale" label or comment else this will be closed in 7 days.

[lvgl-bot]

As there was no activity here for a while we close this issue. But don't worry, the conversation is still here and you can get back to it at any time.

So feel free to comment if you have remarks or ideas on this topic.

[dchithinh]

Hi everyone,
Does lvgl support this kind of color wheel & picker?

[kisvegabor]

Not directly,but there is a workaround: Use any image you want as a color picker, and its CLICKevent, get the clicked coordinates with lv_indev_get_point(lv_indev_active(),&point); and read the color on that pixel from the image.