菜单显示设备、菜单显示控制方法、程序和信息存储介质

摘要

公开的菜单显示设备包括：显示部件，用于在屏幕上显示菜单内的给定范围，在菜单中，以阵列布置多个菜单项目；移动部件，用于根据预定用户操作移动所述给定范围；确定部件，用于确定是否在所述屏幕的预定位置显示所述菜单内在末端的菜单项目；以及改变部件，用于当在所述屏幕的预定位置显示所述在末端的菜单项目时，根据所述预定用户操作改变在所述屏幕上显示的菜单项目之间的间隔。

说明书

技术领域

本发明涉及菜单显示设备、菜单显示方法、程序和信息存储介质，并且 尤其涉及用于菜单显示的用户界面的改进。

背景技术

在将大量菜单项目（诸如搜索结果、新闻文章的标题或存储设备内的文 件名之类）显示在屏幕上的情况下，通常采用用于在屏幕上显示菜单内的部 分区域（依据有关诸如名称或日期之类的属性的预定标准排列多个菜单项 目）和响应于滚动操作移动部分区域的用户界面技术。在作为屏幕使用触摸 屏的情况下，滚动操作的示例包括拖动或轻拂（flick）。根据此用户界面， 用户可以借助滚动操作使得菜单内的任意区域显示在屏幕上。

发明内容

技术问题

然而，根据上述用户界面技术，当滚动菜单以在屏幕上的末端显示菜单 项目时，用户不能立即领会当前显示的菜单项目是否是在末端上的菜单项 目。例如，在向下滚动菜单以在屏幕的下端显示菜单项目的情况下，由于即 使当滚动操作进一步向下进行时屏幕的内容也不改变，用户没有其他方法明 白在屏幕上当前正显示在下端的菜单项目。

鉴于上述问题已经作出本发明，并且其目标是提供菜单显示设备、菜单 显示控制方法、程序和信息存储介质，它们允许用户立即明白已经在屏幕上 显示了在末端的菜单项目。

解决方案

为了解决上述问题，根据本发明的菜单显示设备包括：菜单显示部件， 用于在屏幕上显示菜单内的给定范围，在菜单中，以阵列布置多个菜单项目； 范围移动部件，用于响应于由用户进行的预定操作移动该给定范围；确定部 件，用于确定是否在屏幕的预定位置显示菜单内在末端的菜单项目；以及间 隔改变部件，用于当在屏幕的预定位置显示在末端的菜单项目时，响应于由 用户进行的预定操作改变在屏幕上显示的菜单项目之间的间隔。

此外，间隔改变部件可以加宽在屏幕上显示的菜单项目之间的间隔。此 时，间隔改变部件可以至少加宽在末端的菜单项目和与其相邻的菜单项目之 间的间隔。另外，间隔改变部件可以使得阵列内在末端的菜单项目保持显示 在屏幕的预定位置，并且移动与其相邻的菜单项目。另外，间隔改变部件可 以加宽在屏幕上显示的菜单项目之间的间隔，并且随后使得该间隔回到预定 距离。

另外，根据本发明的菜单显示控制方法包括如下步骤：在屏幕上显示菜 单内的给定范围，在菜单中，以阵列布置多个菜单项目；响应于由用户进行 的预定操作移动该给定范围；确定是否在屏幕的预定位置显示菜单内在末端 的菜单项目；并且当在屏幕的预定位置显示在末端的菜单项目时，响应于由 用户进行的预定操作改变在屏幕上显示的菜单项目之间的间隔。

另外，根据本发明的程序是用于使得计算机作为如下部件的程序：显示 部件，用于在屏幕上显示菜单内的给定范围，在菜单中，以阵列布置多个菜 单项目；移动部件，用于响应于由用户进行的预定操作移动该给定范围；确 定部件，用于确定是否在屏幕的预定位置显示菜单内在末端的菜单项目；以 及改变部件，用于当在屏幕的预定位置显示在末端的菜单项目时，响应于由 用户进行的预定操作改变在屏幕上显示的菜单项目之间的间隔。此程序可以 存储在计算机可读信息存储介质中，诸如CD-ROM、DVD-ROM或存储器卡 之类。

