Bump Top多点触摸 and 触摸点击区域

iFanr已有关于">Bump Top的介绍,体验了window版,可以将普通桌面转换为3D桌面,只可惜PC没有多点触摸。Bump-Top可以设置语言、图片质量、桌面角度和主题等等,运行起来很流畅。BT是将书桌的体验带到电脑,3D的显示效果,操作方式也自然要模拟了现实桌面,实现十个手指的操作体验。或许在5年之后,3D桌面将像现在的PC一样普及。

除了能完成多种移动、缩放和旋转效果之外,还能对文档进行归类整理、剪切图片、切换视角和快速上传图片至flick等等。

触摸点击区域

屏幕增大,可以显示更多的内容,但是使用触摸屏控件的密度不宜过大,否则不便点击。各个手机和PC操作系统都对可点击的区域都有推荐值:

iPhone:最小29×44px。

Windows Phone:推荐9mm/34px,最小7mm/26px,元素之间的距离最小7mm/26px,元素的可视区域是点击区域的60-100%。对于经常使用、会导致危险性操作(比如删除数据)的界面元素、在屏幕角落并且手指难以点击的元素和子任务中元素(比如拨号),推荐点击区域大于9mm。

Nokia:推荐不小于1cm(0.4″)的点击区域。最小值为:

食指点击7×7mm/1mm间距拇指点击8×8mm/2mm间距列表选项之间有5mm间距

Ubuntu:按钮和其他控件的大小取决于成人的手指(16mm-20mm)、手指肚(10mm-14mm)和指尖(8mm-10mm),推荐不小于1cm(0.4″)的点击区域。

(以上译自lukew's blog)

点击的区域是按照物理尺寸计算的,如果按照iPhone去类推其他触摸屏幕的可点区域w×t,假设该触摸屏的精度为d,计算公式是:w/d=29/164,t/d=44/164。(164是iPhone的屏幕精度)

Windows Phone对于危险性的控件建议是增大可点区域,我倒认为应该减小可点区域,对于没有危险性的控件可适当增大,保证元素之间的距离即可。比如手机界面中的“□记住密码”,一般是只有多选框“□”是可点区域,不妨将“记住密码”也包含在内,增加多选框的可点区域。

Swype是很好的触摸屏输入的解决方案,每分钟输入可以提高到50个字母。

输入时,手指
不用抬起和按下,在屏幕上滑行即可,省掉一部分时间。省去空格输入,每次滑行一次之后,字母后面默认有空格。英文的猜词、纠正、匹配和修改。

Swype的算法是否利用折线的滑行输入会提高点击的准确率,可以更精准地选中的较小的点击区域呢?

来源:http://daichuanqing.com/

时间: 2024-11-29 05:01:08

Bump Top多点触摸 and 触摸点击区域的相关文章

android li...-listview触摸事件和点击事件冲突怎么解决额

问题描述 listview触摸事件和点击事件冲突怎么解决额 比如我按住listviem的某项往下拖动,其实就是下拉刷新动作.但是松开手后onitemclicklistener事件就会响应了 怎么在拖动listview的时候让点击事件不想应呢 action move down 会响应click事件啊 解决方案 滑动时,你可以用一个变量记录当前处于滑动状态,这样在抬起时可以判断这个标记,不要触发点击了 解决方案二: 在ListView中的Text添加spannableString 点击事件与List

android 多点和单点触摸的区别

问题描述 android 多点和单点触摸的区别 当我使用双指缩放view,单指触摸提示显示的坐标.会出现双指缩放在抬起的时候,如果不是同时离开屏幕,那么就会触发单指触摸事件.请问如何在双指缩放时不触发单指事件? 解决方案 android多点触摸事件的一些事Android多点触摸事件捕获 解决方案二: 你缩放的时候记录一下按下的是几个点,几点触摸,抬起的时候判断一下,如果这各个点都抬起了,在结束缩放过程!

html checkbox怎么放大可点击区域

问题描述 现在项目要求把checkbox做成透明,然后用一个图片盖住这个checkbox实现勾选html代码:<span><input type="checkbox"></span>javascript代码object.style.opacity=0;object.style.filter="alpha(opacity=0)";object.parentNode.style.cssText='background:url(imag

网页图片的点击区域设计的用户体验

今天发现百度图片搜索结果的2级页面改版了,在浏览图片的时候很好用:如图: 在浏览图片的时候,右侧的缩略图是这样交互的: 因此,在整个浏览图片的过程中鼠标是不动的,只需要点击鼠标左键就能继续浏览下一页. 为此我特地去对比了Google和FLICKR,看看他们浏览下一张图片的是怎么做的. Google的做法是: flickr: 虽然都是有固定的点击区域,但是使用起来都没有百度图片舒服.我觉得可能是和点击区域有关. 人们在浏览图片时,状态应该是放松的.太小的点击区域会使用户要分散一部分注意力在鼠标操作

iphone-扩大UIGestureRecognizer点击区域

问题描述 扩大UIGestureRecognizer点击区域 在一些view中有点击动作,但是这些view太小了,点击的时候非常困难,而且这些动作是必须要求的,怎么样能扩大点击区域? 解决方案 如果你是在自定义UIView中实现的,可以重新 hitTest:withEvent: 方法 - (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event { CGRect frame = CGRectInset(self.bounds, -20

多行-UITextView 添加链接NSLinkAttributeName,点击区域大于设定的区域

问题描述 UITextView 添加链接NSLinkAttributeName,点击区域大于设定的区域 请问大家:使用UITextView添加链接 NSLinkAttributeName 时,有没有遇到过这种情况:点击区域实际是在设定范围内放大了(上方和左方为两个文字的宽或高,右边全部空白区域,如何解决? 谢谢! 代码如下: UITextView *tipsTextView = [[UITextView alloc] initWithFrame:CGRectMake(vPadding, 5, i

图片-Android Button控件点击区域怎么设置为圆形

问题描述 Android Button控件点击区域怎么设置为圆形 如题,怎么将默认的方形Button响应区域设置为圆形响应区域,因为图片是圆形的 解决方案 如图:一个自定义Button类,用它替代xml里的Button. 解决方案二: 用的imagebutton?图片用png格式,背景设为透明 解决方案三: 背景也可用shape设置圆形 解决方案四: 使用shape属性来写吧.http://www.cnblogs.com/cyanfei/archive/2012/07/27/2612023.ht

3d pie-DEV chartcontrol 3dPIE:获取鼠标点击区域

问题描述 DEV chartcontrol 3dPIE:获取鼠标点击区域 DEV chartcontrol 3dPIE:因为做了一个3D的饼图,我想得到鼠标点击后的区域.以展示点击区域的数据.

关于webBrowse 获取网页中点击区域的html源码的问题。

问题描述 关于webBrowse获取网页中点击区域的html源码的问题.大家有什么思路没有?现在知道怎么获取选中区域的html源码.可想获取点击区域的html源码,请问如何做?最好有源码,希望大家一起交流.. 解决方案 解决方案二:看看这个解决方案三:我的意思是用webBrowser打开一个网页后,鼠标点击某个区域,然后获取到这个区域的标签源码,不是网页中所有的源码.解决方案四:定啊...撒啊啊啊啊啊啊啊啊啊啊啊解决方案五:mshtml.HTMLDocument.parentWindow.@ev