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