附图说明

[图1]根据本发明的实施例的便携式信息处理设备的外部透视图。

[图2]根据本发明的实施例的便携式信息处理设备的硬件配置图。

[图3]图示菜单滚动期间内的屏幕的示图。

[图4]图示菜单滚动期间内的屏幕的示图。

[图5]图示末端处理期间内的屏幕的示图。

[图6]图示菜单滚动期间内的屏幕的示图。

[图7]图示末端处理期间内的屏幕的示图。

[图8]菜单滚动的概念的示例图。

[图9]图示在菜单显示期间内管理的各个变量的定义的示图。

[图10]图示在菜单显示期间内存储的表格的示图。

[图11]图示用于菜单显示的信息处理的流程图。

[图12]图示用于菜单显示的信息处理的流程图。

具体实施方式

现在，参考附图详细描述本发明的实施例。

图1是根据本发明的实施例的便携式信息处理设备的外部透视图，而图 2是便携式信息处理设备的硬件配置图。在那些图中图示的便携式信息处理 设备10表示根据本发明的菜单显示设备的实施例，并且其控制方法表示根 据本发明的菜单显示控制方法的实施例。另外，在便携式信息处理设备10 上执行的程序表示根据本发明的程序的实施例。便携式信息处理设备10是 包括具有如图1所示的薄箱形外壳的计算机系统，并且具有前表面（其大部 分被触摸面板12的触摸表面占据）和装有电源按钮14和存储器卡槽15的 侧表面。此便携式信息处理设备10由可充电内部电池（未示出）驱动。

如图2所示，便携式信息处理设备10包括MPU16、存储器18、FPD 接口20、触摸板接口22、通信单元24、非易失性存储器26和介质读取器 28，它们连接到总线30并且被启用以互相发送/接收数据。如上所述，便携 式信息处理设备10包括触摸面板12。此触摸面板12包括使用液晶或有机电 致发光（EL）的平板显示器（FPD）12a和电容型或其他类型的触摸板12b。 将FPD接口20连接到FPD12a，并且将触摸板接口22连接到触摸板12b。 存储器18用作MPU16的工作空间。FPD接口20包括用于保存在FPD12a 上显示的图像的存储器，周期性地向FPD12a输出在存储器中存储的图像， 并且更新要由FPD12a显示的图像。触摸板接口22周期性地基于从触摸板 12b输出的信号进行对触摸位置的算术操作，并且向MPU16提供触摸位置。 将通信单元24连接到诸如因特网之类的数据通信网络，并且具有发送和接 收数据的功能。非易失性存储器26是具有比存储器18更大的容量的存储部 件，并且存储操作系统和各种应用程序。介质读取器28从诸如存储器卡32 之类的计算机可读信息存储介质读取数据，并且将数据写入这样的计算机可 读信息存储介质。

在此便携式信息处理设备10上，执行用于显示可以响应于用户操作而 滚动的菜单的程序。此程序可以是操作系统的部分，或者可以是应用程序， 诸如用于显示大量图像的图像查看器或用于显示大量搜索结果的搜索程序 之类。另外，此程序可以提前被存储在非易失性存储器26中，或者可以在 被存储在非易失性存储器26中之前通过通信单元24下载。另外，可以将程 序从存储器卡32复制到非易失性存储器26，或者可以由MPU16直接执行 在存储器卡32中存储的程序。

