Tizen Native API
6.0
|
elm_transit - Combined effects and options.
This example shows how to apply the following transition effects:
- translation
- color
- rotation
- wipe
- zoom
- resizing
It allows you to apply more than one effect at once, and also allows to set properties like event_enabled, auto_reverse, repeat_times and tween_mode.
//Compile with: //gcc -o transit_example_03 transit_example_03.c `pkg-config --cflags --libs elementary` -DDATA_DIR="\"<directory>\"" //where directory is the a path where images/icon_07.png can be found. #include <Elementary.h> /* structure to hold context for many callbacks */ struct Context { Eina_Bool events_enabled; Eina_Bool auto_reverse; Eina_Bool final_state_keep; int repeat_times; Elm_Transit_Tween_Mode tween_mode; Evas_Object *obj; }; static void _transit_translation(Elm_Transit *trans) { /* considering the original position (x0, y0), moves the object from * (x0 - 20, y0 - 50) to (x0 + 70, y0 + 150) */ elm_transit_effect_translation_add(trans, -20, -50, 70, 150); } static void _transit_color(Elm_Transit *trans) { /* changes the object color from 100, 255, 100, 255 to * 40, 10, 40, 50 */ elm_transit_effect_color_add(trans, 100, 255, 100, 255, 40, 10, 40, 50); } static void _transit_rotation(Elm_Transit *trans) { /* rotates the object from its original angle to 135 degrees to the right */ elm_transit_effect_rotation_add(trans, 0.0, 135.0); } static void _transit_wipe(Elm_Transit *trans) { /* hide the object clipping it from the left to the right */ elm_transit_effect_wipe_add(trans, ELM_TRANSIT_EFFECT_WIPE_TYPE_HIDE, ELM_TRANSIT_EFFECT_WIPE_DIR_RIGHT); } static void _transit_zoom(Elm_Transit *trans) { /* zoom the object from its original size to 2x */ elm_transit_effect_zoom_add(trans, 1.0, 2.0); } static void _transit_resizing(Elm_Transit *trans) { /* resize the object from 250x100 to 400x160 */ elm_transit_effect_resizing_add(trans, 250, 100, 400, 160); } /* helper structure that will hold the transit checkboxes string, callbacks * and checked statuses */ static struct { const char *label; void (*transition_add_cb)(Elm_Transit *); Eina_Bool checked; } _transitions[] = { { "Translation", _transit_translation, EINA_FALSE }, { "Color", _transit_color, EINA_FALSE }, { "Rotation", _transit_rotation, EINA_FALSE }, { "Wipe", _transit_wipe, EINA_FALSE }, { "Zoom", _transit_zoom, EINA_FALSE }, { "Resizing", _transit_resizing, EINA_FALSE }, { NULL, NULL, EINA_FALSE } }; /* add a checkbox to the box with the given label, and uses the checked * pointer as state_pointer to this checkbox */ static void _checkbox_transition_add(Evas_Object *box, const char *label, Eina_Bool *checked) { Evas_Object *check = elm_check_add(elm_object_parent_widget_get(box)); evas_object_size_hint_weight_set(check, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND); evas_object_size_hint_align_set(check, 0.0, 0.0); elm_object_text_set(check, label); elm_check_state_pointer_set(check, checked); elm_box_pack_end(box, check); evas_object_show(check); } static void _transit_start(void *data, Evas_Object *o EINA_UNUSED, void *event_info EINA_UNUSED) { Elm_Transit *trans = NULL; int i; struct Context *ctxt = data; Evas_Object *obj = ctxt->obj; // the object on which the transition will be // applied // FIXME: Should check if there's another transit going before starting a new // one /* initialization: create the transition and add the object to it */ trans = elm_transit_add(); elm_transit_object_add(trans, obj); /* from our helper structure and array, check if the specified transition is * checked and use its callback to add this transition to trans */ for (i = 0; _transitions[i].label; i++) { if (_transitions[i].checked) _transitions[i].transition_add_cb(trans); } /* get the various options for this transition from the context structure */ elm_transit_event_enabled_set(trans, ctxt->events_enabled); elm_transit_auto_reverse_set(trans, ctxt->auto_reverse); elm_transit_objects_final_state_keep_set(trans, ctxt->final_state_keep); elm_transit_tween_mode_set(trans, ctxt->tween_mode); elm_transit_repeat_times_set(trans, ctxt->repeat_times); /* set the transition time to 2 seconds and start it */ elm_transit_duration_set(trans, 2.0); elm_transit_go(trans); } /* callback useful just to know whether we can receive events from the * object or not */ static void _object_clicked(void *data EINA_UNUSED, Evas_Object *o EINA_UNUSED, void *event_info EINA_UNUSED) { printf("object clicked!\n"); } /* update our context with the given value for repeat count */ static void _cb_repeat_changed(void *data, Evas_Object *obj, void *event EINA_UNUSED) { int *repeat_cnt = data; *repeat_cnt = elm_spinner_value_get(obj); } /* update our context with the given tween mode for the transition */ static void _cb_tween_changed(void *data, Evas_Object *obj, void *event EINA_UNUSED) { Elm_Transit_Tween_Mode *mode = data; double val = 0.0; val = elm_spinner_value_get(obj); if (EINA_DBL_EQ(val, 1.0)) *mode = ELM_TRANSIT_TWEEN_MODE_LINEAR; else if (EINA_DBL_EQ(val, 2.0)) *mode = ELM_TRANSIT_TWEEN_MODE_SINUSOIDAL; else if (EINA_DBL_EQ(val, 3.0)) *mode = ELM_TRANSIT_TWEEN_MODE_DECELERATE; else if (EINA_DBL_EQ(val, 4.0)) *mode = ELM_TRANSIT_TWEEN_MODE_ACCELERATE; } EAPI_MAIN int elm_main(int argc EINA_UNUSED, char **argv EINA_UNUSED) { Evas_Object *win, *obj, *icon, *box, *vbox, *vbox2, *hbox, *btn; Evas_Object *cbox, *dummy, *spinner; char buf[PATH_MAX]; int i; struct Context context; /* initialize our context */ context.events_enabled = EINA_FALSE; context.auto_reverse = EINA_FALSE; context.final_state_keep = EINA_FALSE; context.repeat_times = 0; context.tween_mode = ELM_TRANSIT_TWEEN_MODE_LINEAR; elm_app_info_set(elm_main, "elementary", "images/icon_07.png"); elm_policy_set(ELM_POLICY_QUIT, ELM_POLICY_QUIT_LAST_WINDOW_CLOSED); /* add a window */ win = elm_win_util_standard_add("transit", "Transit Example"); elm_win_autodel_set(win, EINA_TRUE); /* add a vertical box that will hold everything */ box = elm_box_add(win); evas_object_size_hint_weight_set(box, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND); elm_win_resize_object_add(win, box); evas_object_show(box); /* a dummy background to create some space for the animation */ dummy = elm_bg_add(win); evas_object_size_hint_weight_set(dummy, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND); elm_box_pack_end(box, dummy); evas_object_show(dummy); /* add an object that we are going to play with */ /* this object isn't packed inside the box because we don't want it to have * its size, position, aspect or anything else controlled by the container */ obj = elm_button_add(win); elm_object_text_set(obj, "Transformed object!"); icon = elm_icon_add(win); snprintf(buf, sizeof(buf), "%s/images/icon_07.png", elm_app_data_dir_get()); elm_image_file_set(icon, buf, NULL); elm_object_part_content_set(obj, "icon", icon); evas_object_move(obj, 160, 60); evas_object_resize(obj, 250, 100); evas_object_show(obj); context.obj = obj; /* a callback to know if clicks are being received */ evas_object_smart_callback_add(obj, "clicked", _object_clicked, NULL); /* button to start our transition */ btn = elm_button_add(win); evas_object_size_hint_weight_set(box, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND); elm_object_text_set(btn, "Transit!"); elm_box_pack_end(box, btn); evas_object_show(btn); evas_object_smart_callback_add(btn, "clicked", _transit_start, &context); /* horizontal box to help visual organization */ hbox = elm_box_add(win); elm_box_horizontal_set(hbox, EINA_TRUE); evas_object_size_hint_weight_set(hbox, EVAS_HINT_EXPAND, EVAS_HINT_FILL); evas_object_size_hint_align_set(hbox, EVAS_HINT_FILL, 0.0); elm_box_pack_end(box, hbox); evas_object_show(hbox); /* horizontal box that will hold the many transition checkboxes */ vbox = elm_box_add(win); evas_object_size_hint_weight_set(vbox, EVAS_HINT_EXPAND, EVAS_HINT_FILL); evas_object_size_hint_align_set(vbox, EVAS_HINT_FILL, 0.0); /* create the respective checkboxes based on our helper structure and * array */ for (i = 0; _transitions[i].label; i++) _checkbox_transition_add(vbox, _transitions[i].label, &_transitions[i].checked); elm_box_pack_end(hbox, vbox); evas_object_show(vbox); /* vertical box that will hold the many transition option checkboxes */ vbox2 = elm_box_add(win); evas_object_size_hint_weight_set(vbox2, EVAS_HINT_EXPAND, EVAS_HINT_FILL); evas_object_size_hint_align_set(vbox2, EVAS_HINT_FILL, 0.0); elm_box_pack_end(hbox, vbox2); evas_object_show(vbox2); /* the rest of this code adds widgets to control some of the behavior of * the transitions */ cbox = elm_check_add(win); evas_object_size_hint_weight_set(cbox, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND); evas_object_size_hint_align_set(cbox, 0.0, 0.0); elm_object_text_set(cbox, "Events enabled"); elm_check_state_pointer_set(cbox, &context.events_enabled); elm_box_pack_end(vbox2, cbox); evas_object_show(cbox); cbox = elm_check_add(win); evas_object_size_hint_weight_set(cbox, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND); evas_object_size_hint_align_set(cbox, 0.0, 0.0); elm_object_text_set(cbox, "Auto reverse"); elm_check_state_pointer_set(cbox, &context.auto_reverse); elm_box_pack_end(vbox2, cbox); evas_object_show(cbox); cbox = elm_check_add(win); evas_object_size_hint_weight_set(cbox, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND); evas_object_size_hint_align_set(cbox, 0.0, 0.0); elm_object_text_set(cbox, "Keep final state"); elm_check_state_pointer_set(cbox, &context.final_state_keep); elm_box_pack_end(vbox2, cbox); evas_object_show(cbox); spinner = elm_spinner_add(win); elm_object_style_set(spinner, "vertical"); elm_spinner_min_max_set(spinner, 0, 4); elm_spinner_label_format_set(spinner, "%.0f"); elm_spinner_editable_set(spinner, EINA_FALSE); evas_object_size_hint_weight_set(spinner, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND); evas_object_size_hint_align_set(spinner, 0.0, EVAS_HINT_FILL); evas_object_smart_callback_add(spinner, "changed", _cb_repeat_changed, &context.repeat_times); elm_box_pack_end(vbox2, spinner); evas_object_show(spinner); spinner = elm_spinner_add(win); elm_object_style_set(spinner, "vertical"); elm_spinner_min_max_set(spinner, 1, 4); elm_spinner_label_format_set(spinner, "%.0f"); elm_spinner_editable_set(spinner, EINA_FALSE); elm_spinner_special_value_add(spinner, 1, "linear"); elm_spinner_special_value_add(spinner, 2, "sinusoidal"); elm_spinner_special_value_add(spinner, 3, "decelerate"); elm_spinner_special_value_add(spinner, 4, "accelerate"); evas_object_size_hint_weight_set(spinner, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND); evas_object_size_hint_align_set(spinner, 0.0, EVAS_HINT_FILL); evas_object_smart_callback_add(spinner, "changed", _cb_tween_changed, &context.tween_mode); elm_box_pack_end(vbox2, spinner); evas_object_show(spinner); evas_object_show(win); elm_run(); return 0; } ELM_MAIN()