舌尖上的果冻豆,Android 4.1新特性全面解析

宣扬已久的谷歌I/O大会已经结束,Android的最新4.1版,代号Jelly Bean(果冻豆)的新系统已经正式问世,除了新架构、全新通知栏和搜索功能之外,实际上这个新系统还有许多新的特性,在发布会上不能完整的展示,现在cnITinfo.COM就对这些新特点逐一进行解析,看看4.1版系统会不会让我们值得期待。

1.更快、更流畅、更灵敏

在演讲中,大家除了听到果冻豆这个词之外,还有一个Project Butter,这是新版系统的中最重要的一个增强项目。

首先,新版系统使用了新的处理架构,对多核心处理器的支持终于来到,Android设备中出现的双核、四核处理器将会得到更好的优化,发挥出强劲的性能表现。

其次,在新版系统中,特效动画的帧速提高至60fps,4.1版系统还将会优化最佳性能和很低的触摸延迟,提供一个流畅、直观的用户界面。

为了确保帧速一致,4.1版本的Android框架所有的绘图和动画都将统一VSYNC计时,应用渲染、触摸事件、画面构图、显示刷新等操作都会锁定在16毫秒响应,所有的帧都没有提前或者落后。

Android 4.1还增加了三倍缓冲,让所的渲染感觉更顺畅。触摸延时不仅会遵循VSYNC计时,还会在触摸操作时做出预判提前渲染,此外在CPU闲置时会分配更多的处理能力来应对触摸事件,以确保触摸没有延迟。

SDK开发工具也将会提供一个新的工具systrace,可以让开发者从Linux内核中直接手机数据,来判断造成渲染中断的原因。

2.增强通知栏

通知栏一直是Android引以为傲的一项功能,开发者可以把重要的信息通过直观的界面展示到用户面前。

3.全新搜索

搜索是Google不可忽视的一个功能,在新版Android中,搜索将会带来全新的UI、智能语音搜索和Google Now三项新功能。

新UI不仅提供了好看的搜索框,在搜索结果展示上也抛弃了传统的条目结果,改用卡片展示。必须搜索某个内容,结果页面将会展示相关度最高的内容以及相关的信息,新的UI会让用户能够更快的得到自己想要的结果。

智能语音搜索功能将依靠Google强大的搜索库,提供很好的体验。但是现在不知道会不会卖萌。

Google Now则是更加智能化的信息助手,它会根据你平日的搜索习惯和当前使用环境来分析预判你想需要的信息,比如根据你喜欢的球队显示比分、赛程,根据上下班的地点、时间显示最佳路线、天气、汽车班次,并且会及时提醒你不出门就会迟到,基本就是“我猜我猜我猜猜猜”。

在Android 4.1中,通知栏框架有了翻天覆地的变化,总体来说就是更大、更丰富、直接操作。

开发者可以在新版系统中使用三种不同的通知样式,最高可以达到256dp,用户可以直接查看图片、信息、邮件、提醒等内容,可以进行一键回拨、一键分享、一键回复等操作。

4.桌面插件自动调整大小

新版系统中桌面插件将可以自动调整大小,如果桌面空间不足会自动弹开程序LOGO空出地方,如果还不够就会自动缩小插件空间以方便摆放。然后根据插件的面积,会向应用索取不同的内容展示。

此外在UI方面,果冻豆会提供简化统一的任务导航、简单流畅的动画效果、多种显示模式转换(操作栏、导航栏、系统栏可见的正常界面,状态栏、操作栏隐藏和导航栏变灰的夜间模式,以及状态栏、操作栏、导航栏全部隐藏的全屏模式)、预览并直接使用动态壁纸、更高分辨率的联系人照片(比如720X720)。

5.加强无障碍操作

在无障碍操作方面,果冻豆的API将会更加完整,让视力不佳用户能够更好的操作自己的手机。开发者可以根据新的API来实现更完善的辅助功能。

6.语言和输入法扩展

4.1版系统将更好的支持双向文字显示,以方便从右到左显示的语言用户使用,将增加多项语言支持,应用也将可以使用新的阿拉伯语、希伯来语等语言环境和相关字体,也将会支持Unicode 6.0字符。