图3到7图示在菜单滚动期间内在触摸面板12上显示的菜单。另外， 图8是图示菜单和覆盖该菜单的一部分的显示范围之间的关系的示图。如图 8所示，在此实施例中，在触摸面板12上显示的菜单50作为示例包括在水 平方向上延伸的矩形菜单项目图像1到8。菜单项目图像1到8的示例包括 以接收日期的顺序排列的电子邮件的标题的表示、以获取顺序排列的音乐数 据的标题的表示以及以拍摄顺序排列的图像数据的缩略图。在参考间隔△以 所述的顺序虚拟地垂直排列那八个菜单项目图像1到8。换言之，菜单项目 图像1放置在菜单50的上端，并且菜单项目图像8放置在下端。另外，放 置菜单50以垂直地通过在触摸面板12上显示的范围（换言之，显示范围52）， 并且响应于用户操作虚拟地垂直移动菜单50穿过显示范围52。借助此配置， 在显示范围52中定位任意部分中的菜单项目图像，并且在触摸面板12上显 示那些菜单项目图像。然而，菜单50具有有限移动范围，并且在菜单项目 图像1的上边缘达到比显示范围52的上边缘低了预定距离的位置（位置A） 之前允许向下移动，并且在菜单项目图像8的下边缘达到比显示范围52的 下边缘高了预定距离的位置（位置B）之前允许向上移动。另外，在菜单项 目图像1到8之间的间隔的每一个允许变得比参考间隔△更宽。

具体地，如图3所示，在菜单项目图像2到7显示在触摸面板12上的 状态下，当用户以他/她的指尖40保持触摸触摸表面来在由箭头42D指示的 向下方向上滑动（拖动）指尖40时，菜单50依据滑动量相对显示范围52 向下移动，这如图4所示在触摸面板12上显示菜单项目图像1到5。在此状 态下，菜单50已经下移到了下限，且菜单项目图像1的上边缘在位置A。 在此状态下，当用户进一步以指尖40保持触摸触摸表面上显示的菜单项目 图像3的区域来在由箭头42D指示的向下方向上进一步滑动指尖40时，如 图5所示，依据滑动量加宽在菜单项目图像1和菜单项目图像2之间的间隔 △1以及在菜单项目图像2和菜单项目图像3之间的间隔△2。即，关于显示 在指尖40的触摸位置上的菜单项目图像3以及放置在菜单项目图像3之上 的菜单项目图像1和2，那些间隔△1和△2被加宽。另一方面，加宽其他间 隔。注意，在图4和5中，放置在菜单50的上端的菜单项目图像1的显示 位置未改变。当向上滑动触摸位置时，依据滑动量间隔△1和△2变得更窄， 并且当向下滑动触摸位置时，依据滑动量间隔△1和△2进一步被加宽。另 外，当指尖40从触摸表面释放时，每个间隔逐渐回到参考间隔△。在图5 中，在菜单项目图像1和菜单项目图像2之间的间隔△1以及在菜单项目图 像2和菜单项目图像3之间的间隔△2可以是相同的，或者在菜单项目图像 1和菜单项目图像2之间的间隔△1可以窄于在菜单项目图像2和菜单项目 图像3之间的间隔△2。另外，可以依据距触摸位置的距离逐步设置菜单项 目图像之间的间隔△的距离。借助此配置，在图5中，设置间隔△2大于间 隔△1。这允许用户更直觉地操作菜单，同时意识到菜单项目的末端。

以相同的方式，如图3所示，在菜单项目图像2到7显示在触摸板12 上的状态下，当用户以他/她的指尖40保持触摸触摸表面来在由箭头42U指 示的向上方向上滑动（拖动）指尖40时，菜单50依据滑动量相对显示范围 52向上移动，这如图6所示在触摸面板12上显示菜单项目图像4到8。在 此状态下，菜单50已经上移到了上限，且菜单项目图像8在屏幕位置B。 在此状态下，当用户进一步以指尖40保持触摸触摸表面来在由箭头42U指 示的向上方向上滑动指尖40，如图7所示，依据滑动量加宽在菜单项目图像 8和菜单项目图像7之间的间隔。即，关于显示在指尖40的触摸位置上的菜 单项目图像7以及放置在菜单项目图像7之下的菜单项目图像8，加宽间隔。 另一方面，加宽其他间隔。注意，在图6和7中，放置在菜单50的下端的 菜单项目图像8的显示位置未改变。当向下滑动触摸位置时，依据滑动量间 隔变得更窄，并且当向上滑动触摸位置时，依据滑动量间隔进一步被加宽。 另外，当指尖40从触摸表面释放时，间隔逐渐回到参考间隔△。

