既然出了虚拟按键大师,为什么还要保留原有位置的边框

在移动端,经常会遇到input获得焦点时候弹出的虚拟键盘将整体页面布局打乱的情况。 比如说是这种
&&& 输入框未获得焦点键盘未抬起的时候:
&输入框获得焦点键盘抬起的时候
&&&& 这种情况下,不管是上面的textarea还是下面的input输入框,它们任意一个获得焦点的时候,手机的虚拟键盘都会抬起将fixed定位于屏幕最低端的 &提交&按钮顶到屏幕 &中间&位置,严重影响布局,这就测试人员来看是一个不可饶恕,已经足已被开除的底部,怎么解决这个问题呢?对于布局不是很复杂的 "提交"页面而言,可以采用动态获取底部footer的offset().top 再减去其父元素offset().top ,将其差值当作footer的的margin-top数值的,同时remove掉footer的fixed属性。
&&&&& 具体的解决步骤如下:
&& 将footer 外面包裹一个父级div,赋给其类名 footer-wrap,footer fixed绝对定位与屏幕的底部
&分别获取footer和footer-wrap的offset().top,计算差值,remove掉footer的fixed属性,然后赋值给footer的margin-top
&&&& 键盘抬起后,页面如下:
然后,这个问题就解决了,当然这是对于这种布局非常简单的页面而言,能够做到完美解决不留bug,但是对于更加复杂的页面是否也能过做到完美适配,还不得而知,望各位见谅,待到遇见了这种问题,本人再补充。、
阅读(...) 评论()为什么虚拟按键老被吐槽 但却有厂商坚持在做?|虚拟|按键|指纹识别_新浪科技_新浪网
为什么虚拟按键老被吐槽 但却有厂商坚持在做?
  关于屏内虚拟按键设计的好坏,一直都存在很大的争议。围绕着屏内虚拟按键,支持者与反对者之间进行了长期的争论,至今仍未分出胜负。然而,当多功能前置指纹按键开始普及的时候,屏内虚拟按键似乎正在逐步走向边缘化。不过,前段时间发布的华为P10,其既采用前置指纹按键又保留屏内虚拟按键,由此再次引起了网友的争议。
  无论是外观设计还是系统优化,华为P10都对得起“旗舰”之名。但是,这样一部本应毫无争议的优秀产品,却因为采用前置指纹按键的同时保留了屏内虚拟按键,受到了很多网友的质疑。相们有很多网友会感疑惑,既然采用了前置指纹按键,为什么还要保留“开倒车”的屏内虚拟按键呢?
  需要说明的是,华为P10上的屏幕虚拟按键是支持手动关闭的,既可以使用屏内虚拟按键,也可以隐藏而只使用前置指纹按键。华为P10的前置指纹按键也有轻触返回的功能,并且左右滑动可以唤出后台多任务菜单。
  显然,华为P10采用两种导航栏的设计,最大程度地照顾了使用习惯不同的消费者。但是,在国内消费者已经近乎被多功能指纹识别按键“捕获”的今天,华为P10仍“固执”地保留了屏幕虚拟按键。其背后还有那些深层原因呢?
  或是谷歌的要求
  谷歌自安卓4.0时期开始,便开始大力推广虚拟按键。然而,由于安卓系统本身的特殊性,使得各手机厂商在系统修改上的权限极大。这也就导致了安卓手机出现了多种形式的交互方式,譬如虚拟按键、触摸按键与多功能指纹识别按键轮番登场,好不热闹。
  虽说这样增加了安卓手机的种类,有助于提高安卓系统的市场占有率。但是,多种交互形式的存在,显然同谷歌力推虚拟按键的战略方向出现了偏差。对于想要规范市场的谷歌而言,这显然是最不愿意看到的场景。因此,谷歌私下里要求厂商保留虚拟按键也在情理之中。
  考虑到国外用户的使用习惯
  多功能指纹识别按键,堪称安卓交互史上的伟大发明。然而,多功能指纹识别按键好用,但却并没有完全走出国门。目前,包括三星,华硕等主攻欧美市场的手机厂商在智能机产品上均没有采用多功能指纹识别按键。在国外市场,虚拟按键仍是绝对的主流。
  作为为数不多成功“走出去”的手机厂商,华为手机在国外一直有着不错的销量。从近几年P系列均在国外发布就能看出,华为对国外市场有着更大的“诉求”。因此,为了更好的照顾国外用户,自然应当保留虚拟按键。
  未来屏内虚拟按键或会成主流
  虽然,现在只有少数厂商坚持采用屏内虚拟按键,但从行业整体发展方向来看,屏内虚拟按键在未来可能会成为主流的设计。我们知道,谷歌从安卓4.0时期开始,便力推屏内虚拟按键。然而,随着指纹识别的普及,以及越来越多厂商使用多功能前置指纹按键,屏内虚键按键就成为多余的设计。但是,随着智能手机行业整体进入全面屏时代,虚拟按键必将迎来新生,譬如三星S8也采用了屏内虚拟按键。毕竟,想要获得高屏占比,就势必要舍弃正面实体(或触控)按键。
  此外,随着光学指纹识别技术的逐渐成熟,也会彻底奠定虚拟按键未来的地位。我们知道,光学指纹识别可以将指纹识别整合进屏幕内。换言之,前置指纹按键将彻底消失。如此一来,算是扫清了高屏占比设计普及之路上的障碍,保证虚拟按键成为智能机交互的唯一媒介。
  结语:
  谷歌从Android 4.0开始力推屏内触摸按键,大抵也是预想到了未来智能手机发展的方向。也就是设计趋向简单化,所有交互操作都能在屏幕内实现。前置指纹按键实际上仅是为了指纹识别的一种妥协设计,随着全面屏的普及以及光学指纹技术的成熟,相信会有越来越多厂商采用屏内虚拟按键的设计。当然,更重要的是苹果似乎也在尝试去掉前置物理按键,而且有可能在iPhone 8上面实现。总而言之,现在很多人吐槽的屏内虚拟按键,未来极有可能会成为主流。
