交互式使用者界面及其操作系统与操作方法.pdf

上传人:000****221 文档编号:970254 上传时间:2018-03-22 格式:PDF 页数:16 大小:514.11KB
返回 下载 相关 举报
摘要
申请专利号:

CN200910179953.8

申请日:

2009.10.14

公开号:

CN102043564A

公开日:

2011.05.04

当前法律状态:

撤回

有效性:

无权

法律详情:

发明专利申请公布后的视为撤回IPC(主分类):G06F 3/048申请公布日:20110504|||公开

IPC分类号:

G06F3/048

主分类号:

G06F3/048

申请人:

英业达股份有限公司

发明人:

邱全成; 刘晓安

地址:

中国台湾台北市

优先权:

专利代理机构:

北京市浩天知识产权代理事务所 11276

代理人:

许志勇

PDF下载: PDF下载
内容摘要

本发明涉及一种交互式使用者界面及其操作系统与操作方法,其通过判断与初始影像对应的第一事件被触发后,显示与初始影像对应的延伸影像,并在判断与延伸影像对应的第二事件被触发后,提供显示与第二事件对应的程序所产生的执行结果的技术手段,可以让使用者界面更为活泼,并达成让使用者界面与使用者之间产生更多互动的技术功效。

权利要求书

1: 一种交互式使用者界面, 该使用者界面至少包含 : 一初始影像, 具有一第一显示范围, 依据一第一位置信息被显示 ; 一延伸影像, 具有一第二显示范围, 用以于对应该初始影像的一第一事件被触发时, 依 据一第二位置信息被显示, 其中该第二位置信息依据该第一位置信息及该第一显示范围所 计算 ; 及 一执行结果, 用以于对应该延伸影像的一第二事件被触发时, 由与该第二事件对应的 一程序产生, 并依据一第三位置信息被显示, 其中, 该第三位置信息至少依据该第一显示范 围与该第一位置信息及 / 或该第二显示范围与该第二位置信息所计算。
2: 如权利要求 1 所述的交互式使用者界面, 其中该初始影像中更包含一主要图示, 该 延伸影像中更包含至少一功能图标。
3: 如权利要求 1 所述的交互式使用者界面, 其中该交互式使用者界面更包含一动画, 该动画最后的画面为该延伸影像, 用以于该延伸影像被显示前, 依据该第二位置信息被播 放。
4: 一种交互式使用者界面的操作方法, 该操作方法至少包含下列步骤 : 显示预先储存的一初始影像 ; 判断对应该初始影像的一第一事件被触发 ; 获取该初始影像的一第一位置信息及该初始影像的一第一显示范围 ; 依据该第一位置信息及该第一显示范围计算一第二位置信息或读取预设的该第二位 置信息 ; 依据该第二位置信息显示与该初始影像对应的一延伸影像 ; 判断对应该延伸影像的一第二事件被触发 ; 获取该延伸影像的一第二显示范围 ; 至少依据该第一显示范围与该第一位置信息及 / 或该第二显示范围与该第二位置信 息, 计算一第三位置信息 ; 及 依据该第三位置信息, 提供显示与该第二事件对应的一程序所产生的一执行结果。
5: 如权利要求 4 所述的交互式使用者界面的操作方法, 其中该依据该第三位置信息, 提供显示与该第二事件对应的该程序所产生的该执行结果的步骤, 传送该第三位置信息予 该程序, 使该程序依据该第三位置信息显示该执行结果的步骤。
6: 如权利要求 4 所述的交互式使用者界面的操作方法, 其中该操作方法于该显示该延 伸影像的步骤前, 更包含依据该第二位置信息播放最后的画面为该延伸影像的一动画的步 骤。
7: 一种交互式使用者界面的操作系统, 该操作系统至少包含 : 一加载模块, 用以加载预先储存的一初始影像, 及用以加载预先储存的一延伸影像, 该 延伸影像与该初始影像对应 ; 一事件侦测模块, 用以判断对应该初始影像的一第一事件是否被触发, 及用以判断对 应该延伸影像的一第二事件是否被触发 ; 一影像信息获取模块, 用以获取该初始影像的一第一位置信息及该初始影像的一第一 显示范围, 及用以获取该延伸影像的一第二位置信息及该延伸影像的一第二显示范围 ; 一计算模块, 用以至少依据该第一显示范围与该第一位置信息及 / 或该第二显示范围 2 与该第二位置信息, 计算一第三位置信息 ; 及 一整合显示模块, 用以显示该初始影像, 并于该事件侦测模块判断该第一事件被触发 时, 依据该第二位置信息显示该延伸影像, 及用以于该事件侦测模块判断该第二事件被触 发时, 依据该第三位置信息, 提供显示与该第二事件对应的一程序所产生的一执行结果。
8: 如权利要求 7 所述的交互式使用者界面的操作系统, 其中该影像信息获取模块依据 该第一位置信息及该第一显示范围计算该第二位置信息或读取预设的该第二位置信息。
9: 如权利要求 7 所述的交互式使用者界面的操作系统, 其中该程序该系统的子程序。
10: 如权利要求 7 所述的交互式使用者界面的操作系统, 其中该整合显示模块更用以 依据该第二位置信息播放最后的画面为该延伸影像的一动画。

说明书


