CN103941978A - 一种控件内容显示方法 - Google Patents

Abstract

一种控件内容显示方法，其包括以下步骤：S1:提供一方形的原控件、控件内容集合以及一圆形导向盘控件，以所述原控件的起点为原点建立一二维坐标系，所述原控件自起点向外延伸的两条边在X正轴、Y正轴上，所述控件内容集合在X轴、Y轴方向上的长度分别为Cx、Cy，所述控件内容集合由其范围内的控件内容组成，所述原控件在X轴、Y轴方向上的长度分别为Wx、Wy；S2：控制所述导向盘控件在所述原控件中移动，所述原控件根据所述导向盘控件的位置在所述控件内容集合中选择一定范围的控件内容进行显示。本发明通过导向盘控件可以直观、精确的选择原控件显示的控件内容，在控件内容比较大时，比较方便的选择原控件显示的内容。

Description

一种控件内容显示方法

技术领域

本发明涉及信息技术领域的一种显示方法，特别是含有一种控件内容显示方法。

背景技术

在电子信息设备的图形控件系统中，当某一控件的内容大小超出控件自身的尺寸时，通常需要改变内容的起始位置，滚动浏览全部内容。

桌面计算机系统如Windows/Linux/Mac采用的是滚动条控件，用户用鼠标拖动滚动条上的滑块，改变内容的起始位置。

手持终端设备系统如Android/iOS系统由于屏幕较小，通常采用手指直接点屏幕的方式，滑动内容的起始位置。

从技术实现的角度看，滚动条自身占据一定长宽，会影响控件的布局算法，而且滚动条的滑块区域大小有限。不使用滚动条而直接划屏幕的方法，虽然方便，但是精度不高，内容量大时滑动效率也是问题，而且不能像滚动条一样直观地体现内容位置。

虽然目前上述两种技术的使用都很广泛，但并不适合用于手持终端设备上。

发明内容

本发明提供了一种控件内容显示方法，其包括以下步骤：

S1:提供一方形的原控件、控件内容集合以及一导向盘控件，以所述原控件的起点为原点建立一二维坐标系，所述原控件自起点向外延伸的两条边在X正轴、Y正轴上，所述控件内容集合在X轴方向上的长度为Cx，Y轴方向上的长度为Cy，所述控件内容集合由其范围内的控件内容组成，所述原控件在X轴方向上的长度为Wx，在Y轴方向上的长度为Wy，所述导向盘控件为半径为R的圆形；

S2：控制所述导向盘控件在所述原控件中移动，所述原控件根据所述导向盘控件的位置在所述控件内容集合中选择一定范围的控件内容进行显示。

较佳地，所述步骤S2具体包括以下过程：

当Cx>Wx时，控制所述导向盘控件的圆心横坐标Px的值在[R,Wx-R]范围内移动；

在所述控件内容集合中所述原控件起始位置显示的控件内容相对于所述控件内容集合起始位置的控件内容沿X轴方向的距离为：

Tx=(Cx-Wx)*(Px-R)/(Wx-2*R)。

较佳地，所述步骤S2具体包括以下过程：

当Cy>Wy时，控制所述导向盘控件的圆心纵坐标Py的值在[R,Wy-R]范围内移动；

在所述控件内容集合中所述原控件起始位置显示的控件内容相对于所述控件内容集合的起始位置沿Y轴方向的距离为：

Ty=(Cy-Wy)*(Py-R)/(Wy-2*R)。

较佳地，所述步骤S2具体包括以下过程：

当所述控件内容在某一坐标轴上的长度小于所述原控件在该坐标轴上的长度，且所述导向盘控件在不超过所述原控件范围时；控制所述导向盘控件在所述原控件内沿该坐标轴方向任意移动，该坐标轴方向上原控件显示的控件内容的范围为所述控件内容集合在该坐标轴上的全部范围。

较佳地，所述步骤S2具体包括以下过程：

所述原控件在某一坐标轴方向上不足以容纳所述导向盘控件时，所述导向盘控件在此方向居中并固定不动；

所述原控件显示的控件内容集合中的控件内容在此坐标轴方向上的范围不变。

较佳地，还包括步骤S3：

在所述导向盘控件设置四个子区域，点击所述任一子区域以改变在所述原控件起始位置显示的所述控件内容，所述四个子区域分别对应X轴的两个方向、Y轴的两个方向。

较佳地，所述步骤S3包括：

如果控件内容集合在两坐标轴方向上的长度均超过原控件，单击所述任一子区域时，所述原控件起始位置显示的控件内容在沿与该子区域对应的坐标轴方向偏移一次，偏移量固定。

较佳地，所述步骤S3包括：

