CN103617002A - 一种触控界面的实现方法及装置 - Google Patents

Abstract

本发明涉及一种触控界面的实现方法及装置，将控件区域设置为图标显示区域和透明区域，且透明区域设置于图标显示区域四周。该方法使触屏设备在不需要扩大或改动图标的前提下加大了图标的实际使用面积，提高了触屏使用时的准确性，且克服了需要采用高分辨率、精准度和灵敏度的高级材质屏幕才能提高触屏功能的技术问题，降低了生产成本，提高了产品的实用性。而对应本发明方法的实施一种触控界面的实现方法的装置也同样具有上述优点。

Description

一种触控界面的实现方法及装置

技术领域

本发明涉及用户界面实现方法，尤其涉及一种触控界面的实现方法及实施该方法的装置。

背景技术

目前在一些小触屏设备上对运行的应用程序操作时，通常有以下几种方式：

一种是点击所需触控控件从而执行相应的命令。它的缺点是：在小屏机上，所设定的触控控件物理面积太小，触控相应控件区域时，容易错误触控到周边按钮，触控准确率较低；

一种是给图标增添背景或将图标物理面积直接拉大，点击背景或图标，从而执行相应的命令。它的缺陷是：会占用更多的屏幕实际面积，增加了生产成本；

一种是缩小图标按钮，当小按钮感应后，弹出图标的放大图，点击放大的图从而执行命令。如申请公布号为CN 101930338 A的专利：《触控系统及控制方法》，它的缺点是：操作繁琐，且点击小按钮时容易造成误触；

还有一种是采用尽可能高端的触控屏幕如高分辨率、高敏感度，或者采用高灵敏度的感应芯片，以保证触控的准确性。它的缺点是：增加了生产成本。

发明内容

本发明要解决的技术问题是提供一种即使在小触屏设备中依然能够保证触控的准确性，且不用增加太多生产成本的一种触控界面的实现方法。

一种触控界面的实现方法，包括以下顺序步骤：

在屏幕中建立坐标系的步骤；

根据所述坐标系将屏幕设置为大于等于一个的控件区域的步骤；

将所述控件区域设置为图标显示区域和/或非图标显示区域，所述非图标显示区域设置于所述图标显示区域四周的步骤；

为所述图标显示区域和非图标显示区域建立相应控件项目，为所述控件项目设定相对应的指令的步骤；

所述图标显示区域和非图标显示区域的坐标范围内发生触控操作时分别执行相对应的指令的步骤。

进一步的，所述图标显示区域和非图标显示区域的坐标范围内发生触控操作时分别执行相对应的指令的步骤中，所述非图标显示区域对应的指令与所述图标显示区域对应的指令相同或不同。

进一步的，将所述控件区域设置为图标显示区域和非图标显示区域，所述非图标显示区域设置于所述图标显示区域四周的步骤后还包括：

设置相邻的所述控件区域中所述非图标显示区域彼此为重叠布局的步骤。

再进一步的，所述设置相邻的所述控件区域中所述非图标显示区域为重叠布局的步骤后还包括:

同一所述控件区域中所述非图标显示区域设置为大于等于1个，所述非图标显示区域以所述图标显示区域为中心环绕分层设置的步骤。

再进一步的，所述同一所述控件区域中所述非图标显示区域设置为大于等于1个，所述非图标显示区域以所述图标显示区域为中心环绕分层设置的步骤后还包括：

设置所述非图标显示区域最大宽度为相邻所述图标显示区域间最小间隔距离的步骤。

作为一种改进，所述图标显示区域和非图标显示区域的坐标范围内发生触控操作时分别执行相对应的指令的步骤具体包括以下顺序步骤：

在所述控件区域内发生触控操作时采集所述触控坐标的步骤；

根据所述触控坐标与邻近所述控件区域的几何中心坐标间最短距离确定发生触控操作的所述控件区域的步骤。

若所述非图标显示区域与所述图标显示区域所对应的指令相同则执行以下步骤：

执行与所述图标显示区域相对应的指令的步骤；