交互式使用者界面及其操作系统与操作方法

    技术领域 本发明涉及一种使用者界面及其操作系统与操作方法, 特别指一种交互式使用者 界面及其操作系统与操作方法。
     背景技术 使用者界面 (User Interface, UI), 是计算机软硬件与使用者之间进行信息交换 的媒介, 凡参与人类与机械的信息交流的领域都存在着使用者界面。使用者界面使得使用 者能够方便有效率地去操作计算机软硬件以达成双向的互动, 完成所希望借助计算机完成 的工作。使用者和计算机软硬件之间一般用受限制的自然语言进行互动, 但随着窗口操 作系统的普及, 目前的使用者界面大多是以图形使用者界面 (Graphics User Interface, GUI) 的方式呈现。
     图形使用者界面使用图形的方式, 帮助使用者方便地向计算机发出指令, 启动操 作, 并将运行的结果以图形方式显示给用户。 图形用户界面操作简单, 省去了使用字符使用
     者界面的使用者必须记忆各种命令的麻烦。
     图形使用者界面虽然解决了使用者记忆命令的问题, 但目前的图形使用者界面的 程序代码中, 通常会定义每一个图形对象 ( 如图标或是程序的执行结果的显示范围 ) 的大 小、 位置等属性以及图形使用者界面的整体显示风格, 另外, 也由于图形使用者界面的开发 环境的限制, 因此被开发出来的图形使用者界面大多大同小异, 如此, 将造成图形使用者界 面非常的单调。
     综上所述, 可知现有技术中长期以来一直存在现行的图形使用者界面过于单调的 问题, 因此有必要提出改进的技术手段, 来解决此一问题。 发明内容 有鉴于现有技术存在图形使用者界面过于单调的问题, 本发明遂提供一种交互式 使用者界面及其操作系统与操作方法, 其中 :
     本发明所提供的交互式使用者界面, 至少包含 : 初始影像, 具有第一显示范围, 依 据第一位置信息被显示 ; 延伸影像, 具有第二显示范围, 用以于对应初始影像的第一事件被 触发时, 依据第二位置信息被显示, 其中第二位置信息依据第一位置信息及第一显示范围 所计算 ; 执行结果, 用以于对应延伸影像的第二事件被触发时, 由与第二事件对应的程序产 生, 并依据第三位置信息被显示, 其中, 第三位置信息至少依据第一显示范围与第一位置信 息及 / 或第二显示范围与第二位置信息所计算。
     本发明所提供的交互式使用者界面的操作系统, 至少包含 : 加载模块, 用以加载预 先储存的初始影像, 及用以加载预先储存的延伸影像, 延伸影像与初始影像对应 ; 事件侦测 模块, 用以判断对应初始影像的第一事件是否被触发, 及用以判断对应延伸影像的第二事 件是否被触发 ; 影像信息获取模块, 用以获取初始影像的第一位置信息及初始影像的第一 显示范围, 及用以获取延伸影像的第二位置信息及延伸影像的第二显示范围 ; 计算模块, 用
     以至少依据第一显示范围与第一位置信息及 / 或第二显示范围与第二位置信息, 计算第三 位置信息 ; 整合显示模块, 用以显示初始影像, 并于事件侦测模块判断第一事件被触发时, 依据第二位置信息显示延伸影像, 及用以于事件侦测模块判断第二事件被触发时, 依据第 三位置信息, 提供显示与第二事件对应的程序所产生的执行结果。
     本发明所提供的交互式使用者界面的操作方法, 其步骤至少包括 : 显示预先储存 的初始影像 ; 判断对应初始影像的第一事件被触发 ; 获取初始影像的第一位置信息及初始 影像的第一显示范围 ; 依据第一位置信息及第一显示范围计算第二位置信息或读取预设的 第二位置信息 ; 依据第二位置信息显示与初始影像对应的延伸影像 ; 判断对应延伸影像的 第二事件被触发 ; 获取延伸影像的第二显示范围 ; 至少依据第一显示范围与第一位置信息 及 / 或第二显示范围与第二位置信息, 计算第三位置信息 ; 依据第三位置信息, 提供显示与 第二事件对应的程序所产生的执行结果。
     本发明所提供的界面、 系统与方法如上, 与现有技术之间的差异在于本发明通过 判断与初始影像对应的第一事件被触发后, 显示与初始影像对应的延伸影像, 并在判断与 延伸影像对应的第二事件被触发后, 提供显示与第二事件对应的程序所产生的执行结果, 借以解决现有技术所存在的问题, 并可以达成让使用者界面与使用者之间产生更多互动的 技术功效。 附图说明
     图 1A 为本发明所提的交互式使用者界面的示意图。
     图 1B 为本发明所提的交互式使用者界面的示意图。
     图 1C 为本发明所提的交互式使用者界面的示意图。
     图 2 为本发明所提的交互式使用者界面的操作系统架构图。
     图 3 为本发明所提的交互式使用者界面的操作方法流程图。
     【主要元件符号说明】
     100 使用者界面
     110 初始影像
     111 吹气管
     120 延伸影像
     121 泡泡
     130 执行结果
     140 主要图示
     150 功能图标
     210 加载模块
     220 事件侦测模块
     250 影像信息获取模块
     260 计算模块
     270 整合显示模块具体实施方式
     以下将配合图式及实施例来详细说明本发明的特征与实施方式, 内容足以使任何 本领域的技术人员能够轻易地充分理解本发明解决技术问题所应用的技术手段并据以实 施, 借此实现本发明可达成的功效。
     在本发明中, 使用者界面 100 被区分为初始影像 110、 延伸影像 120、 以及执行结果 130 三个部分, 如图 1A、 图 1B 以及图 1C 所示。但本发明所提的使用者界面不并以图 1A、 图 1B 以及图 1C 为限。
     初始影像 110 在使用者界面 100 被执行后, 就会依据第一位置信息被显示在执行 本发明的环境 ( 以下将简称为 「执行环境」 ) 的显示区域 ( 图中未示 ) 中。其中, 第一位置 信息表示初始影像 110 在显示区域中的位置, 通常为执行环境指定的坐标、 或是为使用者 界面 100 中预设的坐标。一般而言, 第一位置信息为初始影像 110 的左上角在显示区域中 的坐标, 但本发明所提的第一位置信息并不以坐标为限, 其它例如水平位置 ( 水平坐标值 ) 或是垂直位置 ( 垂直坐标值 ) 等, 第一位置信息也不以初始影像 110 的左上角作为定位点 为限, 其它例如中心点、 右上角、 左下角、 右下角等。
     初始影像 110 具有第一显示范围, 第一显示范围通常用来表示初始影像 110 被显 示在显示区域中的最大宽度与最大高度, 例如第一显示范围为 「75x50 像素 (pixels)」 时, 表示被显示在显示区域上的初始影像 110, 宽度有 75 个像素、 高度有 50 个像素, 但此并不代 表初始影像 100 一定会为矩形, 初始影像 110 也可以为三角形、 圆形等形状, 甚至初始影像 110 也有可能为不规则的图形。 初始影像 110 中可能包含一个主要图示 (icon)140, 但本发明并不以此为限。
     延伸影像 120 会依据第二位置信息被显示在显示区域中。其中, 第二位置信息用 来表示延伸影像 120 在显示区域中的位置, 通常为延伸影像 120 的左上角在显示区域中的 坐标、 水平坐标值或是垂直坐标值等, 但本发明所提的第二位置信息并不以此为限, 第二位 置信息也不以延伸影像 120 的左上角作为定位点为限。
     与初始影像 110 相似的, 延伸影像 120 被显示在显示区域中的最大宽度与最大高 度即为第二显示范围, 延伸影像 120 同样不局限于矩形, 也可以为非矩形的图形, 甚至可以 是由多个子图形组合而成的图形等, 但本发明并不以此为限。
     延伸影像 120 中, 可能会包含一个或一个以上的功能图标 150, 但本发明并不以此 为限。
     执行结果 130 由使用者界面 100 的子程序 / 子功能产生, 或是由执行于执行环境 的外部程序产生, 包含但不限于程序产生的窗口界面以及输出的数据等。执行结果 130 依 据第三位置信息被显示在显示区域中。以下将以 「第三显示范围」 描述执行结果 130 被显 示在显示区域中的区域, 第三显示范围通常为固定的预定值, 但也可以不需要定义, 此时, 执行结果 130 将可以任意大小被显示在显示区域中的任何位置。
     值得一提的是, 延伸影像 120 会与初始影像 110 相对应, 初始影像 110 与延伸影像 120 之间的对应关系例如延伸影像 120 可以为初始影像 110 的延续, 但本发明并不以此为 限。如图 1B 所示, 初始影像 110 为扇骨, 而延伸影像 120 即为扇面, 又如图 1C 所示, 初始影 像 110 为吹气管 111, 延伸影像 120 为泡泡 121 等四个泡泡。
     以下先以图 2 本发明所提的交互式使用者界面的操作系统的系统架构图来说明
     本发明的系统运作。如图 2 所示, 本发明的系统含有加载模块 210、 事件侦测模块 220、 影像 信息获取模块 250、 计算模块 260、 以及整合显示模块 270。
     加载模块 210 负责加载初始影像 110 以及延伸影像 120。
     事件侦测模块 220 负责判断与初始影像 110 对应的第一事件是否被触发。对应初 始影像 110 的第一事件例如点击 (click) 或双击 (double-click) 初始影像 110、 或移动光 标到初始影像 110 上等, 因此事件侦测模块 220 判断第一事件是否被触发即为判断初始影 像 110 是否被点击或双击、 或光标是否被移动到初始影像 110 上等, 但本发明所提的第一事 件并不以此为限。
     若初始影像 110 中包含主要图标 140, 则第一事件可能变为主要图示 140 被点击、 被双 击、 或是光标与主要图标 140 重叠等, 则事件侦测模块 220 所判断的第一事件也会跟着改变。
     事件侦测模块 220 也负责判断与延伸影像 120 对应的第二事件是否被触发。与延 伸影像 120 对应的第二事件实际上与第一事件相似, 例如点击或双击延伸影像 120、 或移动 光标到延伸影像 120 上, 但本发明并不以此为限, 若延伸影像 120 中更包含功能图标 150, 则 第二事件更可以为点击或双击功能图标 150、 或移动光标到功能图标 150 上等, 其中, 当延 伸影像 120 包含多个功能图标 150 时, 各个功能图标 150 所对应的第二事件通常并不相同, 但本发明并不以此为限, 也就是说, 延伸影像 120 所包含的所有功能图标 150 将可能对应到 相同的第二事件。事件侦测模块 220 所判断的第二事件包含但不限于判断延伸影像 120/ 功能图标 150 是否被点击或双击、 或光标是否被移动到延伸影像 120/ 功能图标 150 上。 影像信息获取模块 250 负责获取初始影像 110 的第一位置信息以及初始影像 110 的第一显示范围。例如, 当初始影像 110 的第一位置信息为执行环境指定的坐标时, 影像信 息获取模块 250 可以现有的技术侦测使用者界面 100 的左上角的坐标以及使用者界面 100 的显示范围, 由于此时延伸影像 120 以及执行结果 130 都还没被显示, 因此影像信息获取模 块 250 此时所侦测到的坐标以及显示范围即为初始影像 110 的坐标 ( 第一位置信息 ) 以及 第一显示范围, 而当初始影像 110 的第一位置信息为使用者界面 100 预设的坐标时, 影像信 息获取模块 250 也可以读取预设的数据来取得初始影像 110 的第一位置信息以及第一显示 范围。
     影像信息获取模块 250 也负责获取延伸影像 120 的第二位置信息。 其中, 影像信息 获取模块 250 可以读取预设的数据来取得延伸影像 120 的第二位置信息, 或是依据初始影 像 110 的第一位置信息以及第一显示范围, 计算第二位置信息。例如, 初始影像 110 的第一 位置信息为其左上角的坐标 「(413, 208)」 , 初始影像 110 的第一显示范围为 「100x75 像素」 , 若延伸影像 120 如图 1A 所示, 在初始影像 110 的右侧, 则影像信息获取模块 250 可以将第 一位置信息的水平坐标值 「413」 加上第一显示范围所表示的初始影像 110 的宽度 「100」 像 素后, 得到水平坐标值 「513」 , 故延伸影像 120 的第二位置信息为 「(513, 208)」 。
     影像信息获取模块 250 同样也负责获取延伸影像 120 的第二显示范围。其中, 影 像信息获取模块 250 可以读取预设的数据来取得延伸影像 120 的第二显示范围, 或是在延 伸影像 120 被显示后, 以现有的技术直接侦测延伸影像 120 的第二显示范围, 甚至可以在侦 测包含初始影像 110 以及延伸影像 120 的使用者界面 100 的显示范围后, 比对使用者界面 100 的显示范围以及初始影像 110 的第一显示范围, 便可以得到延伸影像 120 的第二显示范 围。
     计算模块 260 负责依据初始影像 110 的第一显示范围与第一位置信息及 / 或延伸 影像 120 的第二显示范围与第二位置信息, 计算表示执行结果 130 被显示的位置的第三位 置信息。计算模块 260 计算产生的第三位置信息可能为坐标或是水平坐标值与垂直坐标值 其中之一。当第三位置信息只为水平坐标值或垂直坐标值时, 表示执行结果 130 的位置只 需要落在水平坐标值 / 垂直坐标值上即可, 可以不管第三位置信息没有表示的垂直坐标值 / 水平坐标值。
     计算模块 260 在第三显示范围已被定义的条件下, 可以将第三显示范围作为计算 参数, 借以计算可以让执行结果 130 与初始影像 110 以及延伸影像 120 所形成的影像居中 对齐的第三位置信息, 但计算模块 260 计算产生的第三位置信息并不以此为限。
     另外, 在第三显示范围已被定义的条件下, 计算模块 260 还可以依据第一位置信 息、 第一显示范围、 第二位置信息以及第二显示范围计算出初始影像 110 以及延伸影像 120 所组成的影像在显示区域中的显示范围, 并在计算出组合的影像距离显示区域的四个边界 的距离后, 依据第三显示范围以及组合的影像距离显示区域的四个边界的距离计算第三位 置信息, 例如, 当计算模块 260 判断 「第三显示范围 > 组合的影像的显示范围 + 组合的影像 距离某一边界 ( 如左边界 ) 的距离」 的式子成立时, 产生的第三位置信息将为组合的影像的 显示范围的最左方水平坐标值或是最右下角的坐标 ; 而若判断 「第三显示范围 > 组合的影 像的显示范围 + 组合的影像距离另一边界 ( 如右边界 ) 的距离」 的式子成立时, 产生的第三 位置信息将为组合的影像的显示范围的最右方水平坐标值或是最右下角的坐标 ; 若两个式 子都无法成立, 则会产生与组合的影像置中对应的坐标。 整合显示模块 270 负责在使用者界面 100 被执行后, 显示初始影像 110, 并在事件 侦测模块 220 判断第一事件被触发时, 依据第二位置信息显示延伸影像 120, 以及负责在事 件侦测模块 220 判断第二事件被触发时, 依据计算模块 260 所计算出的第三位置信息, 提供 与第二事件对应的程序显示程序所产生的执行结果 130。 其中, 若与第二事件对应的程序为 使用者界面 100 的子功能, 则该程序可以直接通过使用者界面 100 读取到第三位置信息, 并 依据第三位置信息将其产生的执行结果 130 显示在显示区域中 ; 若与第二事件对应的程序 为使用者界面 100 的子程序, 则整合显示模块 270 可以使用现有的程序间的通讯方式, 将第 三位置信息传送给该程序, 使该程序依据第三位置信息将其产生的执行结果 130 显示在显 示区域中 ; 若与第二事件对应的程序为执行环境的程序, 则整合显示模块 270 会在通过执 行环境呼叫 (call) 该程序开始执行时, 以参数的方式传递第三位置信息至该程序, 使该程 序依据第三位置信息将其产生的执行结果 130 显示在显示区域中。
     整合显示模块 270 更可以负责在事件侦测模块 220 判断第一事件被触发后, 依据 第二位置信息显示延伸影像 120 之前, 依据第二位置信息播放动画。被整合显示模块 270 所播放的动画的最后一个画面 (frame) 与延伸影像 120 相同, 如此, 在第一事件被触发后, 使用者将获得动画的视觉效果。 其中, 被整合显示模块 270 所播放的动画的格式可以为 GIF 动画、 Flash 动画等, 但并不以此为限。
     另外, 除了整合显示模块 270 之外, 影像信息获取模块 250 也可以在事件侦测模块 220 判断第一事件被触发后, 才获取初始影像 110 的第一位置信息、 初始影像 110 的第一显 示范围以及延伸影像 120 的第二位置信息, 影像信息获取模块 250 以及计算模块也可以在 事件侦测模块 220 判断第二事件被触发后, 分别获取延伸影像 120 的第二显示范围, 以及计
     算第三位置信息。
     接着以一个实施例来解说本发明的运作系统与方法, 并请参照图 3 本发明所提的 交互式使用者界面的操作方法的方法流程图。
     当使用者欲使用本发明所提供的使用者界面 100, 则使用者必须先储存提供使用 者界面 100 的程序, 使得初始影像 110 以及延伸影像 120 被储存到执行使用者界面 100 的 执行环境中。
     使用者在执行环境中执行提供使用者界面 100 的程序后, 加载模块 210 会读取预 先储存于执行环境中的初始影像 110, 整合显示模块 270 会显示初始影像 110( 步骤 310)。 假设本实施例所提的初始影像 110 为如图 1C 所示的吹气管 111。
     若在本实施例中, 第一事件为光标移动到初始影像 110 上, 则当使用者操作光标 移动到初始影像 110 上时, 事件侦测模块 220 会判断出第一事件被触发 ( 步骤 320), 接着, 影像信息获取模块 250 会尝试获取初始影像 110 的第一位置信息以及第一显示范围 ( 步骤 331)。假设在本发明中, 影像信息获取模块 250 会以侦测坐标以及显示范围的方式获取第 一位置信息以及第一显示范围, 因此影像信息获取模块 250 会侦测此时的使用者界面 100 左上角的坐标以及此时的使用者界面 100 的显示范围, 由于此时延伸影像 120 以及执行结 果 130 都还没被显示, 因此影像信息获取模块 250 此时所侦测到的使用者界面 100 左上角 的坐标以及使用者界面的显示范围即为初始影像 110 的坐标 ( 第一位置信息 ) 以及第一显 示范围。但影像信息获取模块 250 获取初始影像 110 的第一位置信息以及第一显示范围的 方式并不以此为限。
     在影像信息获取模块 250 获取初始影像 110 的第一位置信息以及第一显示范围 ( 步骤 331) 后, 影像信息获取模块 250 会进一步尝试获取延伸影像 120 的第二位置信息。 假设在本实施例中, 初始影像 110 的第一位置信息为其左上角的坐标 「(413, 208)」 , 初始影 像 110 的第一显示范围为 「100x50 像素」 , 若延伸影像 120 如图 1C 所示, 为在初始影像 110 右侧的四个泡泡, 则当初始影像 110 的上缘与延伸影像 120 的上缘的高度相同时, 影像信 息获取模块 250 可以将第一位置信息的水平坐标值 「413」 加上第一显示范围所表示的初 始影像 110 的宽度 「100」 像素后, 得到水平坐标值 「513」 , 故延伸影像 120 的第二位置信息 为 「(513, 208)」 ( 步骤 332) ; 而当初始影像 110 的下缘与延伸影像 120 的下缘的高度相同 时, 影像信息获取模块 250 除了以上述方式得到第二位置信息的水平坐标值 「513」 外, 还需 要在将第一位置信息的垂直坐标值 「208」 加上第一显示范围所表示的初始影像 110 的高度 「50」 像素后, 再减去第二显示范围的高度, 假设为 「250」 像素, 如此便可以得到第二位置信 息的垂直坐标值 「8」 , 故延伸影像 120 的第二位置信息为 「(513, 8)」 ( 步骤 332) ; 同理, 影 像信息获取模块 250 可以依据设定调整第二位置信息。
     另外, 若影像信息获取模块 250 以读取默认值的方式获取第一位置信息以及第一 显示范围 ( 步骤 331), 则影像信息获取模块 250 同样可以读取默认值的方式获取第二位置 信息 ( 步骤 332)。
     在影像信息获取模块 250 获取第二位置信息后, 整合显示模块 270 会依据第二位 置信息显示延伸影像 120( 步骤 352)。 假设在本实施例中, 整合显示模块 270 以第二位置信 息 「513, 208」 作为延伸影像 120 的左上角的坐标, 则在整合显示模块 270 显示延伸影像 120 后, 使用者界面 100 将如图 1C 所示, 由只有吹气管 111 的初始影像 110 变为吹出泡泡的吹气管, 但本发明所提的使用者界面 100 并不以此为限。
     若使用者界面 100 中更包含有最后的画面与延伸影像相同的动画, 则在整合显示 模块 270 依据第二位置信息显示延伸影像 120( 步骤 352) 前, 整合显示模块 270 更可以依据 第二位置信息播放动画 ( 步骤 351), 也就是说, 整合显示模块 270 所播放的动画的左上角的 坐标为 「513, 208」 。假设在本实施例中, 被播放的动画为一个一个的泡泡由吹气管 111( 初 始影像 110) 中被吹出来, 当泡泡变为与图 1C 相同的位置与大小时动画结束, 如此, 由于动 画的最后一个画面与延伸影像 120 相同, 因此对使用者而言, 其在触发第一事件后, 会有泡 泡真的由吹气管 111 吹出来的视觉效果, 增加了使用者界面 100 的趣味性。
     在整合显示模块 270 依据第二位置信息显示延伸影像 120( 步骤 352) 后, 事件侦 测模块 220 会判断第二事件是否被触发 ( 步骤 360), 假设在本实施例中, 第二事件为延伸影 像 120 中的特定区域 ( 如最左边的泡泡 121) 被点击, 在使用者点击延伸影像 120 中最左边 的泡泡 121 后, 事件侦测模块 220 会判断出第二事件被触发, 而后, 影像信息获取模块 250 会尝试获取延伸影像 120 的第二显示范围 ( 步骤 371)。假设在本实施例中, 影像信息获取 模块 250 可以直接由显示区域中侦测出延伸影像 120 的第二显示范围, 例如为 「500x200 像 素」 , 但影像信息获取模块 250 获取延伸影像 120 的第二显示范围的方式并不以此为限。 另外, 若影像信息获取模块 250 以读取默认值的方式获取第二位置信息 ( 步骤 332), 则影像信息获取模块 250 同样可以读取默认值的方式获取第二显示范围 ( 步骤 371)。
     在影像信息获取模块 250 获取第二显示范围 ( 步骤 371) 后, 假设在本实施例中, 计算模块 260 会依据第一显示范围 「100x50 像素」 、 该第一位置信息 「坐标 (413, 208)」 、 第 二显示范围 「500x200 像素」 以及该第二位置信息 「坐标 (513, 208)」 计算出延伸影像 120 的下缘的垂直坐标值为 「407」 , 但并不以此为限。由于延伸影响 120 的下缘的垂直坐标值 「407」 , 较初始影像 110 下缘的垂直坐标值 「257」 来的大, 也就是延伸影像 120 的下缘较初 始影像 110 的下缘低, 故计算模块 260 会以第二显示范围 「500x200 像素」 以及该第二位置 信息 「坐标 (513, 208)」 计算出第三位置信息 ( 步骤 372), 也就是垂直坐标值 「408」 。
     在计算模块 260 依据第一显示范围、 该第一位置信息、 第二显示范围以及该第二 位置信息计算出第三位置信息 ( 步骤 372) 后, 整合显示模块 270 会提供第三位置信息给与 该第二事件对应的程序, 假设在本实施例中为 「电子辞典」 , 使程序 「电子辞典」 所产生的一 执行结果 ( 也就是 「电子辞典」 的操作界面 ) 依据第三位置信息显示于使用者界面 100 中 ( 步骤 380)。由于第三位置信息只有垂直坐标值 「408」 而没有水平坐标值, 故 「电子辞典」 所产生的执行结果 130 的左上角的坐标会为垂直坐标值 「408」 , 但水平坐标值即可能为显 示区域的任意位置, 在图 1C 中, 假设 「电子辞典」 所产生的执行结果 130 预设与被显示在初 始影像 110 与延伸影像 120 所组成的影像的置中对齐, 也就是 「电子辞典」 所产生的执行结 果 130 与初始影像 110 与延伸影像 120 所组成的影像在垂直方向的平分线重叠, 但本发明 并不以此为限。
     在上述的实施例中, 若计算模块 260 不只计算出垂直坐标值, 也一并计算了水平 坐标值, 例如计算出 「电子辞典」 所产生的执行结果 130 与被显示在初始影像 110 与延伸影 像 120 所组成的影像的置中对齐时, 「电子辞典」 所产生的执行结果 130 的左方会超出执行 环境的显示区域, 则计算模块 260 会以初始影像 110 的水平坐标值 「413」 作为第三位置信 息中的水平坐标值 ( 步骤 372), 则在整合显示模块 270 提供显示 「电子辞典」 所产生的执行
     结果 130 时, 「电子辞典」 所产生的执行结果 130 左上角会被显示在 「(413, 408)」 的坐标上 ( 步骤 380), 使得 「电子辞典」 所产生的执行结果 130 左上角与初始影像 110 延伸影像 120 所组成的影像靠左对齐。
     综上所述, 可知本发明与现有技术之间的差异在于具有判断与初始影像 110 对应 的第一事件被触发后, 显示与初始影像 110 对应的延伸影像 120, 并在判断与延伸影像 120 对应的第二事件被触发后, 提供显示与第二事件对应的程序所产生的执行结果 130 的技术 手段, 借由此一技术手段可以解决现有技术所存在图形使用者界面过于单调的问题, 进而 达成让使用者界面与使用者之间产生更多互动的技术功效。
     为了让使用者更明确的得知可以触发第一事件以及第二事件的位置, 初始影像 110 中更可以包含主要图标 140, 延伸影像 120 更可以包含功能图标 150, 如此, 在上述实施 例中, 第一事件即可以为主要图标 140 被光标重叠, 第二事件即可以为功能图标 150 被点 击。
     再者, 本发明的交互式使用者界面的操作方法, 可实现于硬件、 软件或硬件与软件 的组合中, 亦可在计算机系统中以集中方式实现或以不同组件散布于若干互连的计算机系 统的分散方式实现。 虽然本发明所提供的实施方式如上, 惟所述的内容并非用以直接限定本发明的专 利保护范围。任何本发明所属技术领域中的技术人员, 在不脱离本发明所提供的精神和范 围的前提下, 对本发明的实施的形式上及细节上作些许的更动润饰, 均属于本发明的专利 保护范围。本发明的专利保护范围, 仍须以所附的权利要求所界定的范围为准。
    

