CN103116454A - 一种移动终端触摸屏视图布局调整方法 - Google Patents

Abstract

本发明公开了一种移动终端触摸屏视图布局调整方法，所述移动终端触摸屏视图具有至少一个显示组件，每一个所述显示组件对应于一个矩形的触摸灵敏区域，包括下列步骤：切换所述移动终端进入视图布局可编辑状态；接收当用户尝试触摸一个所述显示组件所在触摸灵敏区域时所生成的手位置数据，并将该显示组件记录为调整目标组件；弹出新窗口视图，接收当用户尝试将调整目标组件拖动至另一位置时所生成手位置数据，将拖动最终释放时所在的触摸灵敏区域记录为目标位置；自动安排剩余的显示组件在触摸屏上的位置。本发明可以应用到不同大小的手机上，并适用于不同操作习惯的人群，并使得相同的手机功能能够得到不同个性的展示和使用。

Description

一种移动终端触摸屏视图布局调整方法

技术领域

本发明涉及移动终端触摸屏技术，尤其涉及一种移动终端触摸屏视图布局调整方法。

背景技术

目前在大部分使用的手机或其他移动终端，基本都是触屏式的，其视图界面布局都是固定不动的，这样用户不能根据自己的操作习惯或需要调整视图界面的布局，只能按照原有视图界面设计操作，去适用不同的手机的不同的界面布局和操作方式。

现有的手机屏的大小不一，但其操作界面布局都不会变化，比如同一个厂商的不同大小的手机，某一个操作按钮在其小屏的手机上的屏的中间位置，而同样的也在其大屏的手机上的中间位置。但是用户使用的时候大部分时间都是用手拿着，这样，距离手机边缘的位置越远的控件，其操作起来就越不方便。

另外，对于不同的用户群体，比如有的用户是习惯左手操作，有的用户是右手操作，这样，同一个手机，相同的视图布局方式对于这样不同的人群影响就会不一样。如果某个按钮在屏幕的左边，则可能对于左手操作的人来说比较方便，而对不右手操作的人来说就不方便了。

中国专利（CN102439656A）中涉及一种基于使用历史的GUI布局的定制方法，其根据可以使用一个或多个活动元素采取的一个或多个动作的概率来调整在显示器上示出的内容的布局。该专利并无可能解决前述现有技术中存在的所有问题。

发明内容

针对上述存在的问题，本发明的目的是提供一种移动终端触摸屏视图布局调整方法，主要用于移动终端，当用户对于使用功能界面的组件操作位置不习惯，或者希望对功能界面的视图布局做自定义调整的时候，可以让用户能够自主调整视图组件位置。

本发明的另一个目的是能够按照用户的意愿自定义视图布局，让用户能够将一些操作的控件移动到方便操作的位置，而照顾到大部分用户的使用操作习惯。

本发明的目的是通过下述技术方案实现的：

一种移动终端触摸屏视图布局调整方法，所述移动终端触摸屏视图具有至少一个显示组件，每一个所述显示组件对应于一个矩形的触摸灵敏区域，其中，所述视图布局调整方法包括下列步骤：

切换所述移动终端进入视图布局可编辑状态；

接收当用户尝试触摸一个所述显示组件所在触摸灵敏区域时所生成的手位置数据，并将该显示组件记录为调整目标组件；

弹出仅包含所述调整目标组件的新窗口视图，接收当用户尝试将所述调整目标组件拖动至另一位置时所生成的手位置数据，并将拖动最终释放时所在的触摸灵敏区域记录为目标位置；

若所述目标位置属于可显示范围，将所述调整目标组件调整至所述目标位置显示；

若所述目标位置超出可显示范围，提示用户出错；

自动安排剩余的显示组件在所述触摸屏上的位置。

根据上述视图布局调整方法，其中，在自动安排剩余的显示组件在所述触摸屏上的位置过程中：

根据剩余的显示组件的大小及数量将剩余的所述触摸屏视图划分为同样大小和数量的几个区域；

根据剩余的显示组件的高度和宽度计算出该显示组件的大小，将该显示组件的大小分别与剩余的几个区域匹配，若匹配上则放入该区域内；

依次类推，直到所有的显示组件存放完成。

根据上述视图布局调整方法，其中，所述显示组件的大小与区域匹配是指所述显示组件的高度等于或小于所述区域的高度并且所述显示组件的宽度等于或小于所述区域的宽度。