长按所述任一子区域时，所述原控件起始位置显示的控件内容沿与该子区域对应的坐标轴方向偏移一次，偏移量固定并与单击所述子区域产生的偏移量不同。

较佳地，所述步骤S3包括：

如果控件内容在某一坐标轴方向上的长度不超过原控件，那么在此方向上对应的子区域上的单击或长按操作不改变所述原控件起始位置显示的控件内容。

本发明通过导向盘控件可以直观、精确的选择原控件显示的控件内容，在控件内容比较大时，比较方便的选择原控件显示的内容；

同时本发明可以通过对导向盘控件的不同操作，实现导向盘控件不同程度以及方向的位移，使用方便、易于操作。

当然，实施本发明的任一产品并不一定需要同时达到以上所述的所有优点。

附图说明

图1为本发明实施例提供的控件内容显示方法流程图；

图2为本发明实施例在Cx>Wx时原控件显示控件内容的示意图；

图3为本发明实施例在Cy>Wy时原控件显示控件内容的示意图；

图4为本发明实施例在Cx>Wx、Cy>Wy时原控件显示控件内容的示意图；

图5为本发明实施例提供的原控件的结构示意图。

具体实施例

本发明实施例提供了一种控件内容显示方法，如图1所示，其包括以下步骤：

S1:提供一方形的原控件、控件内容集合以及一导向盘控件，以所述原控件的起点为原点建立一二维坐标系，所述原控件自起点向外延伸的两条边在X正轴、Y正轴上，所述控件内容集合在X轴方向上的长度为Cx，Y轴方向上的长度为Cy，所述控件内容集合由其范围内的控件内容组成，所述原控件在X轴方向上的长度为Wx，在Y轴方向上的长度为Wy，所述导向盘控件为半径为R的圆形；

S2：控制所述导向盘控件在所述原控件中移动，所述原控件根据所述导向盘控件的位置在所述控件内容集合中选择一定范围的控件内容进行显示。

本例中给出的原控件一般处于终端屏幕的显示区域，可以是地图软件的显示区域，也可以是阅读类应用的显示区域，也可以是视频播放器的显示区域。原控件的起点为原控件的起始端，即显示区域的左上角，控件内容集合的起始端也是左上角控件内容的起点。

所述步骤S2具体包括以下过程：

如图2所示，当Cx>Wx时，控制所述导向盘控件的圆心横坐标Px的值在[R,Wx-R]范围内移动；

在所述控件内容集合中所述原控件起始位置显示的控件内容相对于所述控件内容集合起始位置的控件内容沿X轴方向的距离为：

Tx=(Cx-Wx)*(Px-R)/(Wx-2*R)。

如图3所示，当Cy>Wy时，控制所述导向盘控件的圆心纵坐标Py的值在[R,Wy-R]范围内移动；

在所述控件内容集合中所述原控件起始位置显示的控件内容相对于所述控件内容集合的起始位置沿Y轴方向的距离为：

Ty=(Cy-Wy)*(Py-R)/(Wy-2*R)。

当然本实施例提供的原控件也可以在Ｘ轴与Ｙ轴上同时都小于控件内容集合的长度，如图4所示，则此时通过方程Tx=(Cx-Wx)*(Px-R)/(Wx-2*R)与方程Ty=(Cy-Wy)*(Py-R)/(Wy-2*R)可以分别求出Ｔｘ与Ｔｙ，得到导向盘控件的位置。

当所述控件内容在某一坐标轴上的长度小于所述原控件在该坐标轴上的长度，且所述导向盘控件在不超过所述原控件范围时；控制所述导向盘控件在所述原控件内沿该坐标轴方向任意移动，该坐标轴方向上原控件显示的控件内容的范围为所述控件内容集合在该坐标轴上的全部范围。

所述原控件在某一坐标轴方向上不足以容纳所述导向盘控件时，所述导向盘控件在此方向居中并固定不动；

所述原控件显示的控件内容集合中的控件内容在此坐标轴方向上的范围不变。

本发明实施例还包括步骤Ｓ3：

在所述导向盘控件设置四个子区域，如图4所示，点击所述任一子区域以改变在所述原控件起始位置显示的所述控件内容，所述四个子区域分别对应X轴的两个方向、Y轴的两个方向。

如果控件内容集合在两坐标轴方向上的长度均超过原控件，单击所述任一子区域时，所述原控件起始位置显示的控件内容在沿与该子区域对应的坐标轴方向偏移一次，偏移量固定；

长按所述任一子区域时，所述原控件起始位置显示的控件内容沿与该子区域对应的坐标轴方向偏移一次，偏移量固定并与单击所述子区域产生的偏移量不同；

