动态图形界面阴影制造技术

描述了动态图形界面阴影。更具体而言，描述了动态窗口阴影和光标阴影。在一些实现方式中，图形用户界面显示对象可被配置有标高偏移信息，来给予显示对象可具有不同高度的像素的三维显示表面。在一些实现方式中，在配置有像素标高偏移信息的显示对象上渲染的阴影可被调整以反映对象的三维表面，从而更接近于真实生活中的阴影。在一些实现方式中，阴影可根据其被投影于其上的显示对象的标高被实时地动态渲染和调整。

【技术实现步骤摘要】
本申请是申请日为2012年9月28日、专利技术名称为“动态图形界面阴影”的中国专利申请201210473228.3的分案申请。
本公开内容一般地涉及图形用户界面和渲染三维效果。
技术介绍
图形用户界面经常采用阴影技术来在二维表面上提供深度错觉。通常，图形用户界面使用具有预定特性的阴影，预定特性诸如预定尺寸或者距投射阴影的对象或阴影与之相关联的对象的预定距离。尽管这些技术可提供深度错觉，但这些静态阴影并不能随图形用户界面对象的轮廓而调整，从而不能提供自然或真实的外观与感觉。
技术实现思路
描述了动态图形界面阴影。在一些实现方式中，图形用户界面显示对象可被配置为具有标高(elevation)偏移信息，来给予显示对象可具有不同高度(height)的像素的三维表面。在一些实现方式中，在被配置为具有像素标高偏移信息的显示对象上渲染的阴影可被调整来反映对象的三维表面，从而更近似于真实生活中的阴影。在一些实现方式中，阴影能根据其被投射于其上的显示对象的标高被实时地动态渲染和调整。特定的实现方式提供至少以下优点：阴影能看起来更真实并更好地传达用户界面元素的相对位置。针对每个像素的标高图允许复杂纹理和表面的建模。动态阴影可被实现为允许硬件加速的图形处理单元(GPU)滤波器。在其它方面平坦的图形用户界面元素可被配置为具有高度变化的三维表面。在三维表面上渲染的阴影可根据三维表面被扭曲。通过下文的附图和描述来阐述一个或多个实现方式的细节。其他特征、方面和潜在优点将通过说明书、附图和权利要求变得显然。附图说明图1示出了具有动态阴影的示例图形用户界面。图2示出了与图1的图形用户界面中的对象相关联的不同标高的示例。图3示出了其中图形元素被配置为具有像素标高偏移信息的示例图形用户界面。图4示出了配置有像素标高偏移信息的示例显示对象。图5示出了提供像素标高图的示例图形用户界面编辑器。图6示出了包括标高偏移信息的像素颜色数据的示例。图7是生成显示对象的动态阴影的示例过程的流程图。图8是配置像素深度偏移的示例过程的流程图。图9是实现了图1～8的特征和过程的示例性系统架构的方框图。图10是根据本公开内容的实施例的设备1000的方框图。图11是根据本公开内容的实施例的设备1100的方框图。各个附图中的类似参考标记指示类似的元件。具体实施方式现代计算机显示器和图形界面经常尝试模拟真实生活中的三维对象和空间。通常，三维模拟通过阴影的使用来在二维图像上给予深度的外观。另外，二维图形界面上的对象布置可被用来暗示对象的深度和/或分层。例如，桌面比喻被通常用于计算机显示器上，以布置并显示窗口、文件、图像、图标和其他对象。桌面上的对象可以重叠(例如，重叠窗口)或遮挡其他对象(例如，位于桌面图标上面的窗口可以隐藏或遮挡这些图标)。对象的重叠和遮挡能暗示对象的分层或与每个对象相关联的深度或标高。例如，分层可暗示用户桌面上的对象被堆叠在彼此之上，使得每个对象位于离桌面不同的标高处。对象相对于桌面(或屏幕、或用户)的标高(例如，高度或深度)能暗示第三个维度。因此，可以说图形用户界面具有沿X轴的水平维度、沿Y轴的竖直维度和沿Z轴的标高维度(例如，Z轴与桌面和显示屏幕相垂直)，并且显示对象可根据X、Y和Z坐标被定位在显示区域内。在一些实现方式中，对象的标高(例如，窗口、图标、光标和用户界面元素等的标高)可被用来调整对象阴影以提供更真实的和动态调整的阴影。在一些实现方式中，图形用户界面的像素(例如，显示对象、图形元素的像素等)可被配置为具有标高偏移，以生成具有不同标高的有轮廓的表面的用户界面元素。例如，像素标高偏移可以是被添加到显示对象的标高(或从其减去)来为显示对象提供有轮廓的表面的标高值。在一些实现方式中，像素标高偏移可被用来生成适应图形用户界面对象和元素的有轮廓的表面的阴影。图1示出了具有动态阴影的示例图形用户界面(GUI)100。GUI100是可被呈现在计算设备(例如，台式电脑、平板电脑、智能电话和膝上式电脑等等)的显示器上的用户界面。GUI100可包括桌面图形界面(“桌面”)102。例如，桌面图形界面102能呈现可被用来为用户提供对计算设备上的应用程序、文档和文件的访问的桌面比喻。GUI100可包括窗口104和窗口106。例如，窗口104和窗口106可以是用于呈现计算没备的各个应用程序的用户界面的应用程序窗口。在一些实现方式中，窗口104和窗口106可被布置和/或分层在不同标高处。例如，桌面102可具有为零的标高，窗口104可具有为十(10)的标高，而窗口106可具有为二十(20)的标高。在一些实现方式中，当窗口被用户移动或重排时，窗口的标高可被动态地确定。例如，用户可选择窗口104，使得窗口104成为最顶上的窗口。当窗口104被选择时，其他窗口(例如，窗口106)可被布置在窗口104下面(例如，位于较低的标高处)。在一些实现方式中，对象的标高可基于由计算设备指派给对象的顺序而被确定。例如，计算设备可保持显示在GUI100上的对象的列表或阵列。每个窗口、图标、光标或其他对象能在阵列中占据位置。图形对象的显示位置(例如，标高、层级、标高等)可对应于对象在阵列中的位置(例如，索引(index))。例如，占据阵列中的第一位置的对象可被显示在顶部(例如，具有最高的标高)，占据阵列中的第二位置的对象可被显示在第一对象下面，等等。当来自阵列中间的对象被选择时(例如，用户选择显示窗口并且其成为当前工作窗口)，被选择的对象可被移动到阵列中的第一位置并且阵列中的其他对象可改变位置。GUI100可被更新以反映显示对象在阵列中的经调整位置(例如，被选择的窗口将增加标高以成为GUI100中的最顶上的窗口)。因此，图形对象可被显示在反映对象在阵列中的相对位置的GUI100的标高处。GUI100可包括光标108。例如，用户可采用光标108来与GUI100、桌面102、窗口104和106、图标110～122和/或显示在GUI100上的其他对象交互。例如，用户可操纵光标108来选择窗口104，并使得窗口104成为最顶上的窗口。光标108可与标高相关联。例如，光标108可具有GUI100上显示的任意对象的最高标高，使得光标108总是在其他图形对象的顶上。因此，例如，如果桌面102具有为零的标高，窗口104具有为十(10)的标高，而窗口106具有为二十(20)的标高，则光标10本文档来自技高网...