根据上述视图布局调整方法，其中，每一个所述显示组件所对应的触摸灵敏区域之间无缝衔接。

根据上述视图布局调整方法，其中，在所述弹出的新窗口视图上，当用户尝试触摸任一位置时，所述新窗口视图消失。

根据上述视图布局调整方法，其中，若所述目标位置属于可显示范围，将所述调整目标组件调整至所述目标位置显示后，所述新窗口消失；若所述目标位置超出可显示范围，提示用户出错后，所述新窗口消失。

根据上述视图布局调整方法，其中，所述可显示范围是指所述调整目标组件的所有点全部落在所述触摸屏视图内，并且所述调整目标组件在调整至所述目标位置后不影响剩余所有的显示组件的显示。

根据上述视图布局调整方法，其中，所述触摸灵敏区域下方布置有一个或多个传感器。

与已有技术相比，本发明的有益效果在于：

可以在不增加用户的投入下，在移动终端进入到某种编辑视图布局的状态下，选择需要移动的某一个视图上的某一组件和所要到达的目标位置；系统会根据整个视图的各个组件的大小、位置、形状等相关属性调整各个视图组件位置，达到用户想要的布局效果；可以应用到不同的大小的手机上，并适用于不同的操作习惯的人群，让不同用户的操作习惯得到延续和保持，并使得相同的手机功能能够得到不同个性的展示和使用。

附图说明

图1是本发明移动终端触摸屏视图布局调整方法的流程示意框图；

图2是依据本发明移动终端触摸屏视图布局调整方法具体实施例的触摸屏布局变化前的初始视图；

图3是依据本发明移动终端触摸屏视图布局调整方法具体实施例的具有调整目标组件的弹出新窗口示意图；

图4是依据本发明移动终端触摸屏视图布局调整方法具体实施例的触摸屏布局变化后的最终视图。

具体实施方式

下面结合原理图和具体操作实施例对本发明作进一步说明。

本发明移动终端触摸屏视图布局调整方法中，移动终端触摸屏视图具有至少一个显示组件，目前普遍使用的移动终端的视图基本都具有多个显示组件，而每一个显示组件对应于一个矩形的触摸灵敏区域，每个触摸灵敏区域下方布置有一个或多个传感器，比如电容传感器等，其他适合的传感器类型和运动检测设备也可以使用。

请参考图1所示，本发明移动终端触摸屏视图布局调整方法在实施之前，需要用户自发地切换移动终端进入视图布局可编辑状态，此项功能为预先设定在移动终端内的可选功能，支持终端各种嵌入式操作平台实现。

用户移动终端的中枢系统（比如控制器）接收当用户尝试触摸一个显示组件所在触摸灵敏区域时所生成的手位置数据，手位置数据可以是坐标形式，参看图2所示，本实施例中用户尝试触摸显示组件A，移动终端内部控制器将显示组件A记录为调整目标组件。

在移动终端触摸屏窗口弹出仅包含调整目标组件的新窗口视图，参看图3所示，新窗口视图上仅仅包括显示组件A，即仅仅包括调整目标组件。移动终端内部控制器接收当用户尝试将调整目标组件拖动至另一位置时所生成的手位置数据，并将拖动最终释放时所在的触摸灵敏区域记录为目标位置，在本实施例中，目标位置即为图2中显示组件B的位置。在弹出的新窗口视图上，显示组件A的移动范围是有限的，对于视图内只有一个弹出框的情况下，该弹出框可以显示在视图的任意位置，因此该弹出框显示的坐标位置可以任意设定，前提是可以完整显示该组件，如图3，视图的高度为H，宽度为W，显示组件A高度为h，宽度为w，则显示组件A只能移动的位置的横坐标范围为（0，W-w），纵坐标范围为（0，H-h）。

此时，若目标位置属于可显示范围，将调整目标组件调整至目标位置显示；若目标位置超出可显示范围，将通过对话框的形式提示用户出错。在本实施例的优选实施例中，可显示范围是指调整目标组件的所有点全部落在触摸屏视图内，并且调整目标组件在调整至目标位置后不影响剩余所有的显示组件的显示。

本发明方法自动安排剩余的显示组件在触摸屏上的位置，在此过程中：

根据剩余的显示组件的大小及数量将剩余的触摸屏视图划分为同样大小和数量的几个区域，即将图2中除去显示组件A以外的触摸屏视图的区域重新划分为几个区域。