如果控件内容在某一坐标轴方向上的长度不超过原控件，那么在此方向上对应的子区域上的单击或长按操作不改变所述原控件起始位置显示的控件内容。

当然，这里可以控制导向盘控件同时在X轴方向、Y轴方向上位移，也可以控制导向盘控件在单一的坐标轴方向上移动。

本发明通过导向盘控件可以直观、精确的选择原控件显示的控件内容，在控件内容比较大时，比较方便的选择原控件显示的内容；

同时本发明可以通过对导向盘控件的不同操作，实现导向盘控件不同程度以及方向的位移，使用方便、易于操作。

以上公开的本发明优选实施例只是用于帮助阐述本发明。优选实施例并没有详尽叙述所有的细节，也不限制该发明仅为所述的具体实施方式。显然，根据本说明书的内容，可作很多的修改和变化。本说明书选取并具体描述这些实施例，是为了更好地解释本发明的原理和实际应用，从而使所属技术领域技术人员能很好地理解和利用本发明。本发明仅受权利要求书及其全部范围和等效物的限制。

Claims (9)

1. 一种控件内容显示方法，其特征在于，包括以下步骤：

S1:提供一方形的原控件、控件内容集合以及一导向盘控件，以所述原控件的起点为原点建立一二维坐标系，所述原控件自起点向外延伸的两条边在X正轴、Y正轴上，所述控件内容集合在X轴方向上的长度为Cx，Y轴方向上的长度为Cy，所述控件内容集合由其范围内的控件内容组成，所述原控件在X轴方向上的长度为Wx，在Y轴方向上的长度为Wy,所述导向盘控件为半径为R的圆形；  

S2：控制所述导向盘控件在所述原控件中移动，所述原控件根据所述导向盘控件的位置在所述控件内容集合中选择一定范围的控件内容进行显示。

2.如权利要求1所述的控件内容显示方法，其特征在于，所述步骤S2具体包括以下过程：

当Cx>Wx时，控制所述导向盘控件的圆心横坐标Px的值在[R,Wx-R]范围内移动；

在所述控件内容集合中所述原控件起始位置显示的控件内容相对于所述控件内容集合起始位置的控件内容沿X轴方向的距离为：

Tx=(Cx-Wx)*(Px-R)/(Wx-2*R)。

3.如权利要求1所述的控件内容显示方法，其特征在于，所述步骤S2具体包括以下过程：

当Cy>Wy时，控制所述导向盘控件的圆心纵坐标Py的值在 [R,Wy-R]范围内移动；

在所述控件内容集合中所述原控件起始位置显示的控件内容相对于所述控件内容集合的起始位置沿Y轴方向的距离为：

Ty=(Cy-Wy)*(Py-R)/(Wy-2*R)。

4.如权利要求1所述的控件内容显示方法，其特征在于，所述步骤S2具体包括以下过程：

当所述控件内容在某一坐标轴上的长度小于所述原控件在该坐标轴上的长度，且所述导向盘控件在不超过所述原控件范围时；控制所述导向盘控件在所述原控件内沿该坐标轴方向任意移动，该坐标轴方向上原控件显示的控件内容的范围为所述控件内容集合在该坐标轴上的全部范围。

5.如权利要求1所述的控件内容显示系统，其特征在于，所述步骤S2具体包括以下过程：

所述原控件在某一坐标轴方向上不足以容纳所述导向盘控件时，所述导向盘控件在此方向居中并固定不动；

所述原控件显示的控件内容集合中的控件内容在此坐标轴方向上的范围不变。

6.如权利要求1所述的控件内容显示方法，其特征在于，还包括步骤S3：

在所述导向盘控件设置四个子区域，点击所述任一子区域以改变在所述原控件起始位置显示的所述控件内容，所述四个子区域分别对应X轴的两个方向、Y轴的两个方向。

7.如权利要求6所述的控件内容显示系统，其特征在于，所述步骤S3包括：

如果控件内容集合在两坐标轴方向上的长度均超过原控件，单击所述任一子区域时，所述原控件起始位置显示的控件内容在沿与该子区域对应的坐标轴方向偏移一次，偏移量固定。

8.如权利要求7所述的控件内容显示系统，其特征在于，所述步骤S3包括：

长按所述任一子区域时，所述原控件起始位置显示的控件内容沿与该子区域对应的坐标轴方向偏移一次，偏移量固定并与单击所述子区域产生的偏移量不同。

9.如权利要求6所述的控件内容显示系统，其特征在于，所述步骤S3包括：

如果控件内容在某一坐标轴方向上的长度不超过原控件，那么在此方向上对应的子区域上的单击或长按操作不改变所述原控件起始位置显示的控件内容。