CN102364428B - 电子设备及其页面处理方法 - Google Patents

Abstract

一种页面处理方法，用于一设有触摸屏单元的电子设备。所述方法包括如下步骤：将触摸屏单元上显示的页面划分为多个区域，所述多个区域包括一中心区域和包围中心区域的多个周边区域；侦测用户的触摸操作，生成相应的操作信号；根据操作信号确定触摸操作所在的页面的区域；根据操作信号以及电子设备当前所处的显示操作模式判断触摸操作是否为模式切换操作；及当用户的触摸操作为模式切换操作时，根据操作信号相应的控制电子设备在浏览模式和缩放模式之间进行切换。本发明还提供了一种应用该页面处理方法的电子设备。上述电子设备及其页面处理方法，使用户可在显示页面上操作以切换电子设备的浏览模式和缩放模式，而使电子设备的页面操作更人性化。

Description

电子设备及其页面处理方法

技术领域

本发明涉及一种电子设备及其页面处理方法。

背景技术

手机、电子书、电子相框等电子设备越来越广泛地被人们使用，人们经常使用这些电子设备浏览小说等文字文档或翻看相片、图片等，给人们的生活带来了不少乐趣。

现在一般的电子设备在进行页面处理时，如翻阅文字文档或图片时，都是直接用下一页代替当前页，不具有动态翻页效果；对显示的页面在不同的显示模式之间切换时，通常都是通过选择当前页面的应用程序上的菜单按钮来将当前页面在不同的显示模式如缩放模式和浏览模式之间进行切换。因而现有的电子设备的页面处理方法较为单一，不够人性化。

发明内容

有鉴于此，有必要提供一种应用于电子设备中的更人性化的页面处理方法，以解决上述问题。

有鉴于此，还有必要提供一种更人性化的页面处理方法的电子设备，以解决上述问题。

一种页面处理方法，用于一设有触摸屏单元的电子设备，所述方法包括如下步骤：将所述触摸屏单元上显示的页面划分为多个区域，所述多个区域包括一中心区域和包围所述中心区域的多个周边区域；侦测用户的触摸操作，生成相应的操作信号；根据所述操作信号确定所述触摸操作所在的页面的区域；根据所述操作信号以及电子设备当前所处的显示操作模式判断触摸操作是否为模式切换操作；及当用户的触摸操作为模式切换操作时，根据所述操作信号相应的控制电子设备在浏览模式和缩放模式之间进行切换。

一种电子设备，包括一触摸屏单元、一区域划分装置、一操作判断装置和一模式切换装置。所述触摸屏单元用于侦测用户的触摸操作，生成相应的操作信号，以及根据所述操作信号确定所述触摸操作所在的页面的区域。所述区域划分装置将所述触摸屏单元上显示的页面划分为多个区域。所述多个区域包括一中心区域和包围所述中心区域的多个周边区域。所述操作判断装置根据所述操作信号以及电子设备当前所处的显示操作模式判断触摸操作是否为模式切换操作。所述模式切换装置当用户的触摸操作为模式切换操作时，根据所述操作信号相应的控制电子设备在浏览模式和缩放模式之间进行切换。

相对于现有技术，通过上述电子设备及其页面处理方法，用户可在触摸屏单元显示的页面上操作以切换电子设备的浏览模式和缩放模式，而使得电子设备的页面操作更人性化。

附图说明

图1为本发明一实施方式中电子设备的功能模块图。

图2为图1所示的电子设备的示意图。

图3-图7为图2所示的电子设备的使用过程中的示意图。

图8为本发明的电子设备的页面处理方法的步骤流程图。

主要元件符号说明

电子设备	100
		中心区域	5
区域	1-4、6-9
		存储单元	10
触摸屏单元	20
		处理单元	30
区域划分模块	301
		识别模块	302
模式切换模块	303
		页面处理模块	304
显示控制模块	305

如下具体实施方式将结合上述附图进一步说明本发明。

具体实施方式