根据剩余的显示组件的高度和宽度计算出该显示组件的大小，将该显示组件的大小分别与剩余的几个区域匹配，若匹配上则放入该区域内，即将图2中除去显示组件A以外的触摸屏视图的区域重新划分为两个适合于存放显示组件B和显示组件C的区域，然后将显示组件B分别与两个区域进行匹配，匹配上的就放入其中，依次类推，直到所有的显示组件存放完成。

在本发明实施例中，显示组件的大小与区域匹配是指显示组件的高度等于或小于区域的高度并且显示组件的宽度等于或小于区域的宽度。

在本发明具体实施例中，每一个显示组件所对应的触摸灵敏区域之间无缝衔接，以最大化触摸屏视图的空间利用率。

另外，在弹出的新窗口视图上，当用户尝试触摸任一位置时，新窗口视图消失。

若目标位置属于可显示范围，将所述调整目标组件调整至目标位置显示后，弹出的新窗口消失；若目标位置超出可显示范围，提示用户出错后，弹出的新窗口也会消失。

显示组件A在用户授意下移动完毕后的示意图如图4所示。

本发明方法在不增加用户的投入下，在移动终端进入到某种编辑视图布局的状态下，选择需要移动的某一个视图上的某一组件和所要到达的目标位置；系统会根据整个视图的各个组件的大小、位置、形状等相关属性调整各个视图组件位置，达到用户想要的布局效果；可以应用到不同的大小的手机上，并适用于不同的操作习惯的人群，让不同用户的操作习惯得到延续和保持，并使得相同的手机功能能够得到不同个性的展示和使用。

以上对本发明的具体实施例进行了详细描述，但本发明并不限制于以上描述的具体实施例，其只是作为范例。对于本领域技术人员而言，任何等同修改和替代也都在本发明的范畴之中。因此，在不脱离本发明的精神和范围下所作出的均等变换和修改，都应涵盖在本发明的范围内。

Claims (8)

1.一种移动终端触摸屏视图布局调整方法，所述移动终端触摸屏视图具有至少一个显示组件，每一个所述显示组件对应于一个矩形的触摸灵敏区域，其特征在于，所述视图布局调整方法包括下列步骤：

切换所述移动终端进入视图布局可编辑状态；

接收当用户尝试触摸一个所述显示组件所在触摸灵敏区域时所生成的手位置数据，并将该显示组件记录为调整目标组件；

弹出仅包含所述调整目标组件的新窗口视图，接收当用户尝试将所述调整目标组件拖动至另一位置时所生成的手位置数据，并将拖动最终释放时所在的触摸灵敏区域记录为目标位置；

若所述目标位置属于可显示范围，将所述调整目标组件调整至所述目标位置显示；

若所述目标位置超出可显示范围，提示用户出错；

自动安排剩余的显示组件在所述触摸屏上的位置。

2.如权利要求1所述视图布局调整方法，其特征在于，在自动安排剩余的显示组件在所述触摸屏上的位置过程中：

根据剩余的显示组件的大小及数量将剩余的所述触摸屏视图划分为同样大小和数量的几个区域；

根据剩余的显示组件的高度和宽度计算出该显示组件的大小，将该显示组件的大小分别与剩余的几个区域匹配，若匹配上则放入该区域内；

依次类推，直到所有的显示组件存放完成。

3.如权利要求2所述视图布局调整方法，其特征在于，所述显示组件的大小与区域匹配是指所述显示组件的高度等于或小于所述区域的高度并且所述显示组件的宽度等于或小于所述区域的宽度。

4.如权利要求2所述视图布局调整方法，其特征在于，每一个所述显示组件所对应的触摸灵敏区域之间无缝衔接。

5.如权利要求1所述视图布局调整方法，其特征在于，在所述弹出的新窗口视图上，当用户尝试触摸任一位置时，所述新窗口视图消失。

6.如权利要求1所述视图布局调整方法，其特征在于，若所述目标位置属于可显示范围，将所述调整目标组件调整至所述目标位置显示后，所述新窗口消失；若所述目标位置超出可显示范围，提示用户出错后，所述新窗口消失。

7.如权利要求1所述视图布局调整方法，其特征在于，所述可显示范围是指所述调整目标组件的所有点全部落在所述触摸屏视图内，并且所述调整目标组件在调整至所述目标位置后不影响剩余所有的显示组件的显示。

8.如权利要求1至7中任意一项所述视图布局调整方法，其特征在于，所述触摸灵敏区域下方布置有一个或多个传感器。

Images