CN103135891A - 一种用户界面处理的方法及装置 - Google Patents
一种用户界面处理的方法及装置 Download PDFInfo
- Publication number
- CN103135891A CN103135891A CN2013100485671A CN201310048567A CN103135891A CN 103135891 A CN103135891 A CN 103135891A CN 2013100485671 A CN2013100485671 A CN 2013100485671A CN 201310048567 A CN201310048567 A CN 201310048567A CN 103135891 A CN103135891 A CN 103135891A
- Authority
- CN
- China
- Prior art keywords
- magnetic
- size
- pastes
- target location
- subsides
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种用户界面处理的方法，能够提高用户界面处理效率、节省系统资源并减少硬件损耗。所述方法包括：接收用户针对预设的模板所输入的选择指令；分析用户输入的选择指令，依据所选模板确定磁贴的位置及尺寸；将磁贴按照确定的位置及尺寸输出到用户界面。本发明还公开了用于实现所述方法的装置。
Description
技术领域
本发明涉及计算机技术领域，尤其涉及一种用户界面处理的方法及装置。
背景技术
用户界面（UserInterface，UI）是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。用户界面的目的在于使得用户能够方便有效率地去操作硬件以达成双向之交互。
随着技术的高速发展，几乎所有配备显示屏的电子终端设备（如手机、平板电脑等）都会涉及用户界面处理。尤其是配备大尺寸显示屏、触摸屏的电子终端设备，用户界面的处理功能便显得更为重要。
在某公司新一代操作系统中，磁贴作为用户界面的重要组成部分被广泛运用于各类电子终端设备，以其简易便捷、自由度高的特性而风靡全球。
本申请的发明人发现，目前，需要针对用户选择指令不断对每个磁贴进行位置及尺寸的调整，这不仅浪费了系统资源，而且往往导致其他功能的限制，整机性能变差。同时也加快硬件的损耗，如频繁读写对闪存寿命的损耗。
发明内容
本发明实施例提供一种用户界面处理的方法及装置，能够提高用户界面处理效率、节省系统资源并减少硬件损耗。
本发明实施例提供一种用户界面处理的方法，包括以下步骤：接收用户针对预设的模板所输入的选择指令，所述预设的模板的结构包括：正方形单元，或通过对正方形单元的横向和/或纵向裁切后得到的所有可能的结构，其中裁切的起点和终点为正方形单元中一对平行边的中点；分析用户输入的选择指令，依据所选模板确定磁贴的位置及尺寸；将磁贴按照确定的位置及尺寸输出到用户界面。本实施例提供八种模板，用户可以根据模板对用户界面进行随意组合，使得用户界面处理操作更加简便。
优选的，预设的模板包括：所述正方形单元大小的磁贴，或者包括二分之一正方形单元大小的磁贴和/或四分之一正方形单元大小的磁贴。通过对磁贴尺寸的规定，简化操作步骤，使磁贴在模板中的存在形式一目了然。
优选的，按照预设的磁贴间间隔和磁贴颜色，将磁贴以确定的位置及尺寸输出到用户界面。这样可以使每个磁贴更加醒目，便于和其他磁贴相区分，防止误操作。
优选的，对于初次编辑好的磁贴界面，用户可以为每个磁贴填充封面图片。这样可以令每个磁贴更加美观，视觉效果提高，同时可以强调和提示该磁贴的内容，任意地为磁贴链接资源，方便查找与使用。
优选的，为每个磁贴填充封面图片时，若需要填充的封面图片多于一张，则将多张封面图片以幻灯片或动画形式组合，并填充磁贴。这样增强了封面图片对磁贴的提示效果，多张封面图片的组合，使用户界面的显示效果更多样化。
优选的，选择指令包括：拖动选择指令，依据拖动指令和所选模板确定磁贴的位置，以及依据所选模板确定磁贴的尺寸。这样使操作更加灵活。
优选的，选择指令包括：点击选择指令，依据点击指令、预设的排序规则和所选模板确定磁贴的位置，以及依据所选模板确定磁贴的尺寸。依据预设的排序规则可令操作更加简便。
本发明实施例提供一种用户界面处理的方法，包括以下步骤：接收移动磁贴指令，确定磁贴移动前的当前位置及移动后的目标位置；判断主动移出磁贴与目标位置的尺寸和形状关系；根据判断得出的尺寸和形状关系对主动移出磁贴进行处理。本实施例中对于主动移出磁贴的处理方法进行了规定，便于进行计算，节省了系统资源。
优选的，确定磁贴移动前的当前位置及移动后的目标位置之后，判断目标位置是否有磁贴；若目标位置有磁贴，判断目标位置的被动移出磁贴与当前位置的尺寸和形状关系；根据判断得出的尺寸和形状关系对被动移出磁贴进行处理。通过对目标位置是否有磁贴的判断，可以得到被动移出磁贴的处理方式，便于进行计算，有效提高运行效率，使整个过程更为直观。
优选的，根据判断得出的尺寸和形状关系对主动移出磁贴进行处理的方式为，若主动移出磁贴尺寸大于目标位置尺寸，将主动移出磁贴缩小为目标位置尺寸；若主动移出磁贴尺寸小于目标位置尺寸，对主动移出磁贴进行有限变形处理；若主动移出磁贴尺寸等于目标位置尺寸且形状相同，则将主动移出磁贴移动到目标位置；若主动移出磁贴尺寸等于目标位置尺寸而形状不同，则对主动移出磁贴进行有限变形处理。所有对主动移出磁贴的处理方式均已考虑到，同样的，被动移出磁贴的处理方式与主动移出磁贴相同。这样，降低了运算复杂程度，节省了系统资源。
优选的，有限变形处理的步骤包括：若在目标位置所在正方形单元中除目标位置外无其他磁贴，则确定主动移出磁贴在正方形单元中所有可能的尺寸和形状；若在目标位置所在正方形单元中除目标位置外存在磁贴，则在该存在磁贴固定的情况下，确定主动移出磁贴在正方形单元中所有可能的尺寸和形状；从所有可能的尺寸和形状中选择一种尺寸和形状，并依据选择的尺寸和形状对主动移出磁贴进行变形处理。这样可以方便进行计算，降低了计算的复杂程度，不仅节省了系统资源，更减少了硬件损耗。
优选的，从所有可能的尺寸和形状中选择一种尺寸和形状的步骤包括：针对有限变形选择指令进行处理；或者，按照预设的尺寸和形状优先级进行处理。这样可丰富有限变形结果的选择方式，有利于多样化操作。
本发明实施例提供一种用户界面处理的装置，包括：
接收模块，用于接收用户针对预设的模板所输入的选择指令，所述预设的模板包括：正方形单元，或通过对正方形单元的横向和/或纵向裁切后得到的所有可能的结构，其中裁切的起点和终点为正方形单元中一对平行边的中点；
分析模块，用于分析用户输入的选择指令，依据所选模板确定磁贴的位置及尺寸；
输出模块，用于将磁贴按照确定的位置及尺寸输出到用户界面。
输出模块按照磁贴间预设的间隔和颜色，将磁贴以确定的位置及尺寸输出到用户界面。
输出模块将磁贴按照确定的位置及尺寸输出到用户界面之后，为每个磁贴填充封面图片。
若需要填充的封面图片多于一张，输出模块将多张封面图片以幻灯片或动画形式组合，并填充磁贴。
选择指令包括：拖动选择指令；
分析模块依据拖动指令和所选模板确定磁贴的位置，以及依据所选模板确定磁贴的尺寸。
选择指令包括：点击选择指令；
分析模块依据点击指令、预设的排序规则和所选模板确定磁贴的位置，以及依据所选模板确定磁贴的尺寸。
本发明实施例提供一种用户界面处理的装置，包括：
接收模块，用于接收移动磁贴指令，确定磁贴移动前的当前位置及移动后的目标位置，所述磁贴是通过对正方形单元的横向和/或纵向裁切后得到的，其中裁切的起点和终点为正方形单元中一对平行边的中点；
判断模块，用于判断主动移出磁贴与目标位置的尺寸和形状关系；
处理模块，用于根据判断得出的尺寸和形状关系对主动移出磁贴进行处理。
判断模块用于：在接收模块确定磁贴移动前的当前位置及移动后的目标位置之后，对目标位置是否有磁贴进行判断，若目标位置有磁贴，继续判断目标位置的被动移出磁贴与当前位置的尺寸和形状关系；
处理模块根据判断得出的尺寸和形状关系对被动移出磁贴进行处理。
判断模块对主动移出磁贴与目标位置的尺寸和形状关系进行判断，若主动移出磁贴尺寸大于目标位置尺寸，处理模块将主动移出磁贴缩小为目标位置尺寸；若主动移出磁贴尺寸小于目标位置尺寸，处理模块对主动移出磁贴进行有限变形处理；若主动移出磁贴尺寸等于目标位置尺寸且形状相同，则将主动移出磁贴移动到目标位置；若主动移出磁贴尺寸等于目标位置尺寸而形状不同，则对主动移出磁贴进行有限变形处理。
处理模块对磁贴进行有限变形处理需要判断在目标位置所在正方形单元中除目标位置外有无其他磁贴，若在目标位置所在正方形单元中除目标位置外无其他磁贴，则确定主动移出磁贴在正方形单元中所有可能的尺寸和形状；若在目标位置所在正方形单元中除目标位置外存在磁贴，则在该存在磁贴固定的情况下，确定主动移出磁贴在正方形单元中所有可能的尺寸和形状；从所有可能的尺寸和形状中选择一种尺寸和形状，并依据选择的尺寸和形状对主动移出磁贴进行变形处理。
处理模块从所有可能的尺寸和形状中选择一种尺寸和形状的步骤包括：处理模块针对有限变形选择指令在所有可能的尺寸和形状中选择一种；
或者，处理模块按照预设的尺寸和形状优先级进行选择。
本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。
附图说明
附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：
图1为本实施例中用户界面初次编辑方法的主要流程图；
图2为本发明实施例中的八种模板示意图；
图3为本发明实施例中的九种磁贴位置示意图；
图4A为本发明实施例中的初次编辑效果图；
图4B为本发明实施例中的点击选择方式示意图；
图5A为本发明实施例中用户界面再编辑方法的主要流程图；
图5B为本发明实施例中用户界面再编辑方法的详细流程图；
图6A为本发明实施例中A磁贴有限变形的第一示意图；
图6B为本发明实施例中A磁贴有限变形的第二示意图；
图6C为本发明实施例中A磁贴有限变形的第三示意图；
图7为本实施例中用户界面初次编辑装置的结构图；
图8为本实施例中用户界面再编辑装置的结构图。
具体实施方式
以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。
目前，用户界面处理方法效率较低，需要针对用户输入的选择指令不断对每个磁贴进行位置及尺寸的调整。为解决该问题，在本实施例中，为用户预设八种模板，接收到用户输入的选择指令后，将位置及尺寸已确定的磁贴输出到用户界面。该初次编辑方法不仅提高了用户界面处理效率，节省了系统资源，更加减少了硬件损耗。
参见图1，本实施例中用户界面初次编辑方法的主要流程如下：
步骤101：接收用户针对预设的模板所输入的选择指令。
所述预设的模板的结构包括：正方形单元，或通过对正方形单元的横向和/或纵向裁切后得到的所有可能的结构，其中裁切的起点和终点为正方形单元中一对平行边的中点。
通过对一个正方形单元不同方式的切分，可以得到八种模板和九种磁贴位置。
八种模板如图2所示，设定一个模板的枚举，列举出所有的类型，一个枚举的实例如下：
｛Fill(单一全覆盖),TopOneBottomOne(上和下),LeftOneRightOne(左和右),TopTwoBottomOne(左上、右上和下),TopOneBottomTwo(上、左下和右下),LeftTwoRightOne(左上、左下和右),LeftOneRightTwo(左、右上和右下),TopTwoBottomTwo(左上、左下、右上和右下)｝
也就是说，系统为用户预设的八种模板包括：不对正方形单元裁切，则一个磁贴覆盖整个正方形单元，即为单一全覆盖；或者，对正方形单元进行横向裁切，将正方形单元平均分为上下两个部分，即分别为上和下；或者，对正方形单元进行纵向裁切，将正方形单元平均分为左右两个部分，即分别为左和右；或者，将正方形单元平均分为上下两个部分的同时，将上面部分平均分为左上和右上，即分别为左上、右上和下；或者，将正方形单元平均分为上下两个部分的同时，将下面部分平均分为左下和右下，即分别为上、左下和右下；或者，将正方形单元平均分为左右两个部分的同时，将左面部分平均分为左上和左下，即分别为左上、左下和右；或者，将正方形单元平均分为左右两个部分的同时，将右面部分平均分为右上和右下，即分别为左、右上和右下；或者，通过横向和纵向的同时裁切，将正方形单元平均分为左上、左下、右上和右下四个部分，即分别为左上、左下、右上和右下。
九种磁贴位置如图3所示，设定一个枚举，列举出所有磁贴可能位置，一个枚举的实例如下：
｛AllStretchFill(单一全覆盖磁贴),Left(左磁贴),Right(右磁贴),Top(上磁贴),Bottom(下磁贴),LeftTop(左上磁贴),LeftBottom(左下磁贴),RightTop(右上磁贴),RightBottom(右下磁贴)｝
在八种预设模板中，一个磁贴存在九种不同的磁贴位置，分别包括单一全覆盖磁贴，即一个磁贴覆盖整个正方形单元；左磁贴，即覆盖正方形单元左半部分；右磁贴，即覆盖正方形单元右半部分；上磁贴，即覆盖正方形单元上半部分；下磁贴，即覆盖正方形单元下半部分；左上磁贴，即覆盖正方形单元左上部分；左下磁贴，即覆盖正方形单元左下部分；右上磁贴，即覆盖正方形单元右上部分；右下磁贴，即覆盖正方形单元右下部分。
步骤102：分析用户输入的选择指令，依据所选模板确定磁贴的位置及尺寸。
步骤103：将磁贴按照确定的位置及尺寸输出到用户界面。将磁贴输出到用户界面，并为磁贴之间赋予适当的间隙，每个磁贴自动附上一种颜色，用于和其他磁贴相区分。以此类推，便可以初次编辑出一个纯色无资源用户界面，初次编辑效果参见图4A所示。
较优的，提供两种模板选择的方式，分别包括拖动选择和点击选择，相应的选择指令包括通过拖动模板而输入的拖动选择指令，和通过点击模板而输入的点击选择指令。也就是说，用户可以采用拖动选择或点击选择的方式对八种模板进行选择。
在拖动选择方式下，接收到用户对模板的拖动选择指令后，依据拖动指令和所选模板确定磁贴的位置，以及依据所选模板确定磁贴的尺寸。
在点击选择方式下，接收到用户对模板的点击选择指令后，依据点击指令、预设的排序规则和所选模板确定磁贴的位置，以及依据所选模板确定磁贴的尺寸。如图4A和图4B所示，按照预设的排列顺序，M为用户界面当前第一个空白无磁贴正方形单元，用户点击输入一个LeftOneRightOne(左和右)模板选择指令，在M位置输出一个Left(左磁贴)和一个Right(右磁贴)。
可重复步骤101-步骤103，接收用户多次选择的磁贴模板，并将相应的磁贴输出到用户界面，以实现对用户界面的编辑。
较优的，对于初次编辑好的磁贴界面，用户可以给每个磁贴填充封面图片，若需要填充的图片多于一张，则将需要填充的多张图片以幻灯片或动画形式组合，并作为封面图片填充，以强调和提示该磁贴的内容。也可以制作一个图片裁切工具，利用该工具对任一图片进行类似头像裁切操作，以此获得相应尺寸的图片填充磁贴。对该磁贴链接一系列内容，使打开该磁贴可以呈现这些内容。这样，用户可以快速地通过对所有磁贴的浏览找到自己感兴趣的内容，打开进行观看。
通过初次编辑，可以快速构造用户界面，大大提高了用户界面处理效率，节省了系统资源。若要对初次编辑完成后所构建的用户界面进行改动，此时提供再编辑方法。
参见图5A，本实施例中用户界面再编辑方法的主要流程如下：
步骤511：接收移动磁贴指令，确定移动磁贴指令指示的主动移出磁贴在移动前的当前位置及移动后的目标位置。所述磁贴是通过对正方形单元的横向和/或纵向裁切后得到的，其中裁切的起点和终点为正方形单元中一对平行边的中点。
步骤512：判断主动移出磁贴与目标位置的尺寸和形状关系。
步骤513：根据判断得出的尺寸和形状关系对主动移出磁贴进行处理。
下面对本实施例的详细流程进行介绍。
参见图5B，本实施例中用户界面再编辑方法的详细流程如下：
步骤501：接收移动磁贴指令，确定移动磁贴指令指示的主动移出磁贴在移动前的当前位置及移动后的目标位置。所述磁贴是通过对正方形单元的横向和/或纵向裁切后得到的，其中裁切的起点和终点为正方形单元中一对平行边的中点。
对于已经编辑好封面图片和内容的磁贴，如果用户对其位置和形状不满意，可进行再编辑。为了再编辑操作更加方便快捷，任意一个磁贴可以通过与其它磁贴交换位置或直接移动到空白无磁贴位置的方式再编辑。由于用户界面是严格根据预设八种模板而输出，初次编辑完成时，每个正方形单元中尚不会存在空白无磁贴位置。但是，再编辑过程后有可能会产生空白无磁贴位置，因为在磁贴发生有限变形的情况下，磁贴有很大几率未能覆盖满整个正方形单元，那么此时其他磁贴同样可以移入空白无磁贴位置。
步骤502：判断目标位置是否有磁贴，若目标位置无磁贴，则继续步骤503，否则继续步骤504。
接收的磁贴移动指令中，从当前位置移出的磁贴称为主动移出磁贴；同样的，接收的磁贴移动指令中，从目标位置移出的磁贴称为被动移出磁贴。当然，在磁贴通过直接移动到空白无磁贴位置的方式进行移动的情况下，只存在主动移出磁贴，不存在被动移出磁贴。
当接收移动磁贴指令后，需要对目标位置是否有磁贴进行判断。若目标位置无磁贴，则继续步骤503；若目标位置有磁贴，则继续步骤504。
步骤503：判断主动移出磁贴与目标位置的尺寸和形状关系。
磁贴位置的移动有可能改变磁贴尺寸，并可能发生有限变形。有限变形指的是在一个正方形单元中，某一个磁贴可以在正方形单元内部其他磁贴位置不变的情况下，有多种变化可能。参见图6A、图6B以及图6C，A磁贴与B磁贴交换位置后，保持A磁贴所在正方形单元中的C磁贴和D磁贴不变，A磁贴在剩余区域中的可能变化。
若主动移出磁贴尺寸大于目标位置尺寸，继续步骤505，若主动移出磁贴尺寸小于目标位置尺寸，继续步骤506，若主动移出磁贴尺寸等于目标位置尺寸且形状相同，继续步骤507，若主动移出磁贴尺寸等于目标位置尺寸而形状不同，继续步骤508。
步骤504：判断目标位置的被动移出磁贴与当前位置的尺寸和形状关系。
根据判断得出的尺寸和形状关系对被动移出磁贴进行处理，处理过程与主动移出磁贴相同，即步骤509。
步骤505：将主动移出磁贴缩小为目标位置尺寸。此时，主动移出磁贴不发生有限变形。
步骤506：对主动移出磁贴进行有限变形处理。此时，主动移出磁贴尺寸产生多种变化可能。此情况同样参见图6A、图6B以及图6C，A磁贴为主动移出磁贴，B磁贴为被动移出磁贴，由于A磁贴的尺寸小于B磁贴的尺寸，所以A磁贴需要有限变形，此时提供图示三种A磁贴有限变形的所有可能情况，以便用户输入选择指令。
步骤507：将主动移出磁贴移动到目标位置。
步骤508：对主动移出磁贴进行有限变形处理。
步骤509：根据判断得出的尺寸和形状关系对被动移出磁贴进行处理。
较优的，在磁贴位置移动的同时，磁贴上所附封面图片随之移动。
通过判断，为每一个需要有限变形的磁贴计算它的有限变形的所有可能，并提供给用户选择。为了计算磁贴有限变形的所有可能，提供一个计算方法，下面分析该计算方法：
若在目标位置所在正方形单元中除目标位置外无其他磁贴，则确定主动移出磁贴在正方形单元中所有可能的尺寸和形状；若在目标位置所在正方形单元中除目标位置外存在磁贴，则在该存在磁贴固定的情况下，确定主动移出磁贴在正方形单元中所有可能的尺寸和形状；
采用可能位置取交集的方法就可以计算出任意一个磁贴当前允许的所有有限变形可能，从所有可能的尺寸和形状中选择一种尺寸和形状，并依据选择的尺寸和形状对主动移出磁贴进行变形处理。与此同时，有限变形发生后是否产生空白无磁贴位置也可一目了然。
结合以上规律，如果当前正方形单元中有多个磁贴，其中某个磁贴假设为X，将除X磁贴外所有其他磁贴的新磁贴可能位置取交集，则得到当前正方形单元中X磁贴的所有变化的可能性。
分别列出九种磁贴存在形式下的所有新加入磁贴可能位置。以下分别表示的是当前已经存在的磁贴位置以及新加入磁贴的所有可能位置。
AllStretchFill(单一全覆盖磁贴):
{AllStretchFill(单一全覆盖磁贴),Bottom(下磁贴),Left(左磁贴),LeftBottom(左下磁贴),LeftTop(左上磁贴),Right(右磁贴),RightBottom(右下磁贴),RightTop(右上磁贴),Top(上磁贴)}
在单一全覆盖磁贴存在的情况下，新磁贴可能位置分别包括：单一全覆盖磁贴、下磁贴、左磁贴、左下磁贴、左上磁贴、右磁贴、右下磁贴、右上磁贴以及上磁贴，即在正方形单元中的九种磁贴位置均有可能；
LeftTop(左上磁贴):
{LeftBottom(左下磁贴),RightTop(右上磁贴),RightBottom(右下磁贴),Bottom(下磁贴),Right(右磁贴)}
在左上磁贴存在的情况下，新磁贴可能位置分别包括：左下磁贴、右上磁贴、右下磁贴、下磁贴、右磁贴；
LeftBottom(左下磁贴):
{LeftTop(左上磁贴),RightTop(右上磁贴),RightBottom(右下磁贴),Top(上磁贴),Right(右磁贴)}
在左下磁贴存在的情况下，新磁贴可能位置分别包括：左上磁贴、右上磁贴、右下磁贴、上磁贴、右磁贴；
RightTop(右上磁贴):
{LeftTop(左上磁贴),LeftBottom(左下磁贴),RightBottom(右下磁贴),Left(左磁贴),Bottom(下磁贴)}
在右上磁贴存在的情况下，新磁贴可能位置分别包括：左上磁贴、左下磁贴、右下磁贴、左磁贴、下磁贴；
RightBottom(右下磁贴):
{LeftTop(左上磁贴),LeftBottom(左下磁贴),RightTop(右上磁贴),Top(上磁贴),Lett(左磁贴)}
在右下磁贴存在的情况下，新磁贴可能位置分别包括：左上磁贴、左下磁贴、右上磁贴、上磁贴、左磁贴；
Left(左磁贴):
{RightTop(右上磁贴),RightBottom(右下磁贴),Right(右磁贴)}
在左磁贴存在的情况下，新磁贴可能位置分别包括：右上磁贴、右下磁贴、右磁贴；
Right(右磁贴):
{LeftTop(左上磁贴),LeftBottom(左下磁贴),Left(左磁贴)}
在右磁贴存在的情况下，新磁贴可能位置分别包括：左上磁贴、左下磁贴、左磁贴；
Top(上磁贴):
{LeftBottom(左下磁贴),RightBottom(右下磁贴),Bottom(下磁贴)}
在上磁贴存在的情况下，新磁贴可能位置分别包括：左下磁贴、右下磁贴、下磁贴；
Bottom(下磁贴):
{LeftTop(左上磁贴),RightTop(右上磁贴),Top(上磁贴)}
在下磁贴存在的情况下，新磁贴可能位置分别包括：左上磁贴、右上磁贴、上磁贴。
如图6A、图6B及图6C所示，计算A磁贴的所有可能位置：
C磁贴的位置属于“LeftTop(左上磁贴)”，D磁贴的位置属于“RightTop(右上磁贴)”，依据上述列举，他们对应的新磁贴可能位置分别包括：
ListC(C磁贴存在情况下的新磁贴可能位置)
={LeftBottom(左下磁贴),RightTop(右上磁贴),RightBottom(右下磁贴),Bottom(下磁贴),Right(右磁贴)}；
ListD(D磁贴存在情况下的新磁贴可能位置)
={LeftTop(左上磁贴),LeftBottom(左下磁贴),RightBottom(右下磁贴),Left(左磁贴),Bottom(下磁贴)}；
ListA(C磁贴与D磁贴同时存在情况下A磁贴的所有有限变形可能)
=ListC∩ListD(C磁贴与D磁贴同时存在情况下新磁贴可能位置的交集)
={Bottom(下磁贴),LeftBottom(左下磁贴),RightBottom(右下磁贴)}。
运用上述计算方法得出的新磁贴可能位置，即为在一个正方形单元中，某一磁贴可以在正方形单元内部其他磁贴位置不变，而且在保证布局正常的情况下的多种有限变形可能。本计算方法同样适用于将新磁贴添加到空白无磁贴位置的所有可能位置计算。
通过以上介绍了解了用户界面处理的实现过程，该过程可由装置实现，下面对该装置的内部结构和功能进行介绍。
参见图7，本实施例中用户界面处理的装置包括：接收模块701、分析模块702和输出模块703。
接收模块701，用于接收用户针对预设的模板所输入的选择指令，所述预设的模板包括：正方形单元，或通过对正方形单元的横向和/或纵向裁切后得到的所有可能的结构，其中裁切的起点和终点为正方形单元中一对平行边的中点；
分析模块702，用于分析用户输入的选择指令，依据所选模板确定磁贴的位置及尺寸；
输出模块703，用于将磁贴按照确定的位置及尺寸输出到用户界面。
输出模块703按照磁贴间预设的间隔和颜色，将磁贴以确定的位置及尺寸输出到用户界面。
输出模块703将磁贴按照确定的位置及尺寸输出到用户界面之后，为每个磁贴填充封面图片。
若需要填充的封面图片多于一张，输出模块703将多张封面图片以幻灯片或动画形式组合，并填充磁贴。
选择指令包括：拖动选择指令；
分析模块702依据拖动指令和所选模板确定磁贴的位置，以及依据所选模板确定磁贴的尺寸。
选择指令包括：点击选择指令；
分析模块702依据点击指令、预设的排序规则和所选模板确定磁贴的位置，以及依据所选模板确定磁贴的尺寸。
参见图8，本实施例中用户界面处理的装置包括：接收模块801、判断模块802和处理模块803。
接收模块801，用于接收移动磁贴指令，确定磁贴移动前的当前位置及移动后的目标位置，所述磁贴是通过对正方形单元的横向和/或纵向裁切后得到的，其中裁切的起点和终点为正方形单元中一对平行边的中点；
判断模块802，用于判断主动移出磁贴与目标位置的尺寸和形状关系；
处理模块803，用于根据判断得出的尺寸和形状关系对主动移出磁贴进行处理。
判断模块802用于：在接收模块确定磁贴移动前的当前位置及移动后的目标位置之后，对目标位置是否有磁贴进行判断，若目标位置有磁贴，继续判断目标位置的被动移出磁贴与当前位置的尺寸和形状关系；
处理模块803根据判断得出的尺寸和形状关系对被动移出磁贴进行处理。
判断模块802对主动移出磁贴与目标位置的尺寸和形状关系进行判断，若主动移出磁贴尺寸大于目标位置尺寸，处理模块803将主动移出磁贴缩小为目标位置尺寸；若主动移出磁贴尺寸小于目标位置尺寸，处理模块对主动移出磁贴进行有限变形处理；若主动移出磁贴尺寸等于目标位置尺寸且形状相同，则将主动移出磁贴移动到目标位置；若主动移出磁贴尺寸等于目标位置尺寸而形状不同，则对主动移出磁贴进行有限变形处理。
处理模块803对磁贴进行有限变形处理需要判断在目标位置所在正方形单元中除目标位置外有无其他磁贴，若在目标位置所在正方形单元中除目标位置外无其他磁贴，则确定主动移出磁贴在正方形单元中所有可能的尺寸和形状；若在目标位置所在正方形单元中除目标位置外存在磁贴，则在该存在磁贴固定的情况下，确定主动移出磁贴在正方形单元中所有可能的尺寸和形状；从所有可能的尺寸和形状中选择一种尺寸和形状，并依据选择的尺寸和形状对主动移出磁贴进行变形处理。
处理模块803从所有可能的尺寸和形状中选择一种尺寸和形状的步骤包括：处理模块803针对有限变形选择指令在所有可能的尺寸和形状中选择一种；或者，处理模块803按照预设的尺寸和形状优先级进行选择。
本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质（包括但不限于磁盘存储器和光学存储器等）上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备（系统）、和计算机程序产品的流程图和／或方框图来描述的。应理解可由计算机程序指令实现流程图和／或方框图中的每一流程和／或方框、以及流程图和／或方框图中的流程和／或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能的步骤。
显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。
Claims (24)
1.一种用户界面处理的方法，其特征在于，包括以下步骤：
接收用户针对预设的模板所输入的选择指令，所述预设的模板的结构包括：正方形单元，或通过对正方形单元的横向和/或纵向裁切后得到的所有可能的结构，其中裁切的起点和终点为正方形单元中一对平行边的中点；
分析用户输入的选择指令，依据所选模板确定磁贴的位置及尺寸；
将磁贴按照确定的位置及尺寸输出到用户界面。
2.如权利要求1所述的方法，其特征在于，预设的模板包括：所述正方形单元大小的磁贴，或者包括二分之一正方形单元大小的磁贴和/或四分之一正方形单元大小的磁贴。
3.如权利要求1所述的方法，其特征在于，将磁贴按照确定的位置及尺寸输出到用户界面的步骤包括：按照预设的磁贴间间隔和磁贴颜色，将磁贴以确定的位置及尺寸输出到用户界面。
4.如权利要求1所述的方法，其特征在于，将磁贴按照确定的位置及尺寸输出到用户界面之后，还包括步骤：为每个磁贴填充封面图片。
5.如权利要求4所述的方法，其特征在于，为每个磁贴填充封面图片的步骤包括：若需要填充的封面图片多于一张，则将多张封面图片以幻灯片或动画形式组合，并填充磁贴。
6.如权利要求1所述的方法，其特征在于，选择指令包括：拖动选择指令；
依据所选模板确定磁贴的位置及尺寸的步骤包括：依据拖动指令和所选模板确定磁贴的位置，以及依据所选模板确定磁贴的尺寸。
7.如权利要求1所述的方法，其特征在于，选择指令包括：点击选择指令；
依据所选模板确定磁贴的位置及尺寸的步骤包括：依据点击指令、预设的排序规则和所选模板确定磁贴的位置，以及依据所选模板确定磁贴的尺寸。
8.一种用户界面处理的方法，其特征在于，包括以下步骤：
接收移动磁贴指令，确定移动磁贴指令指示的主动移出磁贴在移动前的当前位置及移动后的目标位置，所述磁贴是通过对正方形单元的横向和/或纵向裁切后得到的，其中裁切的起点和终点为正方形单元中一对平行边的中点；
判断主动移出磁贴与目标位置的尺寸和形状关系；
根据判断得出的尺寸和形状关系对主动移出磁贴进行处理。
9.如权利要求8所述的方法，其特征在于，确定磁贴移动前的当前位置及移动后的目标位置之后，还包括步骤：
判断目标位置是否有磁贴；
若目标位置有磁贴，判断目标位置的被动移出磁贴与当前位置的尺寸和形状关系；
根据判断得出的尺寸和形状关系对被动移出磁贴进行处理。
10.如权利要求8所述的方法，其特征在于，根据判断得出的尺寸和形状关系对主动移出磁贴进行处理的步骤包括：
若主动移出磁贴尺寸大于目标位置尺寸，将主动移出磁贴缩小为目标位置尺寸；
若主动移出磁贴尺寸小于目标位置尺寸，对主动移出磁贴进行有限变形处理；
若主动移出磁贴尺寸等于目标位置尺寸且形状相同，则将主动移出磁贴移动到目标位置；
若主动移出磁贴尺寸等于目标位置尺寸而形状不同，则对主动移出磁贴进行有限变形处理。
11.如权利要求10所述的方法，其特征在于，有限变形处理的步骤包括：
若在目标位置所在正方形单元中除目标位置外无其他磁贴，则确定主动移出磁贴在正方形单元中所有可能的尺寸和形状；
若在目标位置所在正方形单元中除目标位置外存在磁贴，则在该存在磁贴 固定的情况下，确定主动移出磁贴在正方形单元中所有可能的尺寸和形状；
从所有可能的尺寸和形状中选择一种尺寸和形状，并依据选择的尺寸和形状对主动移出磁贴进行变形处理。
12.如权利要求11所述的方法，其特征在于，从所有可能的尺寸和形状中选择一种尺寸和形状的步骤包括：
向用户输出所有可能的尺寸和形状的主动移出磁贴，根据收到的针对主动移出磁贴的选择指令，从所有可能的尺寸和形状中选择一种尺寸和形状；
或者，按照预设的选择规则，从所有可能的尺寸和形状中选择一种尺寸和形状。
13.一种用户界面处理的装置，其特征在于，包括：
接收模块，用于接收用户针对预设的模板所输入的选择指令，所述预设的模板包括：正方形单元，或通过对正方形单元的横向和/或纵向裁切后得到的所有可能的结构，其中裁切的起点和终点为正方形单元中一对平行边的中点；
分析模块，用于分析用户输入的选择指令，依据所选模板确定磁贴的位置及尺寸；
输出模块，用于将磁贴按照确定的位置及尺寸输出到用户界面。
14.如权利要求13所述的装置，其特征在于，预设的模板包括：所述正方形单元大小的磁贴，或者包括二分之一正方形单元大小的磁贴和/或四分之一正方形单元大小的磁贴。
15.如权利要求13所述的装置，其特征在于，输出模块按照磁贴间预设的间隔和颜色，将磁贴以确定的位置及尺寸输出到用户界面。
16.如权利要求13所述的装置，其特征在于，输出模块还用于将磁贴按照确定的位置及尺寸输出到用户界面之后，为每个磁贴填充封面图片。
17.如权利要求16所述的装置，其特征在于，若需要填充的封面图片多于一张，输出模块将多张封面图片以幻灯片或动画形式组合，并填充磁贴。
18.如权利要求13所述的装置，其特征在于，选择指令包括：拖动选择 指令；
分析模块用于：依据拖动指令和所选模板确定磁贴的位置，以及依据所选模板确定磁贴的尺寸。
19.如权利要求13所述的装置，其特征在于，选择指令包括：点击选择指令；
分析模块用于：依据点击指令、预设的排序规则和所选模板确定磁贴的位置，以及依据所选模板确定磁贴的尺寸。
20.一种用户界面处理的装置，其特征在于，包括：
接收模块，用于接收移动磁贴指令，确定磁贴移动前的当前位置及移动后的目标位置，所述磁贴是通过对正方形单元的横向和/或纵向裁切后得到的，其中裁切的起点和终点为正方形单元中一对平行边的中点；
判断模块，用于判断主动移出磁贴与目标位置的尺寸和形状关系；
处理模块，用于根据判断得出的尺寸和形状关系对主动移出磁贴进行处理。
21.如权利要求20所述的装置，其特征在于，判断模块用于：在接收模块确定磁贴移动前的当前位置及移动后的目标位置之后，对目标位置是否有磁贴进行判断，若目标位置有磁贴，继续判断目标位置的被动移出磁贴与当前位置的尺寸和形状关系；
处理模块用于：根据判断得出的尺寸和形状关系对被动移出磁贴进行处理。
22.如权利要求20所述的装置，其特征在于，判断模块用于：对主动移出磁贴与目标位置的尺寸和形状关系进行判断；
若主动移出磁贴尺寸大于目标位置尺寸，处理模块将主动移出磁贴缩小为目标位置尺寸；若主动移出磁贴尺寸小于目标位置尺寸，处理模块对主动移出磁贴进行有限变形处理；若主动移出磁贴尺寸等于目标位置尺寸且形状相同，则将主动移出磁贴移动到目标位置；若主动移出磁贴尺寸等于目标位置尺寸而 形状不同，则对主动移出磁贴进行有限变形处理。
23.如权利要求22所述的装置，其特征在于，处理模块对磁贴进行有限变形处理需要判断在目标位置所在正方形单元中除目标位置外有无其他磁贴，若在目标位置所在正方形单元中除目标位置外无其他磁贴，则确定主动移出磁贴在正方形单元中所有可能的尺寸和形状；若在目标位置所在正方形单元中除目标位置外存在磁贴，则在该存在磁贴固定的情况下，确定主动移出磁贴在正方形单元中所有可能的尺寸和形状；从所有可能的尺寸和形状中选择一种尺寸和形状，并依据选择的尺寸和形状对主动移出磁贴进行变形处理。
24.如权利要求23所述的装置，其特征在于，处理模块向用户输出所有可能的尺寸和形状的主动移出磁贴，根据收到的针对主动移出磁贴的选择指令，从所有可能的尺寸和形状中选择一种尺寸和形状；或者，按照预设的选择规则，从所有可能的尺寸和形状中选择一种尺寸和形状。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310048567.1A CN103135891B (zh) | 2013-02-06 | 2013-02-06 | 一种用户界面处理的方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310048567.1A CN103135891B (zh) | 2013-02-06 | 2013-02-06 | 一种用户界面处理的方法及装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103135891A true CN103135891A (zh) | 2013-06-05 |
| CN103135891B CN103135891B (zh) | 2016-09-14 |
Family
ID=48495786
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310048567.1A Expired - Fee Related CN103135891B (zh) | 2013-02-06 | 2013-02-06 | 一种用户界面处理的方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103135891B (zh) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104423990A (zh) * | 2013-09-02 | 2015-03-18 | 腾讯科技（深圳）有限公司 | 一种磁贴的更新方法和装置 |
| CN104516880A (zh) * | 2013-09-26 | 2015-04-15 | Sap欧洲公司 | 图形的基于区块的布局 |
| CN104899036A (zh) * | 2015-06-11 | 2015-09-09 | 易联众信息技术股份有限公司 | 一种磁贴移动方法 |
| CN106164836A (zh) * | 2014-04-02 | 2016-11-23 | 微软技术许可有限责任公司 | 组织用户界面元素 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120166954A1 (en) * | 2010-12-23 | 2012-06-28 | Microsoft Corporation | Techniques for electronic aggregation of information |
| CN102866832A (zh) * | 2011-09-01 | 2013-01-09 | 微软公司 | 布置区块 |
| CN102866837A (zh) * | 2011-09-09 | 2013-01-09 | 微软公司 | 对可选择的拼贴块(tile)的分组 |
-
2013
- 2013-02-06 CN CN201310048567.1A patent/CN103135891B/zh not_active Expired - Fee Related
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120166954A1 (en) * | 2010-12-23 | 2012-06-28 | Microsoft Corporation | Techniques for electronic aggregation of information |
| CN102866832A (zh) * | 2011-09-01 | 2013-01-09 | 微软公司 | 布置区块 |
| CN102866837A (zh) * | 2011-09-09 | 2013-01-09 | 微软公司 | 对可选择的拼贴块(tile)的分组 |
Non-Patent Citations (1)
| Title |
|---|
| 腾讯CDC: "Windows 8设计指南翻译", 《HTTP://CDC.TENCENT.COM/?DOWNLOAD=WIN8GUIDEALL》, 13 February 2012 (2012-02-13) * |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104423990A (zh) * | 2013-09-02 | 2015-03-18 | 腾讯科技（深圳）有限公司 | 一种磁贴的更新方法和装置 |
| CN104516880A (zh) * | 2013-09-26 | 2015-04-15 | Sap欧洲公司 | 图形的基于区块的布局 |
| CN106164836A (zh) * | 2014-04-02 | 2016-11-23 | 微软技术许可有限责任公司 | 组织用户界面元素 |
| US10627980B2 (en) | 2014-04-02 | 2020-04-21 | Microsoft Technology Licensing, Llc | Organization mode support mechanisms |
| CN104899036A (zh) * | 2015-06-11 | 2015-09-09 | 易联众信息技术股份有限公司 | 一种磁贴移动方法 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103135891B (zh) | 2016-09-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9881222B2 (en) | Optimizing a visual perspective of media | |
| EP3201879B1 (en) | Optimizing the legibility of displayed text | |
| CN104115218B (zh) | 用于提供与程序的多个级别的交互的方法、装置和设备 | |
| CN103020025B (zh) | 用于文档内容的自动动画化的技术 | |
| CN102799358B (zh) | 光标显示位置的确定方法及装置 | |
| CN102855648B (zh) | 一种图像处理方法及装置 | |
| US11314408B2 (en) | Computationally efficient human-computer interface for collaborative modification of content | |
| CN103777866B (zh) | 用于放大镜的数据编辑方法及装置 | |
| US10839148B2 (en) | Coordination of storyline content composed in multiple productivity applications | |
| WO2016010794A1 (en) | Visualization suggestions | |
| CN103207730B (zh) | 一种可定位拖拉式流程图生成方法及流程图生成器 | |
| CN103135891A (zh) | 一种用户界面处理的方法及装置 | |
| CN108038246A (zh) | 用于生成可视化视图的方法及装置 | |
| CN103513977B (zh) | 一种群成员列表的展示方法和装置 | |
| US20140325400A1 (en) | Multi-panel view interface for a browser operating on a computing device | |
| CN106354378A (zh) | 一种快速选中多个目标的方法和装置 | |
| CN110059306A (zh) | 在线表格的处理方法、装置、设备及计算机可读存储介质 | |
| CN112162805A (zh) | 截图方法、装置和电子设备 | |
| CN106998489A (zh) | 一种焦点越界搜索方法及装置 | |
| CN109086326B (zh) | 一种将接口文档转化成数据模型文件的方法及装置 | |
| CN104077114A (zh) | 一种更换应用软件的显示界面的方法及电子设备 | |
| CN108344244B (zh) | 智能冰箱留言信息处理方法、装置及智能冰箱 | |
| CN112083850A (zh) | 一种操作系统的多界面架构搭建方法及界面架构的自适应 | |
| CN103488739A (zh) | 一种处理pdf文件的方法、装置和移动通讯设备 | |
| CN113268189B (zh) | 图集管理方法、装置、存储介质以及计算机设备 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| PE01 | Entry into force of the registration of the contract for pledge of patent right | ||
| PE01 | Entry into force of the registration of the contract for pledge of patent right |
Denomination of invention: A user interface processing method and device Effective date of registration: 20210104 Granted publication date: 20160914 Pledgee: Inner Mongolia Huipu Energy Co.,Ltd. Pledgor: TVMINING (BEIJING) MEDIA TECHNOLOGY Co.,Ltd. Registration number: Y2020990001527 |
|
| CF01 | Termination of patent right due to non-payment of annual fee | ||
| CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20160914 Termination date: 20210206 |