请参阅图1，其为本发明的一实施方式的电子设备100的功能模块图。电子设备100包括一存储单元10、一触摸屏单元20和一处理单元30。存储单元10存储有多个电子文档。本实施方式中，用户通过在触摸屏单元20上显示页面的不同区域的操作切换电子设备的显示操作模式，具体的，用户在触摸屏单元20上显示页面的中心区域双击或进行缩放操作即可使电子设备100进入缩放模式，在缩放模式下，用户可以通过在触摸屏单元20上的操作实现对显示页面的放大缩小，移动页面内容及拖动整个页面等操作。而且，当显示页面的显示比例为100%时，处理单元30控制电子设备100自动进入浏览模式。在浏览模式下，用户可以通过在触摸屏单元20上显示页面的中心区域的操作实现拖动页面操作，以及通过在触摸屏单元20上周边区域的操作实现类纸质书式的翻页效果。在本实施方式中，电子设备100为一电子阅读器，在其他实施方式中，电子设备100还可以是具有触摸屏的手机、平板电脑、电子相框等电子设备。

触摸屏单元20用于侦测用户的触摸操作，生成相应的操作信号，并将操作信号传输至处理单元30。该操作信号包括用户触摸操作的位置坐标。当电子设备100被开启后，用户通过触摸屏单元20打开存储于存储单元10中的电子文档，处理单元30控制将该电子文档显示于触摸屏单元20上。

处理单元30包括一区域划分模块301、一识别模块302、一模式切换模块303、一页面处理模块304和一显示控制模块305。

区域划分模块301用于将触摸屏单元20上显示的页面划分为多个区域，该多个区域包括一中心区域和包围该中心区域的多个周边区域。如图2所示，在本实施方式中，区域划分模块301将触摸屏单元20划分为区域1-9共9个区域，该9个区域为九宫格布局，包括一中心区域5和包围中心区域5的周边区域1-4及区域6-9，无论触摸屏单元20的尺寸如何，区域划分模块301均将触摸屏单元20上的显示页面划分为图示中比例的九宫格。在其他实施方式中，还可以根据需要将显示页面划分为大小相同的9个区域。具体的，该区域划分模块301将该触摸屏单元20上对应显示页面的所有触摸点的坐标分成了9个坐标集合，该9个坐标集合一一对应了如图2中的9个区域。本实施方式中，触摸屏单元20只显示一个页面，在其他实施方式中，触摸屏单元20还显示多个页面，则区域划分模块301将该多个显示的页面均划分为包括中心区域及包围中心区域的多个周边区域。

识别模块302用于根据触摸屏单元20传输的操作信号判断用户操作所在的触摸屏单元20上显示页面的页面区域，即根据操作信号中的触摸操作位置坐标所位于的坐标集合判断该触摸操作所在的区域具体为区域划分模块301所划分的区域中的哪一个。

识别模块302还用于根据操作信号识别出用户的触摸操作并识别出电子设备100当前的显示操作模式并产生相应的识别信号。在本实施方式中，当识别模块302识别到用户的触摸操作为模式切换操作时，模式切换模块303控制将电子设备100的显示操作模式进行切换，具体为：当该识别模块302识别用户的触摸动作为将页面的显示比例为100%且当前的显示操作模式为缩放模式时，该模式切换模块303控制将该缩放模式切换为浏览模式。当识别模块302识别用户操作为在页面的中心区域5上的双击操作或缩放操作，且当前的显示操作模式为浏览模式时，该模式切换模块303控制将该浏览模式切换为缩放模式。该用户的双击操作即为用户连续两次触摸触摸屏单元20上显示页面的中心区域5上的任何位置，其中，两次触摸之间的时间间隔小于等于一预设时间。该预设时间可以是系统或用户预先设置的，例如0.5秒钟。该用户在中心区域5上的缩放操作具体为：用户使用两个手指向相反方向滑动操作于触摸屏单元20上对应中心区域5的区域（即放大页面的操作），及用户使用两个手指向相对方向滑动操作于触摸屏单元20上对应中心区域5的区域（即缩小页面的操作）。