另外，在此实施例中，检测到用户已经用指尖40轻拂触摸面板12，并 且当检测到已经进行向下轻拂时，菜单50穿过显示范围52向下移动（自动 滚动）。轻拂是用于在指尖40保持对触摸表面触摸的同时以等于或高于预定 基准速度的速度在触摸表面上滑动指尖40并且接着从触摸表面释放指尖40 的操作。在轻拂之后，用户的指尖40从触摸面板12的触摸表面释放，同时 菜单50保持向下移动。在此情况下，随着每次轻拂时的滑动速度变得更快， 移动的初始速度变得更快。另外，随着时间的流逝，菜单50的移动速度变 得更慢，且移动最终停止。注意，当进行轻拂操作时可以加宽菜单项目图像 1到8之间的间隔。在此情况下，随着每次轻拂时的滑动速度变得更快，菜 单项目图像1到8之间的间隔变得更宽。另外，当菜单项目图像1的上边缘 在这样的自动滚动期间内达到位置A时，菜单项目图像1到8之间的间隔逐 渐变得更宽。之后，间隔逐渐变得更窄，并且当每个间隔回到参考间隔△时， 屏幕停止改变。

以相同的方式，当检测到已经进行向上轻拂时，菜单50穿过显示范围 52向上移动。在轻拂之后，用户的指尖40从触摸面板12的触摸表面释放， 同时菜单50保持向上移动。此外，在此情况下，随着每次轻拂时的滑动速 度变得更快，移动的初始速度变得更快。另外，随着时间流逝，菜单50的 移动速度变得更慢，且移动最终停止。另外，当菜单项目图像8的下边缘在 这样的自动滚动期间内达到位置B时，菜单项目图像1到8之间的间隔逐渐 变得更宽。之后，间隔逐渐变得窄，并且当每个间隔回到参考间隔△时，屏 幕停止改变。

如上所述，当在向下移动菜单50的操作（轻拂或拖动）中菜单项目图 像1的上边缘达到位置A时，菜单项目图像不进一步向下移动，并且相反， 菜单项目图像1和菜单项目图像2之间的间隔变得更宽。以相同的方式，当 在向上移动菜单50的操作（轻拂或拖动）中菜单项目图像8的上边缘达到 位置B时，菜单项目图像不进一步向上移动，并且相反，菜单项目图像8和 菜单项目图像7之间的间隔变得更宽。以此方式，可以使得用户更易于明白 网页图像已经达到了下限或上限，即，在预定位置在触摸面板12上显示在 上端的菜单项目图像1或在下端的菜单项目图像8。

接着，更详细地描述用于显示菜单50的处理。图9图示在菜单50的显 示期间内由便携式信息处理设备10管理的各个变量的定义，而图10示意性 地图示在菜单50的显示期间内在便携式信息处理设备10中存储的表格。如 那些图所示，在菜单50的显示期间内，在菜单项目图像1到7以及分别位 于其下的菜单项目图像2到8之间的间隔△1到△7分别与菜单项目图像1 到7关联地存储在存储器18中。具体地，间隔△n是在菜单项目图像n的下 端和菜单项目图像n+1（n=1到7）的上端之间的间隔。另外，显示位置的 坐标X1到X8分别与菜单项目图像1到8关联地存储在存储器18中。如图 8和9所示，坐标Xn指示触摸面板12的屏幕的上边缘和菜单项目图像n的 上边缘之间的距离。注意，当坐标Xn为负时，此坐标超出显示范围52（n=1 到8）。