交互式使用者界面及其操作系统与操作方法.pdf_第1页
第1页 / 共16页
交互式使用者界面及其操作系统与操作方法.pdf_第2页
第2页 / 共16页
交互式使用者界面及其操作系统与操作方法.pdf_第3页
第3页 / 共16页
点击查看更多>>
资源描述

《交互式使用者界面及其操作系统与操作方法.pdf》由会员分享,可在线阅读,更多相关《交互式使用者界面及其操作系统与操作方法.pdf(16页珍藏版)》请在专利查询网上搜索。

1、10申请公布号CN102043564A43申请公布日20110504CN102043564ACN102043564A21申请号200910179953822申请日20091014G06F3/04820060171申请人英业达股份有限公司地址中国台湾台北市72发明人邱全成刘晓安74专利代理机构北京市浩天知识产权代理事务所11276代理人许志勇54发明名称交互式使用者界面及其操作系统与操作方法57摘要本发明涉及一种交互式使用者界面及其操作系统与操作方法,其通过判断与初始影像对应的第一事件被触发后,显示与初始影像对应的延伸影像,并在判断与延伸影像对应的第二事件被触发后,提供显示与第二事件对应的程序所。

2、产生的执行结果的技术手段,可以让使用者界面更为活泼,并达成让使用者界面与使用者之间产生更多互动的技术功效。51INTCL19中华人民共和国国家知识产权局12发明专利申请权利要求书2页说明书8页附图5页CN102043567A1/2页21一种交互式使用者界面,该使用者界面至少包含一初始影像,具有一第一显示范围,依据一第一位置信息被显示;一延伸影像,具有一第二显示范围,用以于对应该初始影像的一第一事件被触发时,依据一第二位置信息被显示,其中该第二位置信息依据该第一位置信息及该第一显示范围所计算;及一执行结果,用以于对应该延伸影像的一第二事件被触发时,由与该第二事件对应的一程序产生,并依据一第三位置。