新系统将会内置27种不同的键盘布局,并提供只能词典方便输入。还有,新的语音输入将支持离线模式,不再需要联网就可以完成语音的分析。

7.新的输入类型和功能

当通过蓝牙、USB或者其他任何连接类型接入新的输入设备时,系统会发出通知让用户选择是否进行切换,比如你连接了一个游戏手柄。新系统也可以让应用、游戏查询设备管理器并选择使用哪个设备进行输入,并在这些设备工作时提供震动触感。

8.新的连接类型

Android Beam是一项基于NFC技术的功能,可以让两款支持NFC的手机触碰在一起之后快速进行分享,在果冻豆中,Android Beam将可以更容易的共享图片、视频和其他文件,在出发一个传输操作之后,手机将会通过蓝牙进行传输。

Android 4.1还引入了基于DNS的网络服务发现功能,可以通过WiFi网络寻找包括引动设备、打印机、相机、播放器等服务,开发人员可以通过这项新功能实现跨平台多人联机游戏等功能,也可以让手机连接到摄像头、打印机或者是其他移动设备的对等连接。

其中对等连接也是WiFi直接服务发现功能(P2P),可以让手机开启自己的无线网卡,不需要移动网络、WiFi网络就可以直接找到其他移动WiFi设备,然后接通进行数据传输、共享资源。使用WiFi直接服务发现可以分享文件、联机游戏等。

新版中将会加入网络带宽管理功能,以更好的配合流量统计,节省自己的流量。

9.新的媒体功能

在果冻豆中,系统提供了更方便的硬件、软件解码器访问,支持USB音频输出,音频记录触发,多声道音视频输出(HDMI端口),AAC 5.1音频编解码支持,音频预处理将可以提供更高的音质,媒体管理器将可以让用户选择使用什么方式进行媒体输出。

10.浏览器增强

在4.1中,Android浏览器和WebViews将提供更好的HTML5视频支持,滚动和缩放性能得到加强,并减少了内存占用,HTML5/CSS3/Canvas动画性能、文本输入、JavaScript引擎(V8)性能都得到了加强。

11.Google服务

Google提供了新的全免费云消息服务,Google Play商店也将会提供加密措施,让应用与设备绑定,防止破解盗版。

智能应用更新不再需要下载完整的安装包,只需要针对改动部分进行下载,这样可以节省流量、续航、时间等。

还有即将推出的Google游戏服务。

此外还有更强的renderscript计算、相机程序等。预计新版系统将会在7月中旬推出,首批升级设备为三星的Galaxy Nexus和Xoom平板。

Github 发布 Android 客户端

我们超级兴奋的发布了 Github Android 客户端的首个版本,这同时也是一个开源的 Android 客户端。

目前第一个版本支持项目的 Issues 和 Gists 并集成了新闻 feed 以便及时获取来自组织、好友和资料库的更新信息。

同时该应用还提供了一个用于快速访问你创建、监控以及发布 issue 的面板,可查看并将问题加到收藏夹。可对标签、里程碑和任务进行过滤配置。

 

GitHub Android 本身也是基于很多很棒的开源软件进行开发,包括下面列表:

新Android病毒 MMarketPay.A 超10万手机感染

来自 TNW 的消息:

一种名为 MMarketPay.A 的新型手机病毒已经在中国传播,目前已有大约 10 万台手机感染,涉及国内的 9 个应用商店。

这个病毒是由 TrustGo 发现的并将其命名为 ‘MMarketPay.A’ — 该恶意软件会自动从中国移动的应用商店(M-Market)购买软件。而且 TrustGo 提供证据表明下列第三方的应用商店的应用已经受影响: nDuoaGFanAppChinaLIQUANFONESoft.3g.cnTalkPhone159.comAZ4SD.

当用户从这些商店中下载被感染的应用时,可能会存在账单累积的风险。MMarketPay.A 可以屏蔽短信安全步骤,无需用户确认直接定制来自 M-Market 的收费服务。

TrustGo 团队解释 M-Market 支付系统的工作原理,以及病毒是如何破解:

用户登录到 M-Market 网站 (http://mm.10086.cn/).

如果你使用 cmwap 接入点则会自动进行登录,一旦你购买某个应用或者内容时,M-Market 会通过短信发送一个验证码到你手机,你需要在购买时填写这个验证码。

一旦验证过程完成,就会自动下载应用,然后中国移动会将从你手机中扣除购买应用的费用。

[The virus] MMarketPay.A 可自动通过 M-Market 支付系统发起订购

首先将 APN 修改为 CMWAP,这样就可以自动登录 MMarket

找出收费应用,并在后台模拟点击行为

屏蔽掉接收到的短信,并从短信中获取验证码,如果要求 CAPTCHA 图片,则发送到远程服务器上去分析验证码。

提交验证码给 M-Market 服务器

下载应用让用户买单

M-Market 同时包含很多收费的视频内容,病毒同样可以搜索、播放和下载这些内容,而这个过程对手机用户来说是不知道的。

MMarketPlay.A 目前只影响国内的应用生态系统,Google Play 不受此影响。

谷歌否认微软有关 Android 僵尸网络的指责

【赛迪网讯】7月7日消息,据国外媒体报道,谷歌周四已否认微软有关Android僵尸网络的指责。

微软工程师特里-金克(Terry Zink)周二表示他发现Android设备正被用来发送垃圾邮件,金克认为可能是黑客控制了一个存在于Android设备间的僵尸网络,这些受控制的设 备登陆用户的雅虎邮箱帐户,而且滥发垃圾邮件,这些邮件大多来自中东、亚洲和东欧国家。

一位谷歌发言人表示,分析结果表明,目前没有证据直接表明这次垃圾邮件事件是因为Android僵尸网络引起的,垃圾邮件发送者正在使用受到病毒感染的电脑登陆用户邮箱,然后利用假的移动签名,以设法绕过他们正在电子邮件平台中使用的反垃圾邮件机制。

诚然,垃圾邮件并不会直接透露是通过Android设备从雅虎邮箱发出的,杀毒软件公司Sophos认为他们似乎源于缺乏抵抗力的谷歌Android智能手机或平板电脑。

当然,连接到雅虎邮件上的被攻破的电脑可能插入Message-ID,覆盖雅虎自己的Message-ID,并在邮件底部写有“Sent from Yahoo! Mail on Android”的签名,从使垃圾邮件看起来似乎是从Android设备中发出的。

如果谷歌能提供相关证据,那将是一件非常有趣的事,但到目前为止,谷歌尚未提供出来证据。

而且金克也承认,有关Android僵尸网络的说法并没有确凿的证据,有可能是病毒入侵了个人电脑,也有可能是垃圾邮件提供者的一个非常复杂的欺骗手段。

最新的 Javascript 和 CSS 应用技巧荟萃

随着前端技术的发展,javascript和css在 网站和web应用中展现出强大的统治力,特别是随着HTML5和CSS3的标准的成熟,我们可以使用javascript和css开发出你想都没有想到过 的特效和动画,在今天的这篇文章中,我们将介绍一组相关CSS和javascript的强大教程和插件,希望大家喜欢!

CSS动画和过渡效果

随着CSS3标准的来到,CSS过渡效果和动画效果常常应用到互动的用户体验中,设计师可以通过CSS创建出令人惊叹的效果和体验,这里我们将挑选最棒的特效,希望大家能够从中受益。

使用jQuery和CSS3创建一个全屏幕幻灯效果

使用jQuery和CSS3创建一个全屏幕幻灯效果

分享使用jQuery和CSS实现的一个超酷缩略图悬浮逼近效果

介绍一个使用jQuery实现的缩略图逼近效果。主要的想法是当鼠标接近缩略图后,当前的缩略图会放大,并且周围相邻的缩略图也会相应变大一些,当你移动鼠标时,会影响移动方向上的缩略图大小变化

分享使用jQuery和CSS实现的一个超酷缩略图悬浮逼近效果

互动的CSS3光线效果

使用3D变形,CSS梯度和Mask来来实现的光线效果,使用box-shadow和transform实现的阴影。

CSS3 12面体

一个超棒的实验12面体,使用CSS变形和js脚本生成

CSS 3D 光线引擎

一个使用webkit对象实现的JavaScript类库可以添加简单的光线效果到DOM元素,同时你也可以添加其它引擎

3D Thumbnail Hover Effects With CSS

使用CSS3 3D变形生成的折叠效果,超棒并且整洁的动画效果

Slide In Image Boxes

当悬浮对象后创建滑进效果

CSS3 bitmap graphics

使用CSS生成的bitmap图形,没有图片,没有canvas,没有其他标签,使用CSS梯度来生成界面

Paperfold CSS

一个折叠效果的留言插件。

Beercamp: An Experiment With CSS 3D

一个帮助你了解SVG和CSS能够实现什么效果的文章。

Covers: A JS / CSS Experiment

使用CSS和javascript生成的音乐封面

Animation on Apple’s page

apple网站的iPhone 4S页面上应用的效果

Experimental animations for image transitions

一个3d图形过度效果,使用CSS3动画和jQuery

Maintaining CSS style states using “infinite” transition delays

这个演示允许你使用d-pad来移动角色,没有使用任何javascript。主要效果使用无限的过渡效果延迟。

CSS 3-D clouds

使用js和CSS3变形创建的3D云

动画弹出个人信息框

使用css过渡来实现的动画弹出profile菜单

Animated Profile Popover With CSS

CSS3 scrolling effects

各种滚动效果的类库,例如,curl,波浪,反转,飞行等等,使用CSS3和js实现。

CSS3 Scroll Effects

Spin those icons with CSS3

一个简单的创建干净并且滚动的社交图标的文章

Scrolling the Z Axis with CSS 3D Transforms

如何创建z-scroll效果的文章

实用的CSS技巧

CSS3 Family Tree

不使用flash或者javascript,而只使用CSS显示组织结构和家族图谱的演示 ,拥有悬浮效果。一定要看看这个文章Introduction to CSS Pseudo Element Hacks.

CSS3 Family Tree

iOS-style popover

一个简单的生成ios选择框及其悬浮效果的技巧。

iOS-style Popover

Timeline-Style Comments

一个干净并且简单的技巧来展示时间轴类型的留言方式

CSS Table Grid

非常棒的一个用来对齐列的技巧。

CSS Table Grid

Confirmation Feedback Buttons

这个文章介绍了如何根据不同状态来创建按钮的技巧。

纯CSS实现的3D简洁按钮设计

纯CSS实现的3D简洁按钮设计

分享来自Zocial的72个超棒免费CSS3按钮

分享来自Zocial的72个超棒免费CSS3按钮

A calendar in CSS3 and jQuery

一个帮助你使用一些jQuery动画创建CSS3日历的教程。

Outdenting properties for debug CSS

学习如何debug CSS,一个简单的技巧就是标志一个CSS属性做为临时属性或者debug属性,然后将它添加到0列中去。

Outdenting properties for debug CSS

Show Markup in CSS Comments

如何添加一些基本的标签到CSS注释中去的一篇文章

Show Markup in CSS Comments

Selectively displaying data

这个技巧展示了如何选择性的显示内容,并且添加响应式的断点来创建响应式的,复杂的多列表。

Remove Margins for First/Last Elements

如果你想删除顶端或者左边的margin,或者右边,下面的magin,你可以使用:first-child和:last-child

CSS Diagnostics Stylesheet

一个非常有用的代码片段帮助你debug你的CSS,或者找到HTML中的错误

Radio Buttons With Two-Way Exclusivity

学习:empty伪类选择其和jQuery,保证当你点击一个radio按钮的时候,其他列都关闭

Radio Buttons with 2-Way Exclusivity

Tabbed Navigation With CSS

一个优雅的带有下拉菜单的tab导航菜单 ,没有javascript。非常干净的解决方案。

Tabbed Navigation With CSS

Menu With Notification Badges With CSS

一个实用的代码片段用来生成带有通知标识的导航菜单。

Menu with Notification Badges With CSS

Styling based on sibling count (slides)

一个超棒的基于sibling计算的样式。非常实用的技巧。

Styling based on sibling count (Slides)

Stuff you can do with the “Checkbox Hack”

使用checkbox hack技术,你可以使用一个连接label和checkbox来控制其它页面元素 。

CSS3 Facebook Buttons

Nicolas Gallagher开发了一套不同颜色的facebookCSS按钮,大家也可以看看CSS3 Social Sign-In buttonsFree Social CSS3 Buttons

YouTube Popup Buttons

这篇文章讲解了如何创建缺省状态的youtube按钮,拥有非常简单的细微边框斜面并且:hover和:focus时展示

YouTube Popup Buttons

Centering in the Unknown

Chris教你如何实现居中web设计,对于父元素越了解,你就约容易的实现居中。

Micro Clearfix: Force Element To Self-Clear its Children

Chris Coyier 教你几个常用技巧来强制自清理子元素,包含了Nicolas Gallagher的代码片段

Conditional CSS

一个非常不错的技巧帮助你条件式的加载内容。

* { box-sizing: border-box } FTW

一旦你开始在CSS混合匹配各种不同单位, 例如,使用%来设定宽度,em设定padding,px设定border,你肯定遇到box-model问题,你可以使用box-sizing:broder-box来解决,这个IE8支持。

Multiple Attribute Values

如何不使用class来处理多属性值

Diagonal CSS Sprites

使用diagonal来创建sprite。

Double Click in CSS

有没有方法在mobile上检测是否是tap还是双击?阅读这篇文章你就可以了解!

Replacing the -9999px hack (new image replacement)

用来隐藏文本的代码

Fighting the Space Between Inline Block Elements

如何处理inline元素间的小空间,这里chris coyier将讲解几个小窍门

CSS pointer-events and a pure CSS3 animating tooltip

pointer-event属性允许你指定鼠标如何和元素接触的互动方式。看看我们什么时候可以使用它。

Anatomy of a mobile-first responsive Web design

一个来自Brad Frost的如何设计超棒响应式设计的文章 。如何开始?你需要执行什么样的功能?如何使用本地存储和appcache来优化?

SouthStreet Progressive Enhancement Workflow

超棒的响应式设计相关工具。你绝对会用的到!

这里我们收集最新的CSS悬浮和导航特效,希望大家能够喜欢!

分享5个来自tympanus的超炫图片幻灯效果和教程

Tympanus是一个超酷的前端技术博客,经常发布超酷的前端特效教程,今天小编我给大家推荐五个超酷的幻灯效果,希望大家能有机会用在自己的网站和项目中

分享5个来自tympanus的超炫图片幻灯效果和教程

Circle Navigation Effect With CSS3

一个气泡式的CSS3导航

Create a CSS3 Image Gallery With a 3D Lightbox Animation

扩展使用CSS的lightbox画廊,添加了一些hover特效,3D内容旋转 ,全部使用CSS

3D Gallery With CSS3 and jQuery

一个纯3D实现的画廊。 这里查看中文教程

Creative CSS3 animation menus

Mary lou展现给你超酷的导航菜单特效。

How to spice up your menu with CSS3

另外一个超酷的悬浮特效,这里查看中文教程

Create a zoomable user interface

如何使用css transform来创建一个可缩放的CSS3界面

Flipboard Navigation

一个实验性的页面布局

Multi-direction hover

不同方向的hover效果展示

Experimental Hover Effects

悬浮效果的实验性展示

Over-the-top hover effect

CSS和js技巧用来创建顶层的悬浮效果,使用transfomr-origin和transform-style属性及其3D属性。

Accordion With CSS3

来自Mary lou的accordion文章,使用纯CSS3实现。

Expanding Text Areas Made Elegant

一个可自动扩展的textarea实现

Filter Functionality With CSS3

使用CSS3实现的过滤特效

An accessible, keyboard-friendly custom select menu

一个新的方式来实现更强的可用性。

视觉技巧

我们在web开发中使用很多图片和视觉元素来创建特定的效果,使用CSS3,我们不但能够提高加载速度,也可以是的视觉效果更加突出!

Create the Illusion of Stacked Elements with CSS3 Pseudo-Elements

创建一个图片叠加效果的特效

CSS3 Unfold Map with Pins

一个CSS3实现地图标示的代码片段。