若所述非图标显示区域与所述图标显示区域所对应的指令不同则执行以下步骤：

根据所述触控坐标确定发生触控操作的具体区域，并执行相对应指令的步骤。

再者,根据所述触控坐标与邻近所述控件区域的几何中心坐标间最短距离确定发生触控操作的所述控件区域的步骤还包括以下顺序步骤：

若所述最短距离数目出现大于等于2个时，则提示重新进行触控操作的步骤。

又一步的，所述若进行比较的所述控件区域包含的所述触控坐标的数量相等，则提示重新进行触控操作的步骤中，提示方式包括:文字提示、图像提示、声响提示、振动提示等。

又一步的，所述图标显示区域和非图标显示区域的坐标范围内发生触控操作时分别执行相对应的指令的步骤中触控动作包括：单击动作、双击动作、滑动动作；所述滑动动作中，用户在所述控件区域按下后，滑出该控件区域范围又滑入该控件区域范围或直接滑出该控件区域范围，则不执行该控件区域相应的指令。

一种触控界面装置，主要包括：用于提供显示区域、屏幕坐标、以及接受触控操作的显示模块；与所述显示模块连接，用于控制显示模块区域划分、图像输出、显示区域设置的控制模块；分别与所述控制模块、所述显示模块连接，用于存储并执行指令程序的编程模块；所述编程模块接收所述显示模块传入的所述触控坐标后根据其坐标启动相应的所述控件项目中设定的指令，对所述控制模块进行操作； 

所述显示模块包括：用于显示图标、数据信息和接受触控操作的屏幕单元；与所述屏幕单元连接，用于为所述屏幕单元建立坐标系并采集所述触控坐标并输出的坐标单元；与所述坐标单元、所述控制模块、所述编程模块分别连接，用于为三者提供数据链路的通信单元；以及用于驱动屏幕单元显示图标、数据信息的驱动单元；

所述控制模块包括：用于根据所述坐标系为所述显示模块划分控件区域、图标显示区域、非图标显示区域的区域单元；与所述区域单元、所述编程模块、所述显示模块分别连接，用于为三者提供数据链路的通信单元；

所述编程模块包括：用于存储所述控件项目和所述指令存储单元；与存储单元连接，用于根据所述显示模块采集到的所述触控坐标和所述控制模块划分的控件区域、图标显示区域、非图标显示区域的坐标范围，执行存储在所述存储单元中相应所述指令的执行单元；与所述执行单元、所述控制模块、所述显示模块分别连接，用于为三者提供数据链路的通信单元。

作为一种改进,所述控制模块还包括，用于设置和判断相邻所述控件区域中层叠设置的所述非图标显示区域的叠层判断单元。

进一步的,所述编程模块还包括，用于计算几何中心坐标及控制、判断触控操作的坐标处理单元。

本发明一种触控界面的实现方法通过采用将相邻图标显示区域间间隔用的透明区域与其环绕的图标显示区域联动设置，当透明区域内发生触控操作时相当于与该透明区域联动的图标显示区域发生了触控操作，进而激活该控件区域的相应功能，在不用增大触控屏面积或引入更高级触控芯片的前提下，增加了有效触控面积，提高了触控准确度，克服了现有技术中的不足，而实施本发明方法的装置也同样具有上述优点。

 附图说明

为了易于说明，本发明由下述的具体实施方式及附图作详细描述。

图1为本发明一种触控界面的实现方法的主要步骤示意图；

图2为本发明一种触控界面的实现方法的具体步骤示意图；

图3为本发明一种触控界面的实现方法的应用示意图；

图4为本发明一种触控界面的实现方法的控件区域常态示意图；

图5为本发明一种触控界面的实现方法的控件区域触控操作状态示意图；

图6为本发明一种触控界面的实现方法的控件区域基本构成构示意图；

图7为本发明一种触控界面的实现方法的单控件区构成构示意图；

图8为本发明实施一种触控界面的实现方法的装置的基本构成示意图；

图9为本发明实施一种触控界面的实现方法的装置的改进构成示意图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。