【技术保护点】
一种方法，包括：确定第一图形用户界面元素的第一标高值，其中所述第一标高值对应于沿着与图形用户界面显示器垂直的轴的距离；获取与所述第一图形用户界面元素的第一像素相关联的第一标高偏移值，并且获取与所述第一图形用户界面元素的第二像素相关联的第二标高偏移值，所述第一标高偏移值指示所述第一像素相对于所述第一图形用户界面元素的第一标高值的标高偏移，所述第二标高偏移值指示所述第二像素相对于所述第一图形用户界面元素的第一标高值的标高偏移，其中所述第一标高偏移值不同于所述第二标高偏移值；基于所确定的第一标高值和所述第一标高偏移值与第二标高偏移值，生成与第二图形用户界面元素相关联的阴影；并且显示所述第一图形用户界面元素和所述阴影。

【技术特征摘要】
2011.11.29 US 13/306,8031.一种方法，包括：
确定第一图形用户界面元素的第一标高值，其中所述第一标高值对应于沿
着与图形用户界面显示器垂直的轴的距离；
获取与所述第一图形用户界面元素的第一像素相关联的第一标高偏移值，
并且获取与所述第一图形用户界面元素的第二像素相关联的第二标高偏移值，
所述第一标高偏移...

【专利技术属性】
技术研发人员：N·V·金，D·R·克尔，
申请(专利权)人：苹果公司，
类型：发明
国别省市：美国;US