3、信息被显示,其中,该第三位置信息至少依据该第一显示范围与该第一位置信息及/或该第二显示范围与该第二位置信息所计算。2如权利要求1所述的交互式使用者界面,其中该初始影像中更包含一主要图示,该延伸影像中更包含至少一功能图标。3如权利要求1所述的交互式使用者界面,其中该交互式使用者界面更包含一动画,该动画最后的画面为该延伸影像,用以于该延伸影像被显示前,依据该第二位置信息被播放。4一种交互式使用者界面的操作方法,该操作方法至少包含下列步骤显示预先储存的一初始影像;判断对应该初始影像的一第一事件被触发;获取该初始影像的一第一位置信息及该初始影像的一第一显示范围;依据该第一位置信息及该第一显示范围计算一。

4、第二位置信息或读取预设的该第二位置信息;依据该第二位置信息显示与该初始影像对应的一延伸影像;判断对应该延伸影像的一第二事件被触发;获取该延伸影像的一第二显示范围;至少依据该第一显示范围与该第一位置信息及/或该第二显示范围与该第二位置信息,计算一第三位置信息;及依据该第三位置信息,提供显示与该第二事件对应的一程序所产生的一执行结果。5如权利要求4所述的交互式使用者界面的操作方法,其中该依据该第三位置信息,提供显示与该第二事件对应的该程序所产生的该执行结果的步骤,传送该第三位置信息予该程序,使该程序依据该第三位置信息显示该执行结果的步骤。6如权利要求4所述的交互式使用者界面的操作方法,其中该操作方。

