Toolbar Example - Simple Items

This code places an Elementary toolbar widget on a window, to exemplify part of the widget's API.

Let's start adding a button to our window, that will have its text modified depending on which item is selected. It's used just to exemplify how to change a window content from the toolbar.

bt = elm_button_add(win);
evas_object_size_hint_weight_set(bt, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND);
evas_object_size_hint_align_set(bt, EVAS_HINT_FILL, EVAS_HINT_FILL);
elm_object_text_set(bt, "Button");
evas_object_show(bt);

Also, we'll need a toolbar widget, obviously:

tb = elm_toolbar_add(win);
elm_toolbar_shrink_mode_set(tb, ELM_TOOLBAR_SHRINK_SCROLL);
evas_object_size_hint_weight_set(tb, 0.0, 0.0);
evas_object_size_hint_align_set(tb, EVAS_HINT_FILL, 0.0);
evas_object_show(tb);

When appending an item is possible to set an icon, label, and a callback function that will receive passed data.

elm_toolbar_item_append(tb, "document-print", "Print", _item_1_pressed, bt);
elm_toolbar_item_append(tb, "folder-new", "New Folder", _item_2_pressed, bt);

It's possible to disable items, so the user can't select then. We will disable the third item:

tb_it = elm_toolbar_item_append(tb, "mail-send", "Create and send email",
_item_3_pressed, bt);
elm_object_item_disabled_set(tb_it, EINA_TRUE);

Our callbacks will just set button's label:

static void
_item_2_pressed(void *data, Evas_Object *obj, void *event_info)
{
Evas_Object *bt = data;
elm_object_text_set(bt, "Create new folder");
}
static void
_item_3_pressed(void *data, Evas_Object *obj, void *event_info)
{
/* This function won't be called because we disabled item that call it */
Evas_Object *bt = data;
elm_object_text_set(bt, "Create and send email");
}
EAPI_MAIN int
elm_main(int argc, char **argv)
{
Evas_Object *win, *bx, *tb, *bt;
elm_policy_set(ELM_POLICY_QUIT, ELM_POLICY_QUIT_LAST_WINDOW_CLOSED);
win = elm_win_util_standard_add("toolbar", "Toolbar Example");
elm_win_autodel_set(win, EINA_TRUE);
bx = elm_box_add(win);
evas_object_size_hint_weight_set(bx, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND);
evas_object_show(bx);
bt = elm_button_add(win);
evas_object_size_hint_weight_set(bt, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND);
evas_object_size_hint_align_set(bt, EVAS_HINT_FILL, EVAS_HINT_FILL);
elm_object_text_set(bt, "Button");
evas_object_show(bt);
tb = elm_toolbar_add(win);
elm_toolbar_shrink_mode_set(tb, ELM_TOOLBAR_SHRINK_SCROLL);
evas_object_size_hint_weight_set(tb, 0.0, 0.0);
evas_object_size_hint_align_set(tb, EVAS_HINT_FILL, 0.0);
evas_object_show(tb);
elm_toolbar_item_append(tb, "document-print", "Print", _item_1_pressed, bt);
elm_toolbar_item_append(tb, "folder-new", "New Folder", _item_2_pressed, bt);
tb_it = elm_toolbar_item_append(tb, "mail-send", "Create and send email",
_item_3_pressed, bt);
elm_object_item_disabled_set(tb_it, EINA_TRUE);
elm_toolbar_homogeneous_set(tb, EINA_FALSE);
elm_box_pack_end(bx, tb);
elm_box_pack_end(bx, bt);
evas_object_resize(win, 200, 200);
evas_object_show(win);
return 0;
}

By default, toolbars would display items homogeneously, so item with long labels, like the third, will make all of them occupy a lot of space. To avoid that, we can disable it:

elm_toolbar_homogeneous_set(tb, EINA_FALSE);

Another default behavior, is to add an menu item if we have more items that would fit on toolbar size. To simply enable scroll, without menus, it's required to change toolbar's shrink mode:

elm_toolbar_shrink_mode_set(tb, ELM_TOOLBAR_SHRINK_SCROLL);

See toolbar_example_01.c, whose window should look like this picture:

toolbar_example_01.png