图11和12图示用于显示菜单50的程序的处理。如图11所示，在此程 序中，首先确定末端处理是否必需（S101）。末端处理是如下处理：由图12 的流程图图示并且在菜单项目图像1的上边缘在用于向下移动菜单50的操 作中达到位置A之后或在菜单项目图像8的下边缘在用于向上移动菜单50 的操作中达到位置B之后执行。具体地，（1）当在菜单项目图像1的上边缘 处于位置A的状态下进行向下拖动操作时，（2）当在菜单项目图像8的下边 缘处于位置B的状态下进行向上拖动操作时，（3）当菜单项目图像1的上边 缘在与向下轻拂操作对应的自动处理中达到位置A时，（4）当菜单项目图像 8的下边缘在与向上轻拂操作对应的自动处理中达到位置B时，（5）当在菜 单项目图像1的上边缘处于位置A的状态下菜单项目图像1和菜单项目图像 2之间的当前间隔△1大于参考间隔△时，以及（6）当在菜单项目图像8的 下边缘处于位置B的状态下菜单项目图像8和菜单项目图像7之间的当前间 隔△7大于参考间隔△时，确定末端处理是必需的。

在此情况下，基于在图10的表格中存储的坐标X1和X8可以确定菜单 项目图像1的上边缘是否处于位置A以及菜单项目图像8的下边缘是否处于 位置B。另外，可以基于来自触摸板接口22的输出确定拖动操作是否已经 进行以及拖动操作的方向。此外，在此程序中，在存储器18中存储与轻拂 操作对应的自动处理速度，并且当自动处理速度高于0时，可以确定轻拂操 作正进行向下自动处理（正进行自动处理）。替代地，当自动处理速度小于0 时，可以确定轻拂操作正进行向上自动处理（正进行自动处理）。另一方面， 当自动处理速度是0时，可以确定未进行自动处理。

当末端处理不必需时，可以随后基于来自触摸板接口22的输出确定是 否正对触摸面板12b触摸（S103）。当确定正对触摸面板12b触摸时，将自 动处理速度设置为0（步骤S104），并且获取在最近检测到的触摸位置和当 前检测到的触摸位置之间的垂直距离（换言之，拖动距离），以通过此拖动 距离移动菜单50（S105）。具体地，当已经向上移动触摸位置时，从在图10 所示表格中包括的每个坐标Xn减去拖动距离。另外，当触摸位置已经向下 移动时，向每个坐标Xn添加拖动距离。然后，基于已更新的表格在FPD12a 上显示菜单项目图像1到8，并且过程回到步骤S101的处理。

当在步骤S103中确定触摸板12b没有正被触摸时，确定轻拂是否已经 进行（S106）。例如，当最近检测到的触摸位置和次最近检测到的触摸位置 之间的垂直距离（换言之，最近拖动距离（滑动速度））等于或大于预定距 离时并且当未检测到当前触摸位置时，确定已经进行轻拂。当确定已经进行 轻拂时，依据最近拖动距离设置自动处理速度（S107）。具体地，随着拖动 距离变得更长，自动处理速度设置得更高。另外，当向下进行拖动时，自动 处理速度设置为正值，而当向上进行拖动时，自动处理速度设置为负值。

之后，向在图10的表格中包括的坐标Xn添加自动处理速度的值，并且 基于已更新的表格在FPD12a上显示菜单项目图像1到8。此外，使得自动 处理速度的值变得更接近0（S110）。例如，可以使得自动处理速度每次以预 定值变得更接近0。当作为步骤S110的处理的结果自动处理速度变为0时， 自动处理结束。之后，过程回到步骤S101的处理。