5、法于该显示该延伸影像的步骤前,更包含依据该第二位置信息播放最后的画面为该延伸影像的一动画的步骤。7一种交互式使用者界面的操作系统,该操作系统至少包含一加载模块,用以加载预先储存的一初始影像,及用以加载预先储存的一延伸影像,该延伸影像与该初始影像对应;一事件侦测模块,用以判断对应该初始影像的一第一事件是否被触发,及用以判断对应该延伸影像的一第二事件是否被触发;一影像信息获取模块,用以获取该初始影像的一第一位置信息及该初始影像的一第一显示范围,及用以获取该延伸影像的一第二位置信息及该延伸影像的一第二显示范围;一计算模块,用以至少依据该第一显示范围与该第一位置信息及/或该第二显示范围权利要求书CN1。

6、02043564ACN102043567A2/2页3与该第二位置信息,计算一第三位置信息;及一整合显示模块,用以显示该初始影像,并于该事件侦测模块判断该第一事件被触发时,依据该第二位置信息显示该延伸影像,及用以于该事件侦测模块判断该第二事件被触发时,依据该第三位置信息,提供显示与该第二事件对应的一程序所产生的一执行结果。8如权利要求7所述的交互式使用者界面的操作系统,其中该影像信息获取模块依据该第一位置信息及该第一显示范围计算该第二位置信息或读取预设的该第二位置信息。9如权利要求7所述的交互式使用者界面的操作系统,其中该程序该系统的子程序。10如权利要求7所述的交互式使用者界面的操作系统,其中。

7、该整合显示模块更用以依据该第二位置信息播放最后的画面为该延伸影像的一动画。权利要求书CN102043564ACN102043567A1/8页4交互式使用者界面及其操作系统与操作方法技术领域0001本发明涉及一种使用者界面及其操作系统与操作方法,特别指一种交互式使用者界面及其操作系统与操作方法。背景技术0002使用者界面USERINTERFACE,UI,是计算机软硬件与使用者之间进行信息交换的媒介,凡参与人类与机械的信息交流的领域都存在着使用者界面。使用者界面使得使用者能够方便有效率地去操作计算机软硬件以达成双向的互动,完成所希望借助计算机完成的工作。使用者和计算机软硬件之间一般用受限制的自然语。

8、言进行互动,但随着窗口操作系统的普及,目前的使用者界面大多是以图形使用者界面GRAPHICSUSERINTERFACE,GUI的方式呈现。0003图形使用者界面使用图形的方式,帮助使用者方便地向计算机发出指令,启动操作,并将运行的结果以图形方式显示给用户。图形用户界面操作简单,省去了使用字符使用者界面的使用者必须记忆各种命令的麻烦。0004图形使用者界面虽然解决了使用者记忆命令的问题,但目前的图形使用者界面的程序代码中,通常会定义每一个图形对象如图标或是程序的执行结果的显示范围的大小、位置等属性以及图形使用者界面的整体显示风格,另外,也由于图形使用者界面的开发环境的限制,因此被开发出来的图形使。