第二代Surface Book不仅价格小降,外观也有大变化。
一家公司最出了“iPhone 7 Plus复刻版”产品,比原版贵了一倍。
苹果公司今天宣布将在上海和苏州开设研发中心。
AirPods耳机和Apple Watch的定价低了,这是苹果故意的。
参考价格未上市
升级徕卡镜头
国内价格未定
参考价格1499元
仅支持移动4G
参考价格3299元
参考价格2999元
低配版买不到为什么说你手机上的物理按键永远不会消失?
【腾讯科技编者按】科技网站TechRadar今日撰文指出,近些年来,物理按键的存废一直是业界讨论的焦点,不过体验上的差异和用户惯性让它们成了打不死的小强,未来它们还会继续存在,成为我们中无法忘却的基因。如果有朝一日你成了地球的总统,面对外星人进攻,你需要拿出地球最致命的武器来对抗,那么在决定命运的时刻,你会选择红色的按钮还是触摸屏上的虚拟按键呢?想必大多数人都会选择按上去真实感十足的红色按钮。其实这一结论很容易得出,毕竟那种与我们手指亲密接触的真实感是任何虚拟按钮都无法替代的,在这种重要时刻哪能轮的上虚拟按钮来造次。为什么厂商要竭力杀死物理按键?但换到智能手机的情境中,为什么大多数厂商都在竭尽全力取消物理按键呢?首先,这是厂商对成本的考虑,在一个利润空间不断被压缩的时代,给UI中加一张小图片总比费力在超薄的机身中设计一个按键来得简单。其次,虚拟按键在可靠性上也比物理按键好,许多iPhone用户调出小圆点不就是为了保护“脆弱”的Home键嘛。不过,即使物理按键有千般不好,智能机厂商也没彻底抛弃它。2014年时有一台无按键机型诞生,但它很快就从我们视线中消失了。此外,一直有传言称将抛弃Home键,但这么多年了这些人的“臆想”依然没有实现。为什么物理按键始终是杀不死的小强呢?恐怕人们对那些经典机型的爱是一大重要原因。如果你问一个科技发烧友他最爱的机型,恐怕摩托Droid、N95和黑莓Pearl等传统机型都会上榜。在2016年,你恐怕不会去买一台全键盘机型,但那种没有任何物理按键的机型也不会入你的法眼。因为它们“没有灵魂”,而且一旦此类机型出故障,我们会束手无策,毕竟不是所有人都是刷机高手。物理与虚拟:体验就是不一样事实上,即使技术突飞猛进,数字交互也无法营造出物理交互中的某些特性,它们之间还有巨大的鸿沟。三星就是这一领域的大师,它深刻的认识到,人类是触觉动物。我们可能并不需要曲面屏,但那弧面的手感确实无与伦比,而这点就足够撬开你的钱包了。同理,Home键的设计也会影响我们的心情,HTC 10上那块长得像Home键的指纹识别器就广遭吐槽,而原因仅仅是因为它按不下去,这与我们一直以来的操作逻辑完全相反。智能手机市场的竞争早已陷入白热化,既然物理按键在成本上要高于虚拟按键,为何三星在华为等安卓厂商取消实体Home键时依旧在坚持呢?三星负责英国和爱尔兰市场的副主席皮尔斯解释称:“我们花了大量时间研究用户如何使用智能手机,发现物理按键深受三星用户喜爱。”“物理按键能提升用户使用智能机时的便利性,这对处于移动状态的用户更是一大福利,它们可以通过按钮快速切换应用或者双击调出相机,这一切单手就能搞定。此外,虚拟按键还会占据屏幕空间,在回放照片和看电影时对用户造成影响。”皮尔斯补充道。不过皮尔斯没提到的是,一直走在时代前列的iPhone依然在坚持物理Home键,如果苹果不做出改变,恐怕物理按键很难退出历史舞台。物理按键回潮使用习惯并不是物理按键得以保留的唯一原因。大多数智能机买家都对手机可以“停火车”的上下边框深恶痛绝,既然你无法完全消除这个“大下巴”,何不直接将这些空间让给物理按键呢?难道HTC的“四下巴”被吐槽的还不够吗?在使用体验上,物理按键也可全面超越虚拟按键,它不但可以盲操作,对手脚不太灵活的人群也更友好,而且屏幕熄灭后它们依然可以工作,这也是iPhone侧面静音按键和音量调节按钮能延续多年的原因。而且从近几年的趋势我们也能明显看出,物理按键正在回潮,iPad Pro和Surface Pro就是明证。此外,许多发烧友们甚至愿意花大价钱买机械键盘,看来在屏幕上码字真是不舒服。黑莓依旧确实,现在普通用户不会再专门去买全键盘手机了,未来也不会有。不过,对于全键盘机型的狂热依旧存在,黑莓粉丝就是最典型的人群。过去几年,黑莓一直为人所诟病,许多人认为它们跟不上时代。不过2016年它们携安卓系统重返时,就为我们带来了全键盘的Priv,这款机型虽然销量一般,但却成了今年最受人关注的机型之一。其实,Priv能在市场上掀起一阵波澜主要还是靠其全键盘,因为在毫无新意的安卓阵营中,这样的设计实在“太扎眼”了。而且在人们眼中,黑莓就是“手感”的代名词。其实黑莓坚持全键盘也是明智之举,毕竟靠其现有的影响力,在普通市场它根本无法与其他大厂抗衡,而固守小众的全键盘市场,它就能独享这部分小众用户。心明眼亮的三星也不愿黑莓吃独食,它们专门针对Note 7推出了卡扣式的全键盘,以便争取那些痴迷全键盘“手感”的商务人士。实体按键会走向何方?由于人类与世界的交互方式日新月异,现在对未来下定义确实有些困难,不过相信按键在未来依然会有一席之地。未来几年内,物理和数字世界将会以难以想象的方式进行融合。等厂商就正在为我们探索新道路,通过物理按钮购物或对物理按键进行个性化定义都在成为新时尚。不过,这一切还只是开始。未来,按键可能会根据用户意愿自动隐藏或出现。它们可能会变身超声波,亦或彻底融入人类的神经元中。不过,它们永远不会消失,因为点击按钮这个动作已经固化入我们的基因了。(编译/萍萍)精彩视频推荐
正在加载...
[责任编辑:chunwzhang]
您认为这篇文章与"新一网(08008.HK)"相关度高吗?
Copyright & 1998 - 2017 Tencent. All Rights Reserved
还能输入140字希望魔柏X79能改进的缺陷【平板吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名:今日本吧第个签到,本吧因你更精彩,明天继续来努力!
本吧签到人数:0成为超级会员,使用一键签到本月漏签0次!成为超级会员,赠送8张补签卡连续签到:天&&累计签到:天超级会员单次开通12个月以上,赠送连续签到卡3张
关注:167,743贴子:
希望魔柏X79能改进的缺陷收藏
1,外观左右边框确实很窄,至少比很多寨板窄很多,也符合现在安卓设备的流行趋势,但能否将上下的边框也做成窄的,现在安卓手机的外观流行趋势是上下左右边框都做得非常窄,尽量提高屏占比,边框能跑马的情况基本上很少有厂家出现了。这个涉及到重新开模的问题,估计难改。2后盖材质问题,众所周知的是金属会对射频和WIFI信号有屏蔽,本身国产寨板的WIFI就是弱项,再加上金属后盖就更加弱爆了,换成塑料的既减轻了重量,减少成本,信号也会增强何乐而不为。3,虚拟按键的问题,既然有实体返回键,那么为什么不将3大按键做到边框上,不需要实体的,虚拟的就可以了,只要不做到屏幕里占用显示空间就行,成本其实增加不了多少。在手机这块曾经流行过把按键做到屏幕里,现在看看还坚持这样的厂商有几个?纯属作死的行为,当然国产寨板都是这样,在我的印象中,安卓平板除了三星的将按键做到边框上以外就没有了,希望X79能开新河。4最后希望能将电池换成5000HA以上的,4000毫安的确太小了,续航着实蛋疼。如果以上几项都能解决的话,哪怕加200我也要,性价比是把双刃剑,品质才是最重要的。
[巨锡钢铁]开平板超低价,售后服务完善,开平板规格齐全,全程跟踪,质量保证.开平板[巨锡钢铁]对任何客户可高效完成一站式购物,买的放心,用的舒心!
这个不是加200的问题了
起码得翻倍,最起码
感谢建议,欢迎关注魔柏吧
边框太窄握持无解,金属大可改塑料
上下左右都是窄边框不可取——来自 HTC Windows Phone 8X
液晶屏模块也没法做到上下也窄。。。
大哥!左右都窄了,他的屏幕还耐用吗?金属后盖不要,要塑料的!国产的塑料更坑!还有虚拟按键是为了方便屏幕旋转,保证操作按键保持在下方
边框问题你可以参考iPad mini,为什么寨厂一窝蜂的去仿iPad mini,说明寨厂认为 苹果给平板尺寸树立的标杆是最好的不知道X79插耳机的电流声 优化了没?
大于7寸的平板如果边框过窄,单手如何拿着都是问题,又没有苹果的防误触屏技术。   --最讨厌弄什么小尾巴了。   --最讨厌弄什么小尾巴了。
XSuperSMS 开平板软件,实时同步ERP,无需安装,免费试用,出入库全程跟踪可与企业现有ERP实时数据同步,与MES和NEST系统有效集成.无需下载,免费试用.
这种价格全是不错了
想问问各位用的都是什么耳机?我的耳机只有一边有声音怎么破…………
又想提高屏占比又想提升电池,怎么可能!另外你以为寨厂故意不用大电池么?电池容量大了体积也就大了…………
另外你所说的电容触摸按键也算是实体按键
搞那么窄不行,目前防误触只有苹果做得比较好…各大安卓旗舰都不完美…要求寨板现在做这个不现实…你以为奶7干嘛设计成那样?难道谷歌设计师都审美奇葩吗
这不是加钱修改的问题,第一批全部都有缺点,没人会说自己的板板一点无缺点,这是没办法的事儿,毕竟做工技术是有程度深浅的,而一个新品牌能做到自己的技术,那已经很成功了的,只能说期待往后的平板了。前期的都是测试平板机一样,还没成熟而已。
看了楼上很多人的回复,我不知道大家是真不懂还是假不懂,反正扯出一大堆理由为寨板背书,明明是工业设计实力达不到窄边框的水平或为了节省设计成本,扯出什么IOS平板边框是最理想设计之类的,别人IOS平板下边框之所以宽是为了给实体HOME键留出位置好吧,上面是为了对称。至于所谓的握持感,误触更是纯属扯淡,本人现在用的手机酷派大神,屏幕对角线是7英寸,屏幕比例是16:9,这就是小尺寸平板的大小吧,但这手机上下左右边框都做得很窄,而且这手机还有实体按键,非屏幕虚拟的。同样的还有华为荣耀X1,虚拟按键但四面边框一样窄,丝毫没有所谓的误触握持问题,特别是玩横屏游戏由于上下边框都窄,双手大拇指很容易就能按到屏幕,没有宽边框需要拼命伸长大拇指的囧状,丝毫不累。至于谷歌的设备,几代亲儿子,平板从来就没有美感可言。这和审美无关,谷歌只是给出一个解决方案,并不是设立标杆。
登录百度帐号推荐应用

我要回帖

更多关于 华为虚拟按键 的文章

 

随机推荐