如附图1-9所示，一种触控界面的实现方法，包括以下顺序步骤：

显示模块在屏幕中建立坐标系的步骤；

控制模块根据显示模块建立的坐标系将屏幕设置为大于等于一个的控件区域的步骤；

控制模块将显示模块中的控件区域设置为图标显示区域和/或非图标显示区域，非图标显示区域设置于图标显示区域四周的步骤；

编程模块为图标显示区域和非图标显示区域建立相应的控件项目，并为该控件项目设定相对应的指令的步骤；

显示模块中图标显示区域和非图标显示区域的坐标范围内发生触控操作时分别执行相对应的指令的步骤。

进一步的，显示模块的图标显示区域和非图标显示区域坐标范围内发生触控操作时，编程模块分别执行相对应的指令的步骤中，非图标显示区域对应的指令与图标显示区域对应的指令相同或不同。

进一步的，控制模块将显示模块中的控件区域设置为图标显示区域和非图标显示区域，非图标显示区域设置于所述图标显示区域四周的步骤后还包括：

设置显示模块屏幕中相邻的控件区域内非图标显示区域为部分或全部重叠布局的步骤。

进一步的，设置显示模块屏幕中相邻的控件区域内非图标显示区域为部分或全部重叠布局的步骤后还包括：

显示模块中同一所述控件区域里非图标显示区域设置为大于等于1个且该非图标显示区域以图标显示区域为中心分层环绕设置的步骤；

进一步的，显示模块中同一所述控件区域里非图标显示区域设置为大于等于1个且该非图标显示区域以图标显示区域为中心分层环绕设置的步骤后还包括：

设置显示模块中非图标显示区域最大宽度为相邻间图标显示区域的最小间隔距离的步骤；

再进一步的，显示模块中控件区域的坐标范围内发生触控操作时执行与该控件区域相对应的指令的步骤具体包括以下顺序步骤：

显示模块在其控件区域内发生触控操作时采集该控件区域中触控坐标的步骤；

编程模块根据触控坐标与邻近控件区域的几何中心坐标间最短距离确定发生触控操作的控件区域的步骤。

若非图标显示区域与图标显示区域所对应的指令相同则执行以下步骤：

执行与图标显示区域相对应的指令的步骤；

若非图标显示区域与图标显示区域所对应的指令不同则执行以下步骤：

根据触控坐标确定发生触控操作的具体区域，并执行相对应指令的步骤。

又一步的, 编程模块根据触控坐标与邻近控件区域的几何中心坐标间最短距离确定发生触控操作的控件区域的步骤还包括以下顺序步骤：

若触控坐标与邻近控件区域的几何中心坐标间的最短距离数目出现大于等于2个时，编程模块则提示重新进行触控操作的步骤。

作为一种改进，若进行比较的控件区域包含的触控坐标的数量相等，编程模块则提示重新进行触控操作的步骤中，提示方式包括:文字提示、图像提示、声响提示、振动提示等。

再者，显示模块中图标显示区域和非图标显示区域的坐标范围内发生触控操作时分别执行相对应的指令的步骤中触控动作包括：单击动作、双击动作、滑动动作。

滑动动作中，用户在显示模块中控件区域按下后，滑出该控件区域范围又滑入该控件区域范围或直接滑出该控件区域范围，则不执行该控件区域相应的指令。

如附图8-9所示，一种触控界面装置，主要包括：用于提供显示区域、屏幕坐标、以及接受触控操作的显示模块；与所述显示模块连接，用于控制显示模块区域划分、图像输出、显示区域设置的控制模块；分别与所述控制模块、所述显示模块连接，用于存储并执行指令程序的编程模块；所述编程模块接收所述显示模块传入的所述触控坐标后根据其坐标启动相应的所述控件项目中设定的指令，对所述控制模块进行操作； 

所述显示模块包括：用于显示图标、数据信息和接受触控操作的屏幕单元；与所述屏幕单元连接，用于为所述屏幕单元建立坐标系并采集所述触控坐标并输出的坐标单元；与所述坐标单元、所述控制模块、所述编程模块分别连接，用于为三者提供数据链路的通信单元；以及用于驱动屏幕单元显示图标、数据信息的驱动单元；