在本实施方式中，浏览模式即所显示的页面的显示比例为100%（如图3所示）；缩放模式即整个触摸屏单元20同一时间内只显示一个页面且该页面只有两种显示状态：放大状态（如图7所示）或缩小状态。

本实施方式中，电子设备100的预设模式为浏览模式，当该识别模块识别触摸操作不为模式切换操作时，且识别电子设备为浏览模式且用户的触摸位置位于页面上的周边区域即区域1-4和区域6-9内时，页面处理模块304确定该触摸操作为进行翻页操作，并根据触摸位置的具体区域确定翻到页，显示控制模块305控制显示相应的具有翻页效果的页面（如图4和图5所示分别为用户手指在区域9和区域6触摸时所显示的页面），该具有翻页效果的页面由当前页、效果页以及翻到页所合成。

具体的，当识别模块识别触摸操作位于页面上的区域1、2、4和7进行单点触摸操作时，页面处理模块304确定触摸操作为向上翻页操作，当识别模块识别触摸操作为在页面上的区域3、6、8和9进行单点触摸操作时，页面处理模块304确定触摸操作为向下翻页操作。而且在区域1、3、7和9上操作对应的翻页效果均为从页角向中间卷曲（请参阅图4所示的效果），在区域2、4、6和8上操作对应的翻页效果均为从页边向中间卷曲（请参阅图5所示的效果）。

其中，当识别模块302判断在页面上的周边区域即区域1-4和区域6-9内的任一触摸操作的位置越过预设的页面上的临界线时，页面处理模块304确定该触摸操作为完整翻到了下一页，并根据触摸所在的具体区域确定翻到页，显示控制模块305控制触摸屏单元20显示完整的翻到页内容，即实现一个页面的完整翻页操作。如图2所示，临界线包括触摸屏单元20上显示的页面的对角线L1和L2。在其他实施方式中，临界线可以根据需要设置，比如可以针对一个区域设定多条临界线，可以包括页面上横向和纵向的中间线等等。

当识别模块302识别用户触摸操作不为模式切换操作时，且识别电子设备100为浏览模式且用户的操作为在页面上的中心区域5内进行滑动操作时，页面处理模块304根据滑动方向以及距离确定更新后的显示页面，显示控制模块305控制显示该页面处理模块304确定的更新显示页面（如图6所示为用户在图3所显示页面的中心区域5内向右上角滑动触摸一定距离时所显示的页面）。而当识别模块302识别到用户在页面的中心区域5进行缩放操作时，页面处理模块304生成一与用户操作对应的缩放页面，显示控制模块305控制显示该页面处理模块304生成的缩放页面。

在本实施方式中，如图4和图5所示，效果页203a和203b表示的为当前页201对应的区域翻转生成的背面，其一般进行了颜色处理。页面处理模块304根据用户触摸操作的动态坐标不断更新生成与坐标相对应的效果页，并将当前页、效果页以及该翻到页合成一合成页。具体地，页面处理模块304根据用户操作实时产生的触摸位置坐标、坐标所在区域以及贝塞尔曲线确定效果页各点的坐标，再将效果页各点坐标对应的当前页区域翻转生成该当前页区域的背面即效果页，一般都对该当前页区域的背面再进行颜色淡化再生成为效果页。效果页包括卷曲的三角形状以及卷曲的圆筒状等。而当用户的操作为缩放或移动页面的操作时，页面处理模块304则根据该操作信号生成对应的待显示页，即该待显示页为当前页的缩放或移动后的页面。

显示控制模块305用于根据用户的操作信号控制将待显示页或合成页显示于触摸屏单元20上。

请同时参阅图3-图7，其为本发明的电子设备100使用过程的示意图。如前所述，在本实施方式中，电子设备100的预设模式为浏览模式，如图3所示，此时触摸屏单元20上显示的页面为当前页201。当用户用一个手指在当前页201上的区域9移动时（包括手指在区域9内任意方向的移动），识别模块302根据触摸屏单元20传输的用户的操作信号即可识别出该操作为向下翻页操作且该操作所在的区域为区域9，页面处理模块304则从存储单元10中获取当前页201的下一页202，并对应用户的操作生成一效果页203a。在本实施方式中，触摸屏单元20实时地侦测用户手指的触摸位置坐标，而页面处理模块304则相应的根据手指的触摸位置坐标生成对应的效果页，并生成与触摸位置坐标一一对应的合成页。显示控制模块305则控制将该合成页显示于触摸屏单元20上，从而实现纸质书式的翻页动态效果。