当在步骤S106中确定轻拂尚未进行时，确定是否正进行自动处理 （S108）。具体地，当自动处理速度是0时确定没有正进行自动处理，并且 除此以外，确定正进行自动处理。当没有正进行自动处理时，过程直接回到 步骤S101的处理，并且当正进行自动处理时，过程前进到步骤S109的处理。

当在步骤S101确定末端处理是必需的时，执行图12所示的末端处理。 在此处理中，首先确定是否正对触摸板12b触摸（S1021）。当正对触摸板 12b触摸时，获取在最近的触摸位置和当前的触摸位置之间的垂直方向上的 差异（换言之，拖动距离）（S1022）。另外，识别与当前触摸位置对应的菜 单项目图像（步骤S1023）。例如，在计算当前触摸位置和菜单项目图像1 到8的中心位置之间的垂直距离之后，具有最小距离的一个可以被设置为与 当前触摸位置对应的菜单项目图像。然后，确定所识别的菜单项目图像是否 是菜单项目图像1和菜单项目图像8中的任何一个（S1024）。当所识别的菜 单项目图像是菜单项目图像1和菜单项目图像8中的任何一个时，依据在步 骤S1022中获取的拖动距离更新在图10的表格中包括的间隔△1到△7，并 且还更新坐标X1到X8（S1028）。具体地，当菜单项目图像1的上边缘在位 置A并当正向下进行拖动时，以与拖动距离成比例的量加宽间隔△1到△7。 当向上进行拖动时，使得间隔△1到△7以与拖动距离成比例的量变得更窄。 使得间隔△1到△7变得更宽或变得更窄的量可以被设置为彼此相等。之后， 当坐标X1维持相同值时，基于坐标X1和间隔△1到△7更新坐标X2到X8。 即，在位置A放置菜单项目图像1的上边缘，并且在间隔△1到△7排列其 他菜单项目图像2到8。

以相同的方式，当菜单项目图像8的下边缘在位置B时并当正向上进行 拖动时，以与拖动距离成比例的量加宽间隔△1到△7。当正向下进行拖动时， 使得间隔△1到△7以与拖动距离成比例的量变得更窄。此外，在此情况下， 使得间隔△1到△7变得更宽或变得更窄的量可以被设置为彼此相等。之后， 当坐标X8维持相同值时，基于坐标X8和间隔△1到△7更新坐标X1到X7。 即，在位置B放置菜单项目图像8的下边缘，并且在间隔△1到△7排列其 他菜单项目图像1到7。

另一方面，当在步骤S1024确定所识别的菜单项目图像既不是菜单项目 图像1也不是菜单项目图像8时，随后移动所识别的菜单项目图像（S1025）。 换言之，以在步骤S1022中获取的拖动距离移动关于在步骤S1023中识别的 菜单项目图像的坐标Xn。在此情况下，当正向下进行拖动时，向坐标Xn 添加拖动距离，并且当正向上进行拖动时，从坐标Xn减去拖动距离。

此外，在步骤S1023中识别的菜单项目图像和菜单项目图像1或菜单项 目图像8之间以规则间隔布置菜单项目图像（S1026）。换言之，当菜单项目 图像1的上边缘处在位置A时，在图10所示的表格内的间隔△n和坐标Xn 被更新，从而菜单项目图像在步骤S1023中识别的菜单项目图像和菜单项目 图像1之间以规则间隔放置。另外，当菜单项目图像8的下边缘在位置B时， 在图10所示表格内的间隔△n和坐标Xn被更新，从而菜单项目图像在步骤 S1023中识别的菜单项目图像和菜单项目图像8之间以规则间隔放置。

注意，在步骤S1026中，可以在步骤S1023中识别的菜单项目图像和菜 单项目图像1或菜单项目图像8之间逐渐改变菜单项目图像之间的间隔。例 如，如已经参考图5描述的，随着距在步骤S1023中识别的菜单项目图像的 距离变得更长，可以使得菜单项目图像之间的间隔变得更窄。