所述控制模块包括：用于根据所述坐标系为所述显示模块划分控件区域、图标显示区域、非图标显示区域的区域单元；与所述区域单元、所述编程模块、所述显示模块分别连接，用于为三者提供数据链路的通信单元；

所述编程模块包括：用于存储所述控件项目和所述指令存储单元；与存储单元连接，用于根据所述显示模块采集到的所述触控坐标和所述控制模块划分的控件区域、图标显示区域、非图标显示区域的坐标范围，执行存储在所述存储单元中相应所述指令的执行单元；与所述执行单元、所述控制模块、所述显示模块分别连接，用于为三者提供数据链路的通信单元。

作为一种改进,所述控制模块还包括，用于设置和判断相邻所述控件区域中层叠设置的所述非图标显示区域的叠层判断单元，根据需要选择对非图标显示区域以图标显示区域为中心分层环绕设置，并分别为其设置不同的指令。

进一步的,所述编程模块还包括，用于计算几何中心坐标及控制、判断触控操作的坐标处理单元。根据显示模块复数采集的触控坐标计算其几何中心坐标；根据控件区域的坐标范围计算其控件区域的几何中心坐标，并根据上述几何中心坐标做出相应判断。

具体的，如附图3-6所示，图3是本发明广泛应用的一个范例，控件区域由内到外分别设置为201、203、202。201为图标显示区域；203为201外围第一层非图标显示区域；202为201外围第二层非图标显示区域；200为图标显示区域被触控时的状态，即图标显示区域接收到触控操作后显示的状态；204为整个控件区域；205为现有技术中小图标勾选区域。

当用户点击控件区域中图标显示区域，图标显示区域由201替换显示200，提示系统开始响应。若因显示模块的屏幕或图标过小而使用户点击在图标显示区域的坐标外围，如非图标显示区域202或203时，图标显示区域也响应为200状态。不需要以提高硬件设置或加大图标显示区域为代价，达到了提高小触摸屏设备触控准确率的问题，减少了因触控区域本身太小导致误操作的可能。控制模块可以根据显示模块中图标显示区域周边可利用区域以及邻近图标显示区域的间隔适度设置非图标显示区域的宽度及层次。

现有技术中如205所示需要勾选的区域比较小，在小触摸屏设备上难以准确触控导致系统无响应，本发明中，编程模块可对非图标显示区域进行分层设置后，对不同层次的非图标显示区域分别设置不同的指令，并将其中一层非图标显示区域的指令与205勾选指令等同设置，当该层非图标显示区域发生触控时等同205所示勾选的区域发生了触控，205小选项卡所对应的指令得以执行，勾内显示为选中状态。

如图7所示，图7中右下角标注xx的矩形为控件区域即按钮图标，中间黑色矩形区域为内容显示区域。作为本发明的应用的一种实施方式，为方便触控操作，控制模块将显示模块的屏幕中仅设置为一个控件区域，或者取消可见的图标显示区域，直接在演示区域或空白区域等其他可用于触控的屏幕区域上设置非图标显示区域，以方便用户浏览屏幕时进行操作。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则的内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围的内。

Claims (10)

1.一种触控界面的实现方法，其特征在于，包括以下顺序步骤：

在屏幕中建立坐标系的步骤；

根据所述坐标系将屏幕设置为大于等于一个的控件区域的步骤；

将所述控件区域设置为图标显示区域和/或非图标显示区域，所述非图标显示区域设置于所述图标显示区域四周的步骤；

为所述图标显示区域和所述非图标显示区域建立相应控件项目，并为所述控件项目设定相对应的指令的步骤；

所述图标显示区域和非图标显示区域的坐标范围内发生触控操作时分别执行相对应的指令的步骤。

2.根据权利要求1所述一种触控界面的实现方法，其特征在于，所述图标显示区域和非图标显示区域的坐标范围内发生触控操作时分别执行相对应的指令的步骤中，所述非图标显示区域对应的指令与所述图标显示区域对应的指令相同或不同。