9、用者界面大多大同小异,如此,将造成图形使用者界面非常的单调。0005综上所述,可知现有技术中长期以来一直存在现行的图形使用者界面过于单调的问题,因此有必要提出改进的技术手段,来解决此一问题。发明内容0006有鉴于现有技术存在图形使用者界面过于单调的问题,本发明遂提供一种交互式使用者界面及其操作系统与操作方法,其中0007本发明所提供的交互式使用者界面,至少包含初始影像,具有第一显示范围,依据第一位置信息被显示;延伸影像,具有第二显示范围,用以于对应初始影像的第一事件被触发时,依据第二位置信息被显示,其中第二位置信息依据第一位置信息及第一显示范围所计算;执行结果,用以于对应延伸影像的第二事件被触。

10、发时,由与第二事件对应的程序产生,并依据第三位置信息被显示,其中,第三位置信息至少依据第一显示范围与第一位置信息及/或第二显示范围与第二位置信息所计算。0008本发明所提供的交互式使用者界面的操作系统,至少包含加载模块,用以加载预先储存的初始影像,及用以加载预先储存的延伸影像,延伸影像与初始影像对应;事件侦测模块,用以判断对应初始影像的第一事件是否被触发,及用以判断对应延伸影像的第二事件是否被触发;影像信息获取模块,用以获取初始影像的第一位置信息及初始影像的第一显示范围,及用以获取延伸影像的第二位置信息及延伸影像的第二显示范围;计算模块,用说明书CN102043564ACN102043567A。

11、2/8页5以至少依据第一显示范围与第一位置信息及/或第二显示范围与第二位置信息,计算第三位置信息;整合显示模块,用以显示初始影像,并于事件侦测模块判断第一事件被触发时,依据第二位置信息显示延伸影像,及用以于事件侦测模块判断第二事件被触发时,依据第三位置信息,提供显示与第二事件对应的程序所产生的执行结果。0009本发明所提供的交互式使用者界面的操作方法,其步骤至少包括显示预先储存的初始影像;判断对应初始影像的第一事件被触发;获取初始影像的第一位置信息及初始影像的第一显示范围;依据第一位置信息及第一显示范围计算第二位置信息或读取预设的第二位置信息;依据第二位置信息显示与初始影像对应的延伸影像;判断。

12、对应延伸影像的第二事件被触发;获取延伸影像的第二显示范围;至少依据第一显示范围与第一位置信息及/或第二显示范围与第二位置信息,计算第三位置信息;依据第三位置信息,提供显示与第二事件对应的程序所产生的执行结果。0010本发明所提供的界面、系统与方法如上,与现有技术之间的差异在于本发明通过判断与初始影像对应的第一事件被触发后,显示与初始影像对应的延伸影像,并在判断与延伸影像对应的第二事件被触发后,提供显示与第二事件对应的程序所产生的执行结果,借以解决现有技术所存在的问题,并可以达成让使用者界面与使用者之间产生更多互动的技术功效。附图说明0011图1A为本发明所提的交互式使用者界面的示意图。0012。

13、图1B为本发明所提的交互式使用者界面的示意图。0013图1C为本发明所提的交互式使用者界面的示意图。0014图2为本发明所提的交互式使用者界面的操作系统架构图。0015图3为本发明所提的交互式使用者界面的操作方法流程图。0016【主要元件符号说明】0017100使用者界面0018110初始影像0019111吹气管0020120延伸影像0021121泡泡0022130执行结果0023140主要图示0024150功能图标0025210加载模块0026220事件侦测模块0027250影像信息获取模块0028260计算模块0029270整合显示模块说明书CN102043564ACN102043567A。

14、3/8页6具体实施方式0030以下将配合图式及实施例来详细说明本发明的特征与实施方式,内容足以使任何本领域的技术人员能够轻易地充分理解本发明解决技术问题所应用的技术手段并据以实施,借此实现本发明可达成的功效。0031在本发明中,使用者界面100被区分为初始影像110、延伸影像120、以及执行结果130三个部分,如图1A、图1B以及图1C所示。但本发明所提的使用者界面不并以图1A、图1B以及图1C为限。0032初始影像110在使用者界面100被执行后,就会依据第一位置信息被显示在执行本发明的环境以下将简称为执行环境的显示区域图中未示中。其中,第一位置信息表示初始影像110在显示区域中的位置,通常。

15、为执行环境指定的坐标、或是为使用者界面100中预设的坐标。一般而言,第一位置信息为初始影像110的左上角在显示区域中的坐标,但本发明所提的第一位置信息并不以坐标为限,其它例如水平位置水平坐标值或是垂直位置垂直坐标值等,第一位置信息也不以初始影像110的左上角作为定位点为限,其它例如中心点、右上角、左下角、右下角等。0033初始影像110具有第一显示范围,第一显示范围通常用来表示初始影像110被显示在显示区域中的最大宽度与最大高度,例如第一显示范围为75X50像素PIXELS时,表示被显示在显示区域上的初始影像110,宽度有75个像素、高度有50个像素,但此并不代表初始影像100一定会为矩形,初。

16、始影像110也可以为三角形、圆形等形状,甚至初始影像110也有可能为不规则的图形。0034初始影像110中可能包含一个主要图示ICON140,但本发明并不以此为限。0035延伸影像120会依据第二位置信息被显示在显示区域中。其中,第二位置信息用来表示延伸影像120在显示区域中的位置,通常为延伸影像120的左上角在显示区域中的坐标、水平坐标值或是垂直坐标值等,但本发明所提的第二位置信息并不以此为限,第二位置信息也不以延伸影像120的左上角作为定位点为限。0036与初始影像110相似的,延伸影像120被显示在显示区域中的最大宽度与最大高度即为第二显示范围,延伸影像120同样不局限于矩形,也可以为非。

17、矩形的图形,甚至可以是由多个子图形组合而成的图形等,但本发明并不以此为限。0037延伸影像120中,可能会包含一个或一个以上的功能图标150,但本发明并不以此为限。0038执行结果130由使用者界面100的子程序/子功能产生,或是由执行于执行环境的外部程序产生,包含但不限于程序产生的窗口界面以及输出的数据等。执行结果130依据第三位置信息被显示在显示区域中。以下将以第三显示范围描述执行结果130被显示在显示区域中的区域,第三显示范围通常为固定的预定值,但也可以不需要定义,此时,执行结果130将可以任意大小被显示在显示区域中的任何位置。0039值得一提的是,延伸影像120会与初始影像110相对应。

18、,初始影像110与延伸影像120之间的对应关系例如延伸影像120可以为初始影像110的延续,但本发明并不以此为限。如图1B所示,初始影像110为扇骨,而延伸影像120即为扇面,又如图1C所示,初始影像110为吹气管111,延伸影像120为泡泡121等四个泡泡。0040以下先以图2本发明所提的交互式使用者界面的操作系统的系统架构图来说明说明书CN102043564ACN102043567A4/8页7本发明的系统运作。如图2所示,本发明的系统含有加载模块210、事件侦测模块220、影像信息获取模块250、计算模块260、以及整合显示模块270。0041加载模块210负责加载初始影像110以及延伸影。

19、像120。0042事件侦测模块220负责判断与初始影像110对应的第一事件是否被触发。对应初始影像110的第一事件例如点击CLICK或双击DOUBLECLICK初始影像110、或移动光标到初始影像110上等,因此事件侦测模块220判断第一事件是否被触发即为判断初始影像110是否被点击或双击、或光标是否被移动到初始影像110上等,但本发明所提的第一事件并不以此为限。0043若初始影像110中包含主要图标140,则第一事件可能变为主要图示140被点击、被双击、或是光标与主要图标140重叠等,则事件侦测模块220所判断的第一事件也会跟着改变。0044事件侦测模块220也负责判断与延伸影像120对应的。

