I want to add a widget for LVGL,how to do

Feature request
1

now, I have already written the code for this widget,How do I add it to LVGL

2

Hi,

Do you mean to contribute with your code?

If your please describe your widget in more detail.

3

yes, I want to Contribute code for lvgl

4

This widget (called naviview)functions like tileview, but has the following advantages:

  1. insert and delete elements dynamically
  2. relationships between elements can be dynamically modified
  3. elements can circular scrolling
  4. late feature extension is easy

Why am I writing this widget:

  1. tileview widget have weaker features
    1. how to insert and delete elements dynamically
    2. how to dynamically change relationships between elements.
  2. tileview not circular scrolling
  3. tileview late feature extension is troublesome
5

The implementation details are as follows:

It consists of two parts:

  1. naviitem:Information about wrapping elements.Details seelv_naviitem_t
  2. naviview_ext:Information about elements control.Details seelv_naviview_ext_t 
/*Data of naviview item*/
typedef struct _naviitem_handler{
    lv_obj_t *obj;
    struct _naviitem_handler *top;
    struct _naviitem_handler *bottom;
    struct _naviitem_handler *left;
    struct _naviitem_handler *right;
}lv_naviitem_t;

/*Data of naviview*/
typedef struct{
    lv_naviitem_t *current;
#if LV_USE_ANIMATION
    uint16_t anim_time;
    struct {
        uint8_t enabled  : 1;
        uint8_t flashing : 1;
    } edge_flash;
#endif
}lv_naviview_ext_t;

The diagram is as follows:

image
image975×537 39.8 KB

6

The current demo is shown below

GIF 2020-8-11 10-53-13
GIF 2020-8-11 10-53-13371×527 1.35 MB

1 Like
7

@kisvegabor

8

Hi, great! beautiful.

9

The basic features of the drag pattern are also implemented

navi_darg
navi_darg353×527 1.93 MB

I want to add the widget to LVGL,Why don’t you talk to me。@lvgl :frowning_face:

10

i think… in holiday!!

1 Like
11

Unfortunately @kisvegabor can’t always afford the time to check forum posts each day. He should respond to you within the next few days though.

Could you send a pull request to the LVGL repo to get the process started? It should go to the dev branch as it’s a new feature.

12

That‘s so cool, i want to use it. :star_struck:

13

I’m so sorry for the late replay, @guoweilkd. Unfortunately, I have no time to develop LVGL, run discussions on GitHub and be active here at the same time. :frowning: Besides I was on holiday too :slight_smile:

So, your approach looks good and clear. As @embeddedt suggested, please send a PR on GitHub to see the details. I promise that I’ll replay much faster. :slight_smile:

14

That looks really cool. I love the 2d scrolling. It reminds me of the Playstation4 menu bar. Is it possible to display 3 menu items while scrolling the middle one?

As more people make widgets it would be cool to have a plugin/add-on directory on the site where people can download additional widgets. It will help build the community and make it easier to find/share widgets without making the core library get bloated.

15

yes, I agree with you.And I think it needs to be prioritized.
In this respect, we should learn from the rtThread package.https://github.com/RT-Thread/
Everyone can contribute packages to LVGL, and the user can configure whether to use the widget via Menuconfig

16

At some point we can turn the repo I propose here into downloadable widgets.

17

@guoweilkd What happened to the implementation?

I also need circular scrolling.