3.根据权利要求2所述一种触控界面的实现方法，其特征在于，将所述控件区域设置为图标显示区域和非图标显示区域，所述非图标显示区域设置于所述图标显示区域四周的步骤后还包括：

设置相邻的所述控件区域中所述非图标显示区域彼此为重叠布局的步骤。

4.根据权利要求3所述一种触控界面的实现方法，其特征在于，所述设置相邻的所述控件区域中所述非图标显示区域为重叠布局的步骤后还包括:

同一所述控件区域中所述非图标显示区域设置为大于等于1个，所述非图标显示区域以所述图标显示区域为中心环绕分层设置的步骤。

5.根据权利要求4所述一种触控界面的实现方法，其特征在于，所述同一所述控件区域中所述非图标显示区域设置为大于等于1个，所述非图标显示区域以所述图标显示区域为中心环绕分层设置的步骤后还包括：

设置所述非图标显示区域最大宽度为相邻所述图标显示区域间最小间隔距离的步骤。

6.根据权利要求5所述一种触控界面的实现方法，其特征在于，所述图标显示区域和非图标显示区域的坐标范围内发生触控操作时分别执行相对应的指令的步骤具体包括以下顺序步骤：

在所述控件区域内发生触控操作时采集所述触控坐标的步骤；

根据所述触控坐标与邻近所述控件区域的几何中心坐标间最短距离确定发生触控操作的所述控件区域的步骤；

若所述非图标显示区域与所述图标显示区域所对应的指令相同则执行以下步骤：

执行与所述图标显示区域相对应的指令的步骤；

若所述非图标显示区域与所述图标显示区域所对应的指令不同则执行以下步骤：

根据所述触控坐标确定发生触控操作的具体区域，并执行相对应指令的步骤。

7.根据权利要求6所述一种触控界面的实现方法，其特征在于,根据所述触控坐标与邻近所述控件区域的几何中心坐标间最短距离确定发生触控操作的所述控件区域的步骤前还包括以下步骤：

若所述最短距离数目出现大于等于2个时，则提示重新进行触控操作的步骤。

8.一种触控界面装置，主要包括：用于提供显示区域、屏幕坐标、以及接受触控操作的显示模块；与所述显示模块连接，用于控制显示模块区域划分、图像输出、显示区域设置的控制模块；分别与所述控制模块、所述显示模块连接，用于存储并执行指令程序的编程模块；所述编程模块接收所述显示模块传入的所述触控坐标后根据其坐标启动相应的所述控件项目中设定的指令，对所述控制模块进行操作；其特征在于，

所述显示模块包括：用于显示图标、数据信息和接受触控操作的屏幕单元；与所述屏幕单元连接，用于为所述屏幕单元建立坐标系并采集所述触控坐标并输出的坐标单元；与所述坐标单元、所述控制模块、所述编程模块分别连接，用于为三者提供数据链路的通信单元；以及用于驱动屏幕单元显示图标、数据信息的驱动单元；

所述控制模块包括：用于根据所述坐标系为所述显示模块划分控件区域、图标显示区域、非图标显示区域的区域单元；与所述区域单元、所述编程模块、所述显示模块分别连接，用于为三者提供数据链路的通信单元；

所述编程模块包括：用于存储所述控件项目和所述指令存储单元；与存储单元连接，用于根据所述显示模块采集到的所述触控坐标和所述控制模块划分的控件区域、图标显示区域、非图标显示区域的坐标范围，执行存储在所述存储单元中相应所述指令的执行单元；与所述执行单元、所述控制模块、所述显示模块分别连接，用于为三者提供数据链路的通信单元。

9.根据权利要求8所述一种触控界面装置，其特征在于,所述控制模块还包括，用于设置和判断相邻所述控件区域中层叠设置的所述非图标显示区域的叠层判断单元。

10.根据权利要求9所述一种触控界面装置，其特征在于,所述编程模块还包括，用于计算几何中心坐标及控制、判断触控操作的坐标处理单元。

Images