例如，当用户用手指点击区域9上任意位置时，页面处理模块304即根据该触摸位置坐标生成对应的效果页及合成页，显示控制模块305控制在触摸屏单元20上显示该合成页。而当用户松开手指时，显示控制模块305控制在触摸屏单元20上显示该当前页。当用户手指触摸区域9之后在该区域9内移动，触摸屏单元20上显示体现一向下翻页效果的合成页，并且随着手指的移动，组成合成页的当前页、效果页及待显示页也动态的作相应的变化。直至手指越过临界线L2，此时只要用户手指离开触摸屏单元20，则触摸屏单元20上即可显示完整的下一页的内容。在区域1、3和7的翻页效果过程也类似，只是各区域的卷动效果页方向不同，而且当用户手指沿区域1和7移动越过预设的临界线后，其实现的是向前翻页。而且区域1对应的临界线为L2，区域3和7对应的临界线为L1。在此就不再一一叙述了。

用户在区域6进行翻页操作时示意图如图5所示。区域6对应的临界线为L1和L2。即当用户手指从区域6内移动至越过L1或L2时，触摸屏单元20上即可显示下一页的内容即向下翻页。而从区域4操作的翻页效果页类似区域6，唯一不同是，当用户手指从区域4内移动至越过L1或L2时，触摸屏单元20上即可显示上一页的内容即向上翻页。

当电子设备100处于缩放模式下，用户可通过操作触摸屏单元20对该显示的页面进行放大缩小的操作。如图3所示，当电子设备100处于缩放模式下时，用户使用两个手指向相反方向滑动操作于触摸屏单元20时，显示页面将被相应的放大，而当用户使用两个手指向相对方向滑动操作于触摸屏单元20时，显示页面将被相应的缩小。当该显示页面处于放大的状态时，其显示内容可随着用户的操作而执行相应的动作，如用户进行上下左右任一方向的单向滑动操作时，其显示内容相应的向上向下向左或向右移动，用户手指在屏幕上任意滑动时，其显示内容作相应的滑动。在此就不再详细描述。

请参阅图8，其中，图8为本发明中应用于图1所示电子设备100的页面处理方法的步骤流程图，该触摸屏单元20被划分为多个区域。

该页面处理方法包括如下步骤：

步骤S81，区域划分模块301将触摸屏单元20上显示的页面划分为多个区域，该多个区域包括一中心区域和包围该中心区域的多个周边区域。

步骤S82，触摸屏单元20侦测用户的触摸操作，生成相应的操作信号。

步骤S83，识别模块302根据所述操作信号判断用户操作所在的触摸屏单元20上显示的页面的区域。

步骤S84，识别模块302根据所述操作信号以及当前电子设备100当前的显示操作模式判断所述触摸操作是否为模式切换操作，如果是，则进入步骤S85，如果否，则进入步骤S86。在本实施方式中，1）当识别模块302识别到用户的触摸操作为在页面的中心区域上的双击操作或缩放操作，且当前显示操作模式为浏览模式时，以及2）用户在缩放操作中将页面的显示比例调整为100%时且当前显示操作模式为缩放模式时，识别模块302判断用户的操作为模式切换操作。

步骤S85，模式切换模块303根据所述操作信号相应的控制电子设备100在浏览模式和缩放模式之间进行切换。在本实施方式中，步骤S83中所述的第1）种操作为将浏览模式切换为缩放模式的操作，第2）种操作为将缩放模式切换为浏览模式的操作。

步骤S86，识别模块302判断所述触摸操作非为模式切换操作时，继续根据操作信号以及当前电子设备的显示操作模式继续判断该触摸操作是否为翻页操作，如果是，则进入步骤S87，如果否，则进入步骤S92。在本实施方式中，当识别模块识别电子设备100处于浏览模式，且用户在周边区域即区域1-4和区域6-9任何一个区域用单指触摸触摸屏单元20时，识别模块302均判断为翻页操作。

