MTk屏幕切换效果的制作
来源:互联网 发布:黑马协议软件微信站街 编辑:程序博客网 时间:2024/06/10 13:30
http://blog.csdn.net/menghnhhuan/article/details/6025019
学习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、还有很多效果,上下切换,左右移动,放大缩小,旋转变换,淡入淡出,飞入飞出等等特效,有兴趣的朋友可以去实现。
- MTk屏幕切换效果的制作
- MTk屏幕切换效果的制作
- MTk屏幕切换效果的制作
- (转)MTk屏幕切换效果的制作
- 简单的屏幕滚动切换效果
- 制作banner切换效果
- Tab切换效果制作
- Android屏幕切换效果实现
- Android屏幕切换效果实现
- Android学习-使用ViewFlipper实现屏幕切换的动画效果
- 用Flash制作简单实用的图片切换效果
- ViewFlipper结合手势OnGestureListener制作的滑动切换效果
- Axure的动态面板制作tab切换效果
- ViewFlipper结合手势OnGestureListener制作的滑动切换效果
- MTK特效制作的方法
- Android的Activity屏幕切换动画(ExitAnim)-左右滑动切换(直播退出效果)
- Android 屏幕切换效果实现 (转)
- iPad触摸屏幕切换滑动效果
- 让AngularJS兼容IE8及其以下浏览器版本的方法
- Oracle 11g 安装图文步骤
- sparkR在spark on yarn下的问题
- Java初学习 - 线程同步的一点说明
- awk 精萃
- MTk屏幕切换效果的制作
- HDOJ 1286 找新朋友
- Groovy入门教程
- 软件架构学习小结
- LeetCode 12 - Integer to Roman
- 数据结构制冒泡排序算法—PHP
- leetcode -- Wildcard Matching --再看
- NSDictionary之objectForKey 和 valueForKey 的不同
- 第四章 Controller接口控制器详解(1)