Q03C浏览器Touch Scrolling参考设计

本文介绍了一种通过手写笔操作实现画板滚动的方法。具体包括了在不同事件(如按下、抬起、移动)中如何记录并更新偏移量,以及如何利用这些偏移量来调整垂直和水平滚动条的位置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

按如下代码修改函数widget_general_pen_object_handler() 
static BOOL widget_general_pen_object_handler( 
 widget_header_struct *h, 
 mmi_pen_point_struct point, 
 mmi_pen_event_type_enum pen_event) 

...... 
case WIDGET_PAINTBOX_TYPE:  //****original code****// 

//-----add code-----START---// 
 static mmi_pen_point_struct pre_pos={0,0}; 
 static BOOL scrolling_flag=MMI_FALSE; 
 mmi_pen_point_struct off_set={0,0}; 
 widget_gadget_bar_struct *bar;
 
switch(pen_event) 
 { 
 case MMI_PEN_EVENT_DOWN: 
 { 
 pre_pos.x=point.x; 
 pre_pos.y=point.y; 
 break; 
 }  
 case MMI_PEN_EVENT_UP: 
 { 
 pre_pos.x=0; 
 pre_pos.y=0; 
 if (scrolling_flag) 
 { 
 pen_event=MMI_PEN_EVENT_ABORT; 
 } 
 break; 
 } 
 case MMI_PEN_EVENT_MOVE: 
 { 
 off_set.x=-(point.x-pre_pos.x); 
 off_set.y=-(point.y-pre_pos.y); 
 pre_pos.x=point.x; 
 pre_pos.y=point.y; 
 break; 
 } 
 } 
  
 if (pen_event == MMI_PEN_EVENT_ABORT) 
 { 
 scrolling_flag=MMI_FALSE; 
 }
 
if (_H(WGUI_CTX->current_vertical_scrollbar)&&((pen_event == MMI_PEN_EVENT_MOVE))) 
 { 
 bar = WGUI_CTX->current_vertical_scrollbar; 
 bar->value+=off_set.y; 
 if (bar->value<0) 
 { 
 bar->value=0; 
 } 
 if(bar->value>bar->max_value) 
 {  
 bar->value=bar->max_value; 
 } 
 WGUI_CTX->vbar.value=bar->value; 
 wiget_MMI_paintbox_scroll_by_pen(bar->parent,  
_H(bar),  
bar->value,  
KAL_FALSE);  
scrolling_flag=MMI_TRUE;
 
}
 
if (_H(WGUI_CTX->current_horizontal_scrollbar)&&((pen_event == MMI_PEN_EVENT_MOVE))) 
 { 
 bar = WGUI_CTX->current_horizontal_scrollbar; 
 bar->value+=off_set.x; 
 if (bar->value<0) 
 { 
 bar->value=0; 
 } 
 if(bar->value>bar->max_value) 
 { 
 bar->value=bar->max_value; 
 } 
 WGUI_CTX->hbar.value=bar->value; 
 wiget_MMI_paintbox_scroll_by_pen(bar->parent,  
_H(bar),  
bar->value,  
KAL_FALSE);  
scrolling_flag=MMI_TRUE; 
 } 
//-----Add code-----END-----// 
 
 
 if (pen_event == MMI_PEN_EVENT_DOWN || pen_event == MMI_PEN_EVENT_UP || pen_event ==
MMI_PEN_EVENT_ABORT) /****original code****/ 
...... 
...... 
}
资源下载链接为: https://pan.quark.cn/s/9e7ef05254f8 在网页设计中,为图片添加文字是一种常见的需求,用于增强视觉效果或传达更多信息。本文将介绍两种常用的方法:一种是将图片设置为背景并添加文字;另一种是利用<span>标签结合CSS定位来实现。 这种方法通过CSS实现,将图片设置为一个容器(通常是<div>)的背景,然后在容器中添加文字。具体步骤如下: 创建一个包含文字的<div>元素: 使用CSS设置<div>的背景图片,并调整其尺寸以匹配图片大小: 如有需要,可使用background-position属性调整图片位置,确保文字显示在合适位置。这样,文字就会显示在图片之上。 另一种方法是将文字放在<span>标签内,并通过CSS绝对定位将其放置在图片上。步骤如下: 创建一个包含图片和<span>标签的<div>: 设置<div>为相对定位,以便内部元素可以相对于它进行绝对定位: 设置<span>为绝对定位,并通过调整top和left属性来确定文字在图片上的位置: 这种方法的优点是可以精确控制文字的位置,并且可以灵活调整文字的样式,如颜色和字体大小。 两种方法各有优势,可根据实际需求选择。在实际开发中,还可以结合JavaScript或jQuery动态添加文字,实现更复杂的交互效果。通过合理运用HTML和CSS,我们可以在图片上添加文字,创造出更具吸引力的视觉效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值