20、第二事件是否被触发。与延伸影像120对应的第二事件实际上与第一事件相似,例如点击或双击延伸影像120、或移动光标到延伸影像120上,但本发明并不以此为限,若延伸影像120中更包含功能图标150,则第二事件更可以为点击或双击功能图标150、或移动光标到功能图标150上等,其中,当延伸影像120包含多个功能图标150时,各个功能图标150所对应的第二事件通常并不相同,但本发明并不以此为限,也就是说,延伸影像120所包含的所有功能图标150将可能对应到相同的第二事件。事件侦测模块220所判断的第二事件包含但不限于判断延伸影像120/功能图标150是否被点击或双击、或光标是否被移动到延伸影像120/功。

21、能图标150上。0045影像信息获取模块250负责获取初始影像110的第一位置信息以及初始影像110的第一显示范围。例如,当初始影像110的第一位置信息为执行环境指定的坐标时,影像信息获取模块250可以现有的技术侦测使用者界面100的左上角的坐标以及使用者界面100的显示范围,由于此时延伸影像120以及执行结果130都还没被显示,因此影像信息获取模块250此时所侦测到的坐标以及显示范围即为初始影像110的坐标第一位置信息以及第一显示范围,而当初始影像110的第一位置信息为使用者界面100预设的坐标时,影像信息获取模块250也可以读取预设的数据来取得初始影像110的第一位置信息以及第一显示范围。。

22、0046影像信息获取模块250也负责获取延伸影像120的第二位置信息。其中,影像信息获取模块250可以读取预设的数据来取得延伸影像120的第二位置信息,或是依据初始影像110的第一位置信息以及第一显示范围,计算第二位置信息。例如,初始影像110的第一位置信息为其左上角的坐标413,208,初始影像110的第一显示范围为100X75像素,若延伸影像120如图1A所示,在初始影像110的右侧,则影像信息获取模块250可以将第一位置信息的水平坐标值413加上第一显示范围所表示的初始影像110的宽度100像素后,得到水平坐标值513,故延伸影像120的第二位置信息为513,208。0047影像信息获取。

23、模块250同样也负责获取延伸影像120的第二显示范围。其中,影像信息获取模块250可以读取预设的数据来取得延伸影像120的第二显示范围,或是在延伸影像120被显示后,以现有的技术直接侦测延伸影像120的第二显示范围,甚至可以在侦测包含初始影像110以及延伸影像120的使用者界面100的显示范围后,比对使用者界面100的显示范围以及初始影像110的第一显示范围,便可以得到延伸影像120的第二显示范围。说明书CN102043564ACN102043567A5/8页80048计算模块260负责依据初始影像110的第一显示范围与第一位置信息及/或延伸影像120的第二显示范围与第二位置信息,计算表示执行。

24、结果130被显示的位置的第三位置信息。计算模块260计算产生的第三位置信息可能为坐标或是水平坐标值与垂直坐标值其中之一。当第三位置信息只为水平坐标值或垂直坐标值时,表示执行结果130的位置只需要落在水平坐标值/垂直坐标值上即可,可以不管第三位置信息没有表示的垂直坐标值/水平坐标值。0049计算模块260在第三显示范围已被定义的条件下,可以将第三显示范围作为计算参数,借以计算可以让执行结果130与初始影像110以及延伸影像120所形成的影像居中对齐的第三位置信息,但计算模块260计算产生的第三位置信息并不以此为限。0050另外,在第三显示范围已被定义的条件下,计算模块260还可以依据第一位置信息。

25、、第一显示范围、第二位置信息以及第二显示范围计算出初始影像110以及延伸影像120所组成的影像在显示区域中的显示范围,并在计算出组合的影像距离显示区域的四个边界的距离后,依据第三显示范围以及组合的影像距离显示区域的四个边界的距离计算第三位置信息,例如,当计算模块260判断第三显示范围组合的影像的显示范围组合的影像距离某一边界如左边界的距离的式子成立时,产生的第三位置信息将为组合的影像的显示范围的最左方水平坐标值或是最右下角的坐标;而若判断第三显示范围组合的影像的显示范围组合的影像距离另一边界如右边界的距离的式子成立时,产生的第三位置信息将为组合的影像的显示范围的最右方水平坐标值或是最右下角的坐。

26、标;若两个式子都无法成立,则会产生与组合的影像置中对应的坐标。0051整合显示模块270负责在使用者界面100被执行后,显示初始影像110,并在事件侦测模块220判断第一事件被触发时,依据第二位置信息显示延伸影像120,以及负责在事件侦测模块220判断第二事件被触发时,依据计算模块260所计算出的第三位置信息,提供与第二事件对应的程序显示程序所产生的执行结果130。其中,若与第二事件对应的程序为使用者界面100的子功能,则该程序可以直接通过使用者界面100读取到第三位置信息,并依据第三位置信息将其产生的执行结果130显示在显示区域中;若与第二事件对应的程序为使用者界面100的子程序,则整合显示。

27、模块270可以使用现有的程序间的通讯方式,将第三位置信息传送给该程序,使该程序依据第三位置信息将其产生的执行结果130显示在显示区域中;若与第二事件对应的程序为执行环境的程序,则整合显示模块270会在通过执行环境呼叫CALL该程序开始执行时,以参数的方式传递第三位置信息至该程序,使该程序依据第三位置信息将其产生的执行结果130显示在显示区域中。0052整合显示模块270更可以负责在事件侦测模块220判断第一事件被触发后,依据第二位置信息显示延伸影像120之前,依据第二位置信息播放动画。被整合显示模块270所播放的动画的最后一个画面FRAME与延伸影像120相同,如此,在第一事件被触发后,使用者。

28、将获得动画的视觉效果。其中,被整合显示模块270所播放的动画的格式可以为GIF动画、FLASH动画等,但并不以此为限。0053另外,除了整合显示模块270之外,影像信息获取模块250也可以在事件侦测模块220判断第一事件被触发后,才获取初始影像110的第一位置信息、初始影像110的第一显示范围以及延伸影像120的第二位置信息,影像信息获取模块250以及计算模块也可以在事件侦测模块220判断第二事件被触发后,分别获取延伸影像120的第二显示范围,以及计说明书CN102043564ACN102043567A6/8页9算第三位置信息。0054接着以一个实施例来解说本发明的运作系统与方法,并请参照图3。

29、本发明所提的交互式使用者界面的操作方法的方法流程图。0055当使用者欲使用本发明所提供的使用者界面100,则使用者必须先储存提供使用者界面100的程序,使得初始影像110以及延伸影像120被储存到执行使用者界面100的执行环境中。0056使用者在执行环境中执行提供使用者界面100的程序后,加载模块210会读取预先储存于执行环境中的初始影像110,整合显示模块270会显示初始影像110步骤310。假设本实施例所提的初始影像110为如图1C所示的吹气管111。0057若在本实施例中,第一事件为光标移动到初始影像110上,则当使用者操作光标移动到初始影像110上时,事件侦测模块220会判断出第一事件。

30、被触发步骤320,接着,影像信息获取模块250会尝试获取初始影像110的第一位置信息以及第一显示范围步骤331。假设在本发明中,影像信息获取模块250会以侦测坐标以及显示范围的方式获取第一位置信息以及第一显示范围,因此影像信息获取模块250会侦测此时的使用者界面100左上角的坐标以及此时的使用者界面100的显示范围,由于此时延伸影像120以及执行结果130都还没被显示,因此影像信息获取模块250此时所侦测到的使用者界面100左上角的坐标以及使用者界面的显示范围即为初始影像110的坐标第一位置信息以及第一显示范围。但影像信息获取模块250获取初始影像110的第一位置信息以及第一显示范围的方式并不。