此外，基于在步骤S1026中更新的间隔△n和坐标Xn，尚未在步骤S1026 中更新的剩余坐标Xn被更新（S1027）。即，当菜单项目图像1的上边缘在 位置A时，以在图10的表格中记录的间隔△n排列在步骤S1023中识别的 菜单项目图像之下的菜单项目图像。以相同的方式，当菜单项目图像8的下 边缘在位置B时，以在图10的表格中记录的间隔△n排列在步骤S1023中 识别的菜单项目图像之上的菜单项目图像。之后，基于如上所述更新的表格 在FPD12a上显示菜单项目图像1到8。

当在步骤S1021中确定触摸板12b没有正被触摸时，随后确定是否正进 行自动处理（S1036）。当正进行自动处理时，依据当前自动处理速度的等级 使得间隔△1到△7变得更宽（S1030）。例如，可以向间隔△1到△7添加与 自动处理速度的绝对值成比例的值。注意，间隔△1到△7可以被均匀地加 宽，或者可以被加宽到彼此不同的程度。例如，当菜单项目图像1的上边缘 在位置A时，可以使得更靠近菜单项目图像1的间隔（即，△1）变得更宽。 即，可以满足△1＞△2＞△3…。另外，当菜单项目图像8的下边缘在位置B 时，可以使得更靠近菜单项目图像8的间隔变得更宽。即，可以满足△8＞ △7＞△6…。另一方面，当菜单项目图像1的上边缘在位置A时，可以使得 距菜单项目图像1更远的间隔变得更宽。即，可以满足△8＞△7＞△6…。 另外，当菜单项目图像8的下边缘在位置B时，可以使得距菜单项目图像8 更远的间隔变得更宽。即，可以满足△1＞△2＞△3…。然后，基于在步骤 S1030中更新的间隔△1到△7来更新坐标X2到X8（S1031）。以此方式， 当菜单项目图像1维持在相同位置时，菜单项目图像1到8以已更新的间隔 △1到△7来排列。之后，基于如上所述已更新的表格在PFD12a上显示菜 单项目图像1到8。此外，使得自动处理速度变得更接近0（S1033）。例如， 可以使得自动处理速度每次以预定值变得更接近0。当作为步骤S1033的处 理的结果自动处理速度变为0时，自动处理结束。

另外，当在步骤S1025中确定自动处理没有正被进行时，使得间隔△1 到△7变得更接近原始参考间隔△。例如，可以使得间隔△1到△7以预定值 变得更接近原始参考间隔△。此外，更新坐标X1到X8，从而菜单项目图像 1到8以已更新的间隔△1到△7来排列（S1034）。具体地，当菜单项目图 像1的上边缘在位置A时，同时坐标X1维持相同的值，更新坐标X2到X8， 从而菜单项目图像1到8以已更新的间隔△1到△7来排列。另外，当菜单 项目图像8的下边缘在位置B时，同时坐标X8维持相同的值，更新坐标 X1到X7，从而菜单项目图像1到8以已更新的间隔△1到△7来排列。之 后，基于如上所述已更新的表格在FPD12a上显示菜单项目图像1到8 （S1035）。

根据上述便携式信息处理设备10，当在向下轻拂或拖动中菜单项目图像 1的上边缘达到位置A时，菜单项目图像1不进一步向下移动，并且相反， 在菜单项目图像1和菜单项目图像2之间的间隔变得更宽。另外，当在向上 轻拂或拖动中菜单项目图像8的下边缘达到位置B时，菜单项目图像8不进 一步向上移动，并且相反，在菜单项目图像8和菜单项目图像7之间的间隔 变得更宽。以此方式，可以使得用户更易于明白菜单50已经达到下限或上 限，即，在预定位置在触摸面板12上显示在上端的菜单项目图像1或在下 端的菜单项目图像8。

注意，本发明不限于上述实施例。例如，图9到12所示的处理仅是示 例，并且应当明白可以通过另一变型处理实现根据本发明的用户界面。