步骤S87，页面处理模块304根据具体的触摸区域确定翻到页，并根据实时的触摸位置坐标生成效果页，并将当前页、效果页以及翻到页进行合成，得到一体现翻页效果的合成页。在本实施方式中，效果页为当前页对应的区域倒转并进行颜色处理（变为淡色）后生成的背面，模仿了实际纸张从背面观看的效果。页面处理模块304根据用户触摸操作产生的触摸位置坐标的变化以及用户操作方式不断更新生成效果页。具体地，页面处理模块304根据用户操作实时产生的触摸位置坐标、坐标所在区域以及贝塞尔曲线确定效果页各点的坐标，再将效果页各点坐标对应的当前页的区域翻转生成该区域的背面即效果页，一般都对该区域的背面再进行颜色淡化再生成为效果页。效果页包括卷曲的三角形状以及卷曲的圆筒状等。所述合成页由当前页的一部分、对应手指位置坐标生成的效果页以及待显示页的一部分组成。

步骤S88，显示控制模块305控制将所述合成页显示于触摸屏单元20上。

步骤S89，识别模块302判断所述触摸操作的位置是否越过预设的页面上的临界线，如果是，则进入步骤S90，如果否，则进入步骤S91。

步骤S90，显示控制模块305控制将页面处理模块304确定的翻到页完整地显示于触摸屏单元20上。

步骤S91，识别模块302判断用户的手指是否离开了触摸屏单元20。如果是，则进入步骤S92，如果否，则返回步骤S87。

步骤S92，显示控制模块305控制将当前页替换合成页而显示于触摸屏单元20上。

步骤S93，页面处理模块304根据用户的操作信号确定页面拖动方向并生成待显示页。在本实施方式中，当用户的操作为缩放或移动页面的操作时，页面处理模块304则根据该操作信号生成对应的待显示页，即该待显示页为当前页的缩放或移动后的页面。

步骤S94，显示控制模块305控制将待显示页显示于触摸屏单元20上。

使用上述电子设备100及其页面处理方法，用户可通过双击触摸屏单元20上显示的页面的中心区域或在缩放操作中将页面的显示比例调整为100%即可在浏览模式和缩放模式之间进行切换，而且用户在触摸屏单元20上显示的页面的周边区域触摸或移动时，触摸屏单元20即可显示动态的翻页操作效果，从而使得电子设备100的页面操作更人性化，满足了用户的需求。

本技术领域的普通技术人员应当认识到，以上的实施方式仅是用来说明本发明，而并非用作为对本发明的限定，只要在本发明的实质精神范围之内，对以上实施方式所作的适当改变和变化都落在本发明要求保护的范围之内。

Claims (9)

1.一种页面处理方法，用于一设有触摸屏单元的电子设备，所述方法包括如下步骤:

将所述触摸屏单元上显示的页面划分为多个区域，所述多个区域包括一中心区域和包围所述中心区域的多个周边区域；

侦测用户的触摸操作，生成相应的操作信号；

根据所述操作信号确定所述触摸操作所在的页面的区域；

当所述触摸操作为在页面的中心区域上的双击操作或缩放操作，且电子设备当前所处的显示操作模式为浏览模式时；或者缩放操作中页面的显示比例被调整为100%且电子设备当前所处的显示操作模式为缩放模式时，判断所述触摸操作为模式切换操作；及

当用户的触摸操作为模式切换操作时，根据所述操作信号相应的控制电子设备在浏览模式和缩放模式之间进行切换。

2.如权利要求1所述的方法，其特征在于，所述步骤“当用户的触摸操作为模式切换操作时，根据所述操作信号相应的控制电子设备在浏览模式和缩放模式之间进行切换”具体为：

当所述触摸操作为在页面的中心区域上的双击操作或缩放操作，且电子设备当前所处的显示操作模式为浏览模式时，控制电子设备从浏览模式切换到缩放模式；及

