53 lines
1.5 KiB
Plaintext
53 lines
1.5 KiB
Plaintext
~~Title: Elementary Animations - Creating a Flip on y Axis~~
|
|
//**__previous page__: **//[[/tutorial/effects/elementary_animations/fade|Creating a Fade Effect]]
|
|
=== Elementary Animations ===
|
|
==== Creating a Flip on y Axis ====
|
|
|
|
This is same as the flip transition, but on y axis.
|
|
|
|
{{ :elementary_animations_flipy.gif }}
|
|
|
|
To create a flip on y axis:
|
|
|
|
<code c>
|
|
// The flip y button
|
|
Evas_Object *btn_flip_y = elm_button_add(win);
|
|
elm_object_text_set(btn_flip_y, "Flip y");
|
|
evas_object_size_hint_weight_set(btn_flip_y, EVAS_HINT_FILL, EVAS_HINT_FILL);
|
|
evas_object_show(btn_flip_y);
|
|
evas_object_smart_callback_add(btn_flip_y, "clicked", _btn_flip_y_cb, &anim);
|
|
elm_box_pack_end(left_vbox, btn_flip_y);
|
|
</code>
|
|
|
|
The flip on y button callback looks like:
|
|
<code c>
|
|
static void
|
|
_btn_flip_y_cb(void *data, Evas_Object *btn, void *ev)
|
|
{
|
|
Animations *anim = (Animations *)data;
|
|
|
|
|
|
// Setting the button text
|
|
elm_object_text_set(anim->button, "Flip 2");
|
|
_flip_y_effect(anim->button, anim->buttonbck);
|
|
}
|
|
</code>
|
|
|
|
The animation function:
|
|
<code c>
|
|
static void
|
|
_flip_y_effect(Evas_Object *obj, Evas_Object *obj2)
|
|
{
|
|
Elm_Transit *trans;
|
|
|
|
trans = elm_transit_add();
|
|
elm_transit_object_add(trans, obj);
|
|
elm_transit_object_add(trans, obj2);
|
|
elm_transit_effect_flip_add(trans, ELM_TRANSIT_EFFECT_FLIP_AXIS_Y, EINA_TRUE);
|
|
elm_transit_duration_set(trans, 3.0);
|
|
elm_transit_go(trans);
|
|
}
|
|
</code>
|
|
\\
|
|
//**__next page__: **//[[/tutorial/effects/elementary_animations/wipe|Creating a Wipe Effect]]
|