31、以此为限。0058在影像信息获取模块250获取初始影像110的第一位置信息以及第一显示范围步骤331后,影像信息获取模块250会进一步尝试获取延伸影像120的第二位置信息。假设在本实施例中,初始影像110的第一位置信息为其左上角的坐标413,208,初始影像110的第一显示范围为100X50像素,若延伸影像120如图1C所示,为在初始影像110右侧的四个泡泡,则当初始影像110的上缘与延伸影像120的上缘的高度相同时,影像信息获取模块250可以将第一位置信息的水平坐标值413加上第一显示范围所表示的初始影像110的宽度100像素后,得到水平坐标值513,故延伸影像120的第二位置信息为513,。

32、208步骤332;而当初始影像110的下缘与延伸影像120的下缘的高度相同时,影像信息获取模块250除了以上述方式得到第二位置信息的水平坐标值513外,还需要在将第一位置信息的垂直坐标值208加上第一显示范围所表示的初始影像110的高度50像素后,再减去第二显示范围的高度,假设为250像素,如此便可以得到第二位置信息的垂直坐标值8,故延伸影像120的第二位置信息为513,8步骤332;同理,影像信息获取模块250可以依据设定调整第二位置信息。0059另外,若影像信息获取模块250以读取默认值的方式获取第一位置信息以及第一显示范围步骤331,则影像信息获取模块250同样可以读取默认值的方式获取第。

33、二位置信息步骤332。0060在影像信息获取模块250获取第二位置信息后,整合显示模块270会依据第二位置信息显示延伸影像120步骤352。假设在本实施例中,整合显示模块270以第二位置信息513,208作为延伸影像120的左上角的坐标,则在整合显示模块270显示延伸影像120后,使用者界面100将如图1C所示,由只有吹气管111的初始影像110变为吹出泡泡的吹说明书CN102043564ACN102043567A7/8页10气管,但本发明所提的使用者界面100并不以此为限。0061若使用者界面100中更包含有最后的画面与延伸影像相同的动画,则在整合显示模块270依据第二位置信息显示延伸影像1。

34、20步骤352前,整合显示模块270更可以依据第二位置信息播放动画步骤351,也就是说,整合显示模块270所播放的动画的左上角的坐标为513,208。假设在本实施例中,被播放的动画为一个一个的泡泡由吹气管111初始影像110中被吹出来,当泡泡变为与图1C相同的位置与大小时动画结束,如此,由于动画的最后一个画面与延伸影像120相同,因此对使用者而言,其在触发第一事件后,会有泡泡真的由吹气管111吹出来的视觉效果,增加了使用者界面100的趣味性。0062在整合显示模块270依据第二位置信息显示延伸影像120步骤352后,事件侦测模块220会判断第二事件是否被触发步骤360,假设在本实施例中,第二事。

35、件为延伸影像120中的特定区域如最左边的泡泡121被点击,在使用者点击延伸影像120中最左边的泡泡121后,事件侦测模块220会判断出第二事件被触发,而后,影像信息获取模块250会尝试获取延伸影像120的第二显示范围步骤371。假设在本实施例中,影像信息获取模块250可以直接由显示区域中侦测出延伸影像120的第二显示范围,例如为500X200像素,但影像信息获取模块250获取延伸影像120的第二显示范围的方式并不以此为限。0063另外,若影像信息获取模块250以读取默认值的方式获取第二位置信息步骤332,则影像信息获取模块250同样可以读取默认值的方式获取第二显示范围步骤371。0064在影像。

36、信息获取模块250获取第二显示范围步骤371后,假设在本实施例中,计算模块260会依据第一显示范围100X50像素、该第一位置信息坐标413,208、第二显示范围500X200像素以及该第二位置信息坐标513,208计算出延伸影像120的下缘的垂直坐标值为407,但并不以此为限。由于延伸影响120的下缘的垂直坐标值407,较初始影像110下缘的垂直坐标值257来的大,也就是延伸影像120的下缘较初始影像110的下缘低,故计算模块260会以第二显示范围500X200像素以及该第二位置信息坐标513,208计算出第三位置信息步骤372,也就是垂直坐标值408。0065在计算模块260依据第一显示范。

37、围、该第一位置信息、第二显示范围以及该第二位置信息计算出第三位置信息步骤372后,整合显示模块270会提供第三位置信息给与该第二事件对应的程序,假设在本实施例中为电子辞典,使程序电子辞典所产生的一执行结果也就是电子辞典的操作界面依据第三位置信息显示于使用者界面100中步骤380。由于第三位置信息只有垂直坐标值408而没有水平坐标值,故电子辞典所产生的执行结果130的左上角的坐标会为垂直坐标值408,但水平坐标值即可能为显示区域的任意位置,在图1C中,假设电子辞典所产生的执行结果130预设与被显示在初始影像110与延伸影像120所组成的影像的置中对齐,也就是电子辞典所产生的执行结果130与初始影。

38、像110与延伸影像120所组成的影像在垂直方向的平分线重叠,但本发明并不以此为限。0066在上述的实施例中,若计算模块260不只计算出垂直坐标值,也一并计算了水平坐标值,例如计算出电子辞典所产生的执行结果130与被显示在初始影像110与延伸影像120所组成的影像的置中对齐时,电子辞典所产生的执行结果130的左方会超出执行环境的显示区域,则计算模块260会以初始影像110的水平坐标值413作为第三位置信息中的水平坐标值步骤372,则在整合显示模块270提供显示电子辞典所产生的执行说明书CN102043564ACN102043567A8/8页11结果130时,电子辞典所产生的执行结果130左上角会。

39、被显示在413,408的坐标上步骤380,使得电子辞典所产生的执行结果130左上角与初始影像110延伸影像120所组成的影像靠左对齐。0067综上所述,可知本发明与现有技术之间的差异在于具有判断与初始影像110对应的第一事件被触发后,显示与初始影像110对应的延伸影像120,并在判断与延伸影像120对应的第二事件被触发后,提供显示与第二事件对应的程序所产生的执行结果130的技术手段,借由此一技术手段可以解决现有技术所存在图形使用者界面过于单调的问题,进而达成让使用者界面与使用者之间产生更多互动的技术功效。0068为了让使用者更明确的得知可以触发第一事件以及第二事件的位置,初始影像110中更可以。

40、包含主要图标140,延伸影像120更可以包含功能图标150,如此,在上述实施例中,第一事件即可以为主要图标140被光标重叠,第二事件即可以为功能图标150被点击。0069再者,本发明的交互式使用者界面的操作方法,可实现于硬件、软件或硬件与软件的组合中,亦可在计算机系统中以集中方式实现或以不同组件散布于若干互连的计算机系统的分散方式实现。0070虽然本发明所提供的实施方式如上,惟所述的内容并非用以直接限定本发明的专利保护范围。任何本发明所属技术领域中的技术人员,在不脱离本发明所提供的精神和范围的前提下,对本发明的实施的形式上及细节上作些许的更动润饰,均属于本发明的专利保护范围。本发明的专利保护范围,仍须以所附的权利要求所界定的范围为准。说明书CN102043564ACN102043567A1/5页12图1A说明书附图CN102043564ACN102043567A2/5页13图1B说明书附图CN102043564ACN102043567A3/5页14图1C说明书附图CN102043564ACN102043567A4/5页15图2说明书附图CN102043564ACN102043567A5/5页16图3说明书附图CN102043564A。

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 物理 > 计算;推算;计数


copyright@ 2017-2020 zhuanlichaxun.net网站版权所有
经营许可证编号:粤ICP备2021068784号-1