lvgl/docs/widgets/obj.md

.. include:: /header.rst 
:github_url: |github_link_base|/widgets/obj.md

Base object (lv_obj)

Overview

The 'Base Object' implements the basic properties of widgets on a screen, such as:

• coordinates
• parent object
• children
• contains the styles
• attributes like Clickable, Scrollable, etc.

In object-oriented thinking, it is the base class from which all other objects in LVGL are inherited.

The functions and functionalities of Base object can be used with other widgets too. For example lv_obj_set_width(slider, 100)

The Base object can be directly used as a simple widgets. It nothing else than a rectangle. Or from the the HTML world it's like a <div>.

Coordinates

Here only a small subset of cooridnate settings is described. To see all the features of LVGL (padding, cooridnates in styles, layouts, etc) visit the Coordinates page.

Size

The object size can be modified on individual axes with lv_obj_set_width(obj, new_width) and lv_obj_set_height(obj, new_height), or both axes can be modified at the same time with lv_obj_set_size(obj, new_width, new_height).

Position

You can set the x and y coordinates relative to the parent with lv_obj_set_x(obj, new_x) and lv_obj_set_y(obj, new_y), or both at the same time with lv_obj_set_pos(obj, new_x, new_y).

Alignment

You can align the object on it's parent with lv_obj_set_align(obj, LV_ALIGN_...). After this every x and y settings will be ralitiev to the set alignment mode. For example a this will shift the object by 10;20 px fro mthe center of its parent.

lv_obj_set_align(obj, LV_ALIGN_CENTER);
lv_obj_set_pos(obj, 10, 20);

//Or in one function
lv_obj_align(obj, LV_ALIGN_CENTER, 10, 20);

To align an object to an other use lv_obj_align_to(obj_to_align, obj_referece, LV_ALIGN_..., x, y)

For example, to align a text below an image: lv_obj_align(text, image, LV_ALIGN_OUT_BOTTOM_MID, 0, 10).

The following align types exists:

Parents and children

You can set a new parent for an object with lv_obj_set_parent(obj, new_parent). To get the current parent, use lv_obj_get_parent(obj).

To get a specific children of a parent use lv_obj_get_child(parent, idx). Some examples for idx:

• 0 get the firstly (youngest) created child
• 1 get the secondly created child
• -1 get the lastly (youngest) craeted child

The children can be iterated lke this

uint32_t i;
for(i = 0; i < lv_obj_get_child_cnt(parent); i++) {
  lv_obj_t * child = lv_obj_get_child(paernt, i);
  /*Do something with child*/
}

lv_obj_get_child_id(obj) tells the index of the object. That is how many younger children its parent has.

You can bring an object to the foreground or send it to the background with lv_obj_move_foreground(obj) and lv_obj_move_background(obj).

Screens

When you have created a screen like lv_obj_t * screen = lv_obj_create(NULL), you can load it with lv_scr_load(screen). The lv_scr_act() function gives you a pointer to the current screen.

If you have more display then it's important to know that these functions operate on the lastly created or the explicitly selected (with lv_disp_set_default) display.

To get an object's screen use the lv_obj_get_screen(obj) function.

Events

To set an event callback for an object, use lv_obj_add_event_cb(obj, event_cb, LV_EVENT_..., user_data),

To manually send an event to an object, use lv_event_send(obj, LV_EVENT_..., param)

Read the Event overview to learn more about the events.

Styles

Be sure to read the Style overview. Here or only the most essential functions are described.

A new style can be added to an object with lv_obj_add_style(obj, &new_style, selector) function. selector is a combination of part and state(s). E.g. LV_PART_SCROLLBAR | LV_STATE_PRESSED.

The Base object use LV_PART_MAIN style properties and LV_PART_SCROLLBAR with the typical backgroud style proeprties.

Flags

There are some attributes which can be enabled/disabled by lv_obj_add/clear_flag(obj, LV_OBJ_FLAG_...):

• LV_OBJ_FLAG_HIDDEN Make the object hidden. (Like it wasn't there at all)

• LV_OBJ_FLAG_CLICKABLE Make the object clickable by the input devices

• LV_OBJ_FLAG_CLICK_FOCUSABLE Add focused state to the object when clicked

• LV_OBJ_FLAG_CHECKABLE Toggle checked state when the object is clicked

• LV_OBJ_FLAG_SCROLLABLE Make the object scrollable

• LV_OBJ_FLAG_SCROLL_ELASTIC Allow scrolling inside but with slower speed

• LV_OBJ_FLAG_SCROLL_MOMENTUM Make the object scroll further when "thrown"

• LV_OBJ_FLAG_SCROLL_ONEAllow scrolling only one snapable children

• LV_OBJ_FLAG_SCROLL_CHAIN Allow propagating the scroll to a parent

• LV_OBJ_FLAG_SCROLL_ON_FOCUS Automatically scroll object to make it visible when focused

• LV_OBJ_FLAG_SNAPABLE If scroll snap is enabled on the parent it can snap to this object

• LV_OBJ_FLAG_PRESS_LOCK Keep the object pressed even if the press slid from the object

• LV_OBJ_FLAG_EVENT_BUBBLE Propagate the events to the parent too

• LV_OBJ_FLAG_GESTURE_BUBBLE Propagate the gestures to the parent

• LV_OBJ_FLAG_ADV_HITTEST Allow performing more accurate hit (click) test. E.g. consider rounded corners.

• LV_OBJ_FLAG_IGNORE_LAYOUT Make the object position-able by the layouts

• LV_OBJ_FLAG_FLOATING Do not scroll the object when the parent scrolls and ignore layout

• LV_OBJ_FLAG_LAYOUT_1 Custom flag, free to use by layouts

• LV_OBJ_FLAG_LAYOUT_2 Custom flag, free to use by layouts

• LV_OBJ_FLAG_WIDGET_1 Custom flag, free to use by widget

• LV_OBJ_FLAG_WIDGET_2 Custom flag, free to use by widget

• LV_OBJ_FLAG_USER_1 Custom flag, free to use by user

• LV_OBJ_FLAG_USER_2 Custom flag, free to use by user

• LV_OBJ_FLAG_USER_3 Custom flag, free to use by user

• LV_OBJ_FLAG_USER_4 Custom flag, free to use by usersection.

Some examples:

/*Hide on object*/
lv_obj_add_flag(obj, LV_OBJ_FLAG_HIDDEN);

/*Make an obejct non-clickable*/
lv_obj_clear_flag(obj, LV_OBJ_FLAG_CLICKABLE);

Groups

Read the Input devices overview to learn more about the Groups.

Once, an object is added to group with lv_group_add_obj(group, obj) the object's current group can be get with lv_obj_get_group(obj).

lv_obj_is_focused(obj) tells if the object is currently focused on its group or not. If the object is not added to a group, false will be returned.

Extended click area

By default, the objects can be clicked only on their coordinates, however, this area can be extended with lv_obj_set_ext_click_area(obj, size).

Events

• LV_EVENT_VALUE_CHANGED when the LV_OBJ_FLAG_CHECKABLE flag is enabled and the obejct clicked (on transition to/from the checked state)

Learn more about Events.

Keys

If LV_OBJ_FLAG_CHECKABLE is enabled LV_KEY_RIGHT and LV_KEY_UP makes the object checked, and LV_KEY_LEFT and LV_KEY_DOWN makes it unchecked.

Learn more about Keys.

Example

.. include:: ../../examples/widgets/obj/index.rst

API

.. doxygenfile:: lv_obj.h
  :project: lvgl