学习MTK三四个月了,总要写点东西出来才行,这里简单说说,怎么制作屏幕切换效果。一些基本的概念,我就不说了,图层的原理和对图层操作的一些函数,至少要了解。
进入主题,说一下我的思路:首先,在进入新屏幕之前,把旧屏幕保存起来;其次,在画新屏幕之前,把屏幕锁住,不给新屏幕显示出来;再次,等到新屏幕画完,又把新屏幕保存起来。好了,现在得到了两个屏幕,就可以执行我们的切换效果了。
要把新旧屏幕保存起来,我们定义了两个buffer:
#pragma arm section zidata = "NONCACHEDZI", rwdata = "NONCACHEDRW"
static U8 old_layer_buff_ptr[240*320<<1];
static U8 new_layer_buff_ptr[240*320<<1];
#pragma arm section zidata, rwdata
下面看一下具体步骤:
1、保存旧屏幕。在EntryNewScreen函数里添加我们的函数:
void gui_my_SSE_save(void)
{
gui _save_current_layer(old_layer_buff_ptr);
}
为什么要在这里添加我们的函数呢?因为没进入一个新屏幕都要调用EntryNewScreen,这里,趁新屏幕还没有画之前,就把旧屏幕保存起来。
怎么保存当前屏幕呢,看下面的函数:
void gui _save_current_layer(U8 *output_buf)
{
gdi_handle snap_layer;
gdi_handle base_layer;
BOOL src_key_enable;
gdi_color src_key_color;
gdi_layer_create_using_outside_memory(0, 0, 240, 320,
&snap_layer, output_buf, 240*320*2 );
gdi_layer_get_base_handle(&base_layer);
gdi_layer_push_and_set_active(base_layer);
gdi_layer_get_source_key(&src_key_enable, &src_key_color);
gdi_layer_set_source_key(FALSE, src_key_color);
gdi_layer_push_and_set_active(snap_layer);
gdi_layer_reset_clip();
gdi_layer_flatten_with_clipping(base_layer, 0, 0, 0);
gdi_layer_pop_and_restore_active();
gdi_layer_set_source_key(src_key_enable, src_key_color);
gdi_layer_pop_and_restore_active();
gdi_layer_free(snap_layer);
}
2、锁住屏幕,不给新屏幕显示出来。在dm_redraw_category_screen的开始这里,添加我们的函数:
void gui_my_SSE_setup(void)
{
gdi_layer_lock_frame_buffer();
}
这里把屏幕锁着,不给新屏幕显示出来,在下面执行效果的时候再把屏幕解锁,使新旧屏幕切换显示出来。
3、保存新屏幕,解锁屏幕,执行特效。在dm_redraw_category_screen的结束这里,添加我们的函数:
void gui_my_SSE_run(void)
{
GDI_HANDLE activate_layer,precious_layer, current_layer;
gui _save_current_layer (new_layer_buff_ptr);//保存新屏幕
gdi_layer_get_active(&activate_layer);//获得激活图层
/*上面已经把新旧两个屏幕分别保存在new_layer_buff_ptr和old_layer_buff_ptr,现在利用它们创建两个图层*/
gdi_layer_create_using_outside_memory(0, 0, 240, 320,
&precious_layer, (PU8) old_layer_buff_ptr, 240 * 320 * 2);
gdi_layer_create_using_outside_memory(0, 0, 240, 320,
¤t_layer, (PU8) new_layer_buff_ptr, 240 * 320 * 2);
gdi_layer_unlock_frame_buffer();//屏幕解锁
//执行我们的特效
gui_my_SSE_run_effect_type(activate_layer, current_layer, precious_layer);
//刷新一下屏幕,恢复新屏幕
gdi_layer_flatten_ext(activate_layer, current_layer, NULL,NULL,NULL,NULL);
UI_BLT_double_buffer(0, 0, 240, 320);
gdi_layer_free(precious_layer);//释放图层
gdi_layer_free(current_layer);
}
到这里,工作已经完成一半了,就看一下gui_my_SSE_run_effect_type要执行什么效果了。下面,我列举了两个典型的效果:
void gui_my_SSE_run_effect_type(
GDI_HANDLE handler1,
GDI_HANDLE handler2,
GDI_HANDLE handler3)
{
//获得自己定义的切换效果
gui_my_sse_type effect_type=gui_my_SSE_get_type();
switch(effect_type)
{
//一个慢慢放大的圆
case GUI_MY_SSE_EFFECT_CIRCLE:
gui_my_SSE_effect_circle(handler1, handler2, handler3);
break;
//慢慢展开的扇子:
case GUI_MY_SSE_EFFECT_ROLL:
gui_my_SSE_effect_roll(handler1, handler2, handler3);
break;
default:
break;
}
}
先来看一下效果:
1、 慢慢放大的圆:
我们来说一下怎么做,如果大家学过计算机图形学的话,画圆应该是很容易的,有中点画圆算法、Bresenham画圆算法等等;我直接用的是MTK现有的算法,懒得去考究它是什么算法。
#define GUI_SSE_CIRCLE_R 25
void gui_my_SSE_effect_circle(GDI_HANDLE handler1, GDI_HANDLE handler2, GDI_HANDLE handler3)
{
S32 r;
for(r=GUI_SSE_CIRCLE_R; r<=200; r+=GUI_SSE_CIRCLE_R)
{
gdi_draw_solid_buffer_circle (120, 160, r, new_layer_buff_ptr, old_layer_buff_ptr);
gdi_layer_flatten_ext(handler1, handler2, handler3,NULL,NULL,NULL);
UI_BLT_double_buffer(0, 0, 240, 320);
}
}
//MTK的画圆算法,由MTK画圆函数改过来:
void gdi_draw_solid_buffer_circle(S32 x, S32 y, S32 r, U8* input, U8* output)
{
float delta;
S32 m, n;
for (delta = 5.0 / 4 - r, m = 0, n = r; m <= n; m ++)
{
gdi_draw_line_buffer(x - m, y - n, x + m, y - n, input, output);
gdi_draw_line_buffer(x - m, y + n, x +m, y + n, input, output);
gdi_draw_line_buffer(x - n, y - m, x + n, y - m, input, output);
gdi_draw_line_buffer(x - n, y + m, x + n, y + m, input, output);
if (delta >= 0)
{
delta += 2.0 * (m - n) + 5;
n --;
}
else
{
delta += m * 2.0 + 3;
}
}
}
/*图层复制,如果是上下切换或左右移动,就设置层的位置就好了,不必用到层复制,且执行效果更快,也比较容易做。*/
void gdi_draw_line_buffer(S32 x1, S32 y1, S32 x2, S32 y2, U8* input, U8* output)
{
U32 size, position;
if((y1<0) || (y2>319) || (x2<0) || (x1>=x2) )
return;
if(x1<0)
x1 = 0;
if(x2>240)
x2 = 240;
position = (y1*240+x1)<<1;
size = (x2-x1)<<1;
memcpy(output+position, input+position, size);
}
2、慢慢展开的扇子,这个用的是Bresenham画直线算法,由于代码比较长,就不贴出来了,大家知道原理就好。
3、还有很多效果,上下切换,左右移动,放大缩小,旋转变换,淡入淡出,飞入飞出等等特效,有兴趣的朋友可以去实现。