当缩放操作中页面的显示比例被调整为100%且电子设备当前所处的显示操作模式为缩放模式时，控制电子设备从缩放模式切换到浏览模式。

3.如权利要求1或2所述的方法，其特征在于，还包括如下步骤：

当判断所述触摸操作未为模式切换操作时，继续判断所述触摸操作是否为翻页操作；

当所述触摸操作为翻页操作时，根据具体的触摸区域确定翻到页，并根据实时的触摸位置坐标生成效果页，并将当前页、效果页以及翻到页进行合成，得到一体现翻页效果的合成页，所述效果页为当前页一对应区域倒转后生成的背面，所述合成页由当前页的一部分、对应手指位置坐标生成的效果页以及待显示页的一部分组成；及

将所述合成页显示于触摸屏单元上。

4.如权利要求3所述的方法，其特征在于，还包括如下步骤：

判断所述触摸操作的位置是否越过预设的页面上的临界线；

当所述触摸操作的位置越过预设的临界线时，将确定的翻到页完整地显示于触摸屏单元上；

当所述触摸操作的位置未越过预设的临界线时，判断用户的手指是否离开了触摸屏单元；及

当判断用户的手指已离开了触摸屏单元时，将当前页替换合成页而显示于触摸屏单元上。

5.如权利要求3所述的方法，其特征在于，所述步骤“当判断所述触摸操作未为模式切换操作时，继续判断所述触摸操作是否为翻页操作”具体为：当判断所述触摸操作未为模式切换操作，所述电子设备于浏览模式且所述触摸操作为在页面的周边区域中任何一个区域的单指触摸操作时，判断为翻页操作。

6.如权利要求3所述的方法，其特征在于，所述效果页为根据用户操作实时产生的触摸位置坐标、坐标所在区域以及贝塞尔曲线确定效果页各点的坐标，再将效果页各点坐标对应的当前页区域翻转而生成的所述当前页区域的背面。

7.一种电子设备，包括一触摸屏单元，所述触摸屏单元用于侦测用户的触摸操作，生成相应的操作信号，其特征在于：所述触摸屏单元还用于根据所述操作信号确定所述触摸操作所在的页面的区域，所述电子设备还包括：

一将所述触摸屏单元上显示的页面划分为多个区域的区域划分装置，所述多个区域包括一中心区域和包围所述中心区域的多个周边区域；

一当所述触摸操作为在页面的中心区域上的双击操作或缩放操作，且电子设备当前所处的显示操作模式为浏览模式时；或者缩放操作中页面的显示比例被调整为100%且电子设备当前所处的显示操作模式为缩放模式时，判断所述触摸操作为模式切换操作的操作判断装置；及

一当用户的触摸操作为模式切换操作时，根据所述操作信号相应的控制电子设备在浏览模式和缩放模式之间进行切换的模式切换装置。

8.如权利要求7所述的电子设备，其特征在于：当所述触摸操作为在页面的中心区域上的双击操作或缩放操作，且电子设备当前所处的显示操作模式为浏览模式时，所述模式切换装置控制电子设备从浏览模式切换到缩放模式；当缩放操作中页面的显示比例被调整为100%且电子设备当前所处的显示操作模式为缩放模式时，所述模式切换装置控制电子设备从缩放模式切换到浏览模式。

9.如权利要求7或8所述的电子设备，其特征在于：所述操作判断装置还用于当判断所述触摸操作未为模式切换操作时，继续判断所述触摸操作是否为翻页操作，所述电子设备还包括：

一当所述触摸操作为翻页操作时，根据具体的触摸区域确定翻到页，并根据实时的触摸位置坐标生成效果页，并将当前页、效果页以及翻到页进行合成，得到一体现翻页效果的合成页的页面处理装置；及

一将所述合成页显示于触摸屏单元上、当所述触摸操作的位置越过预设的临界线时，将翻到页显示于触摸屏单元上、以及当所述触摸操作的位置未越过预设的临界线时，将当前页替换合成页而显示于触摸屏单元上的显示控制装置。

Images