WO2013185703A1 - 一种调整界面控件位置的方法、装置及终端 - Google Patents

一种调整界面控件位置的方法、装置及终端 Download PDF

Info

Publication number
WO2013185703A1
WO2013185703A1 PCT/CN2013/080291 CN2013080291W WO2013185703A1 WO 2013185703 A1 WO2013185703 A1 WO 2013185703A1 CN 2013080291 W CN2013080291 W CN 2013080291W WO 2013185703 A1 WO2013185703 A1 WO 2013185703A1
Authority
WO
WIPO (PCT)
Prior art keywords
user
interface
control
adjustment mode
instruction
Prior art date
Application number
PCT/CN2013/080291
Other languages
English (en)
French (fr)
Inventor
张更
任龙
Original Assignee
中兴通讯股份有限公司
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 中兴通讯股份有限公司 filed Critical 中兴通讯股份有限公司
Publication of WO2013185703A1 publication Critical patent/WO2013185703A1/zh

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486Drag-and-drop

Definitions

  • the embodiment of the invention provides a method for adjusting the position of an interface control, which includes: Receiving an adjustment mode command issued by the user in the current interface, generating an adjustment mode interface and displaying;
  • the method further includes: after generating the adjustment mode interface and displaying, monitoring each control in the adjustment mode interface;
  • the step of issuing the information to the user to allow adjustment of the control comprises: displaying the selected control as a floating state, or displaying the selected control as a jitter state, or popping up a notification beside the selected control a box, prompting, to the user, the control corresponding to the selected instruction of any one of the adjustment mode interfaces.
  • the method further includes:
  • An initialization module configured to: receive an incoming adjustment mode command sent by the user in the current interface, generate an adjustment mode interface, and display;
  • a redrawing module configured to: when receiving an instruction issued by the user to exit the adjustment mode interface, redrawing the current interface according to the updated layout file.
  • FIG. 4 is a second display effect of the layout file 1 according to an embodiment of the present invention
  • FIG. 5 is a structural diagram of an apparatus for adjusting a position of an interface control according to an embodiment of the present invention. Preferred embodiment of the invention
  • receiving an instruction of the user to enter the adjustment mode may include: receiving an instruction issued by the user to press and hold the blank of the current interface, or receiving an instruction from the user to continuously click the blank of the current interface, or receiving the instruction Instructions issued by the user for other forms of operation.
  • the information that is allowed to drag the control to the user may include: displaying the selected control as a floating state, or displaying the selected control as a jitter state, or popping up a notification next to the selected control. Box, or by other forms, prompt the user for adjustments The control corresponding to the selected instruction of any control in the mode interface, that is, which control is prompted by the user's selected control.
  • the command response module 502 is configured to: receive an instruction of the adjustment control issued by the user on the adjustment mode interface, and record the user to adjust the start position and the end position of the control;
  • the instruction response module 502 is configured to: receive a drag operation instruction of the user, record a start coordinate of the user drag operation, and record a termination coordinate of the user drag operation when receiving the release operation instruction of the user;
  • the backup module 507 is configured to: before the update module 504 updates the layout file corresponding to the current interface by using the new coordinates, determine whether the layout file is a factory setting, and if it is a factory setting, backing up the layout file;
  • the embodiment of the invention further provides a terminal, comprising the above device for adjusting the position of the interface control.
  • the method, the device and the terminal for adjusting the position of the interface control provided by the embodiment of the present invention, when receiving the instruction of entering the adjustment mode issued by the user, drawing an adjustment mode interface according to the layout file of the current interface, and monitoring each of the adjustment mode interfaces
  • a control when receiving a user-selected control instruction and a drag control instruction, records the start coordinate of the drag operation and the end coordinate of the drag operation, and the two coordinates of the record and the original coordinate calculation control of the control
  • the new coordinate update the layout file corresponding to the current interface, and redraw the current interface according to the updated layout file when receiving the instruction of the user to exit the adjustment mode interface.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种调整界面控件位置的方法、装置及终端。所述方法包括:当接收到用户发出的进入调整模式指令时,生成调整模式界面并显示,接收所述用户在所述调整模式界面发出的调整控件的指令,并记录所述用户调整所述控件的起始位置和结束位置;根据所述起始位置和结束位置计算所述控件在屏幕上的新坐标,使用所述新坐标更新所述当前界面对应的布局文件;以及在接收到用户发出的退出调整模式指令时,根据更新的布局文件重绘该当前界面。本发明实施例中,解决了终端用户无法灵活定制个性化的应用程序界面,使用终端不方便的问题。

Description

一种调整界面控件位置的方法、 装置及终端 技术领域
本发明涉及界面设计领域, 尤其涉及一种调整界面控件位置的方法、 装 置及终端。
背景技术
随着智能手机以及平板电脑(Pad )类终端产品的迅速发展, 该类产品的 功能应用已经非常的广泛, 特别是近些年来智能手机产品的大量应用, 其应 用程序更是非常之多, 如上网、 游戏和微博等。 越来越多的应用, 给我们的 曰常生活和休闲消遣带来了方便。
同时, 随着电容式触摸屏的普及, 不同屏幕大小的触摸屏手机及 Pad类 产品也层出不穷。 用户在使用这些手机或 Pad时带来一些问题, 单一应用程 序难以适应不同尺寸大小的手机或 Pad, 同一款应用安装在不同屏幕大小的 手机上体现出来的效果不尽相同, 特别是在一些大屏幕手机或 Pad上, 用户 在单手操作时, 一般会使用大拇指进行屏幕上面各个功能的操作, 而此时, 用户大拇指的触摸范围一般并不能将整个屏幕的范围全部覆盖, 而在用户大 拇指覆盖范围之外的地方的菜单, 在用户进行单手操作的时候会变的非常不 方便。 例如, 对于即时通信工具(QQ )的登陆界面, 一般登陆按钮都是位于 终端屏幕的正中间, 在大屏幕终端上, 用户在单手操作终端时, 不能触摸到 这个按钮, 只能将终端移动到按钮的位置才能完成操作, 非常不方便。 也就 是说, 用户不可以根据自己的使用习惯更改菜单按钮位置, 无法灵活定制个 性化的应用程序界面。
发明内容
本发明实施例提供了一种调整界面控件位置的方法、 装置及终端, 用以 解决终端用户无法灵活定制个性化的应用程序界面,使用终端不方便的问题。
本发明实施例提供一种调整界面控件位置的方法, 包括: 接收用户在当前界面中发出的进入调整模式指令, 生成调整模式界面并 显示;
接收所述用户在所述调整模式界面发出的调整控件的指令, 并记录所述 用户调整所述控件的起始位置和结束位置;
根据所述起始位置和所述结束位置计算所述控件在屏幕上的新坐标, 使 用所述新坐标更新所述当前界面对应的布局文件; 以及
当接收到所述用户发出的退出调整模式指令时, 根据更新的布局文件重 绘所述当前界面。
可选地, 所述接收用户在当前界面中发出的进入调整模式指令, 生成调 整模式界面并显示的步骤包括:
当接收到所述用户在所述当前界面中发出的进入调整模式指令时, 根据 所述当前界面的布局文件绘制所述调整模式界面并显示。
可选地,所述接收所述用户在所述调整模式界面发出的调整控件的指令, 并记录所述用户调整所述控件的起始位置和结束位置的步骤包括:
在接收到所述用户的拖动操作指令时, 记录所述用户的拖动操作的起始 坐标, 并在接收到所述用户的释放操作指令时, 记录所述用户的拖动操作的 终止坐标。
可选地, 所述方法还包括:
在接收到所述用户发出的调整控件的指令之后, 以及在接收到所述用户 发出的退出调整模式指令之前,
计算所述控件在调整操作下离开所述控件的原始坐标后, 所经过的每一 个位置的坐标; 以及
根据所述调整操作中经过的每一个位置的坐标和调整完成后的新坐标, 实时重绘所述调整模式界面。
可选地, 使用下述公式计算所述控件在屏幕上的新坐标:
Xn = X0 + ( end— X - start— X ) , Υη = Υ0 + ( end— Υ - start— Υ ) ; 其中, (Xn, Yn ) 为所述控件在调整完成后的新坐标, (Χ0, Υ0 )为 所述控件在所述布局文件中的原始坐标, (start— X, start— Y )为所述起始坐 标, (end— X, end— Y )为所述终止坐标。
可选地, 所述方法还包括: 在生成所述调整模式界面并显示之后, 在所述调整模式界面中监测每一个控件; 以及
当监测到所述用户发出的针对所述调整模式界面中任一控件的选中指令 时, 向所述用户发出允许调整所述控件的信息。
可选地, 所述向所述用户发出允许调整所述控件的信息的步骤包括: 通过将被选中控件显示为悬浮状态,或者将被选中控件显示为抖动状态, 或者在被选中控件旁边弹出通知框, 向所述用户提示所述针对所述调整模式 界面中任一控件的选中指令所对应的控件。
可选地, 所述监测到所述用户发出的针对所述调整模式界面中任一控件 的选中指令的步骤包括:
接收所述用户发出的长按所述被选中控件的指令, 或者接收所述用户发 出的连续点击所述被选中控件的指令。
可选地, 所述方法还包括:
在使用计算出的完成了调整后的所述控件的新坐标更新所述当前界面对 应的布局文件之前, 判断所述布局文件是否为出厂设置, 若为出厂设置, 则 备份所述布局文件; 以及
在所述调整模式界面, 接收到所述用户发出的将所述当前界面恢复出厂 设置的指令时, 判断所述当前界面是否存在备份布局文件;
若不存在, 则根据所述当前界面的布局文件重绘所述调整模式界面; 若存在, 则根据所述备份布局文件重绘所述调整模式界面, 删除所述当 前界面的布局文件, 并将所述备份布局文件作为所述当前界面的布局文件。
可选地, 所述接收所述用户发出的将所述当前界面恢复出厂设置的指令 的步骤包括:
接收所述用户发出的点击添加在所述调整模式界面的恢复按钮的指令; 或者, 接收所述用户发出的点击所述调整模式界面的菜单中的恢复选项的指 令。
可选地, 所述接收用户发出的进入调整模式指令的步骤包括:
接收所述用户发出的长按当前界面空白处的指令, 或者接收所述用户发 出的连续点击当前界面空白处的指令。
本发明实施例还提供一种调整界面控件位置的装置, 包括:
初始化模块, 其设置成: 接收用户在当前界面中发出的进入调整模式指 令, 生成调整模式界面并显示;
指令响应模块, 其设置成: 接收所述用户在所述调整模式界面发出的调 整控件的指令, 并记录所述用户调整所述控件的起始位置和结束位置;
计算模块, 其设置成: 根据所述起始位置和所述结束位置计算所述控件 在屏幕上的新坐标;
更新模块, 其设置成: 使用所述新坐标更新所述当前界面对应的布局文 件; 以及
重绘模块, 其设置成: 当接收到所述用户发出的退出所述调整模式界面 的指令时, 根据更新的布局文件重绘所述当前界面。
可选地, 所述初始化模块是设置成: 当接收到所述用户在所述当前界面 中发出的进入调整模式指令时, 根据所述当前界面的布局文件绘制所述调整 模式界面并显示;
所述指令响应模块是设置成: 在接收到所述用户的拖动操作指令时, 记 录所述用户的拖动操作的起始坐标,并在接收到所述用户的释放操作指令时, 记录所述用户的拖动操作的终止坐标。
可选地, 所述计算模块还设置成: 在所述指令响应模块接收到所述用户 的拖动操作指令之后 , 在所述重绘模块接收到所述用户发出的退出所述调整 模式界面的指令之前, 计算所述控件在调整操作下离开所述控件的原始坐标 后, 所经过的每一个位置的坐标;
所述重绘模块还设置成: 根据所述计算模块计算出的所述调整操作中经 过的每一个位置的坐标和所述调整操作完成后的新坐标, 实时重绘所述调整 模式界面。 可选地, 所述装置还包括:
监测模块, 其设置成: 在所述调整模式界面中监测每一个控件; 并当监 测到所述用户发出的针对所述调整模式界面中任一控件的选中指令时, 向所 述用户发出允许调整所述控件的信息。
可选地, 所述装置还包括:
备份模块, 其设置成: 在所述更新模块使用所述新坐标更新所述当前界 面对应的布局文件之前, 判断所述布局文件是否为出厂设置, 若为出厂设置, 则备份所述布局文件;
恢复模块, 其设置成: 在所述调整模式界面, 接收到所述用户发出的将 所述当前界面恢复出厂设置的指令时, 判断所述当前界面是否存在备份布局 文件; 若不存在, 则根据所述当前界面的布局文件重绘所述调整模式界面; 若存在, 则根据所述备份布局文件重绘所述调整模式界面, 删除所述当前界 本发明实施例还提供一种终端, 包括上述调整界面控件位置的装置。
釆用本发明实施例提供的一种调整界面控件位置的方法、 装置及终端, 通过为当前界面绘制调整模式界面, 并在调整模式界面上记录用户需要的操 作, 当用户退出该调整模式界面时, 将用户操作的最终效果绘制到当前界面, 使得用户可以根据个人的喜好调整终端的任意界面, 解决了终端用户无法灵 活定制个性化的应用程序界面, 使用终端不方便的问题。
附图概述
图 1为本发明实施例提供的一种调整界面控件位置的方法的流程图; 图 2为本发明实施例提供的布局文件 1的显示效果图一;
图 3为本发明实施例提供的用户将布局文件 1中的文字显示控件拖动到 坐标为 ( 100, 200 ) 的位置的流程图;
图 4为本发明实施例提供的布局文件 1的显示效果图二; 图 5为本发明实施例提供的一种调整界面控件位置的装置的结构图。 本发明的较佳实施方式
下面结合说明书附图, 对本发明实施例提供的一种调整界面控件位置的 方法、 装置及终端的实施方式进行说明。 需要说明的是, 在不冲突的情况下, 本申请中的实施例及实施例中的特征可以相互任意组合。
本发明实施例提供的一种调整界面控件位置的方法, 如图 1所示, 包括 以下步骤:
步骤 S101、 接收用户在当前界面中发出的进入调整模式指令, 生成调整 模式界面并显示。
步骤 S102、 接收用户在调整模式界面发出的调整控件的指令, 并记录用 户调整该控件的起始位置和结束位置。
步骤 S103、 根据所述起始位置和结束位置计算所述控件在屏幕上的新坐 标。
步骤 S104、 使用该新坐标更新所述当前界面对应的布局文件。
步骤 S105、 当接收到用户发出的退出调整模式指令时, 根据更新的布局 文件重绘当前界面。
上述方法步骤 S101中, 可以包括: 当接收到用户在当前界面中发出的进 入调整模式指令时, 根据当前界面的布局文件绘制调整模式界面并显示。
上述方法步骤 S102中, 可以包括: 接收用户的拖动操作指令, 记录用户 拖动操作的起始坐标, 并在接收到用户的释放操作指令时, 记录用户拖动操 作的终止坐标。 在触屏终端的实际应用过程中, 用户在调整模式界面发出的 调整控件的指令主要包括拖动操作指令。
上述方法中,还可以在步骤 S102的接收到用户的调整控件指令之后, 以 及在步骤 S105的接收到用户退出所述调整模式界面的指令之前,计算该控件 在调整操作下离开原始坐标后, 所经过的每一个位置的坐标; 并根据调整操 作中经过的每一个位置的坐标、 以及调整完成后的新坐标, 实时重绘调整模 式界面。 在触屏终端的实际应用过程中, 终端可以对从用户选中该控件开始拖动 到将该控件拖动到目的位置, 以及拖动结束手指离开触屏这一整个拖动过程 中控件经过的坐标进行实时计算并不断重绘调整模式界面, 重绘方法与重绘 一般的界面的方法相同, 这里不再赘述。
较佳地, 上述步骤 S103中, 可以使用下述公式计算该控件在释放操作完 成后的新坐标:
Xn = X0 + ( end— X - start— X ) , Υη = Υ0 + ( end— Υ - start— Υ ) ; 其中:
( Χη, Υη )为该控件在释放操作完成后的新坐标, 这个新坐标可以是该 控件上任一点的坐标, 例如, 常使用控件左上顶点的坐标作为该控件的坐标; ( Χ0, Υ0 )为该控件在布局文件中的原始坐标, 所取的位置与新坐标一 致;
( start— X, start— Y ) 为用户拖动操作的起始坐标, 在触屏应用中一般是 用户手指选中该控件时接触到触屏的坐标;
( end— X, end— Y )为用户拖动操作的终止坐标, 在触屏应用中一般是用 户将该控件拖动到目的位置, 手指离开触屏时的坐标。
在上述方法的步骤 S101后, 还可以包括: 步骤 S106, 在步骤 S106中, 在调整模式界面中监测每一个控件; 当监测到用户发出的针对调整模式界面 中任一控件的选中指令时, 向用户发出允许调整该控件的信息。
较佳地, 上述步骤 S101中,接收用户发出的进入调整模式的指令可以包 括: 接收用户发出的长按当前界面空白处的指令, 或者接收用户发出的连续 点击当前界面空白处的指令, 或者接收用户发出的其他形式的操作的指令。
较佳地, 上述步骤 S106中,监测到用户发出的对调整模式界面中任一控 件的选中指令可以包括:
接收用户发出的长按被选中控件的指令, 或者用户发出的连续点击被选 中控件的指令, 或者接收用户发出的其他形式的操作的指令。
较佳地,上述步骤 S106中 ,向用户发出允许拖动该控件的信息可以包括: 通过将被选中控件显示为悬浮状态,或者将被选中控件显示为抖动状态, 或者在被选中控件旁边弹出通知框, 或者通过其他形式, 向用户提示对调整 模式界面中任一控件的选中指令所对应的控件, 即, 提示用户所选中的控件 是哪一个控件。
可选地,在步骤 S 104使用计算出的完成了调整操作后的控件的新坐标更 新当前界面对应的布局文件之前, 本发明实施例还可以执行下述步骤: 判断 该布局文件是否为出厂设置, 若为出厂设置, 则备份该布局文件。
较佳地, 可以在每次更新布局文件之前, 判断该布局文件是否存在备份 文件 (也就是, 备份了出厂设置的布局文件) , 如果存在, 则执行后续的步 骤 S105 , 若不存在, 则认为当前界面的布局文件为出厂设置, 此时应备份该 布局文件。 这样, 在第一次更新该布局文件的之前, 备份的布局文件为出厂 设置的布局文件, 而在后续更新该布局文件的时候, 该备份的布局文件会一 直存在, 也就是一直保存出厂设置的布局文件。
相应地, 备份出厂设置的布局文件可以用于在用户需要时恢复出厂时的 布局设置。 在当前界面的调整模式界面, 当终端接收到用户发出的将该当前 界面恢复出厂设置的指令时,终端判断该当前界面是否存在备份的布局文件; 若不存在,则根据该当前界面的布局文件重绘该当前界面的调整模式界面(也 就是说, 若不存在当前界面的备份的布局文件, 则说明该布局文件还没有被 更新过, 就是出厂设置的布局文件, 根据此布局文件重绘该当前界面的调整 模式界面即可) ; 若存在, 则根据备份布局文件重绘该当前界面的调整模式 界面, 删除该当前界面的布局文件, 并将备份布局文件作为该当前界面的布 局文件。
上述流程中, 终端接收用户发出的将当前界面恢复出厂设置的指令的步 骤可以包括:
终端在调整模式界面中设置有用以恢复出厂设置的恢复按钮, 终端接收 用户通过点击添加在当前界面的调整模式界面的恢复按钮而发出的将当前界 面恢复出厂设置的指令;
或者, 终端在调整模式界面的主菜单中设置有恢复选项, 终端接收用户 通过点击当前界面的调整模式界面的菜单中的恢复选项而发出的将当前界面 恢复出厂设置的指令。 下面以一个例子说明本发明实施例提供的一种调整界面控件位置的方 法。
布局文件作为应用程序的显示依据, 定义了应用程序界面显示的内容及 其中各控件的相对位置信息。 布局文件由布局文件标识(ID, Identifier )和一 组控件信息组成,其中布局文件 ID用于区分同一应用程序的不同界面下的不 同布局文件, 控件信息是对控件的详细描述。 控件信息包括控件 ID、 控件类 型、 长度、 宽度、 X坐标、 以及 Y坐标; 控件 ID用于区分同一布局文件中 的不同控件; 控件类型可以是按钮 ( Button ) 、 编辑框(Edit Box )和文本框 ( Text View )等; 长度、 宽度、 X坐标和 Y坐标描述了控件的大小及在屏幕 中的显示位置信息。 控件还可以包含其它附加信息, 例如, 按钮控件可以添 加按钮的名称及图标等。
例如, 布局文件 1的代码为:
<type=layout id=" main— srceen" >
<type=button id=" button— ok" width=100 height=50 X=100 Y=600 text=" ok" />
<type=textview id= " textview— test,, width=200 height: 100 X=200
Y=200
text=" test" />
<type=button id=" button— back" width=100 height=50 X=400 Y=600 t ext=" back" />
</layout>
上述布局文件 1中, 类型 (type )为布局文件(layout ) , 布局文件 1的 ID为主屏幕(main— screen ) ,布局文件 1中包含三个控件,第一个控件的 type 是按钮 ( button ) , 该按钮控件的 ID为 button_ok, 该按钮的显示宽度 ( width ) 为 100像素, 高度(height )为 200像素, 在屏幕中的坐标为( 100, 600 ) (这 里为此按钮左上顶点的坐标) , 该按钮上显示的文字 (text )为 ok; 第二个 控件的 type为文字显示 (textview ) , 该控件 ID为 textview— text, 该控件的 width为 200像素, height为 100像素, 在屏幕中的坐标为 (200, 200 ) , 控 件上显示的 text为 test; 第三个控件的 type是 button, 该按钮控件的 ID为 button— back, 该按钮的 width为 100像素, height为 200像素, 在屏幕中的 坐标为 (400 , 600 ) (这里为此按钮左上顶点的坐标) , 该按钮上显示的文 字 ( text )为 back„
图 2所示的是布局文件 1对应的显示效果, 在布局文件 1的显示效果中 包含一个文字显示控件和两个按钮控件, 这三个控件均按照布局文件 1定义 的位置和大小在图中显示。
如图 3 所示, 用户将上述布局文件 1 中的文字显示控件拖动到坐标为 ( 100, 200 ) 的位置的流程, 包括如下步骤:
步骤 S301、 用户在如图 2所示的当前界面长按空白处。
步骤 S302、 接收到步骤 S301中的长按指令, 根据布局文件 1绘制调整 模式界面, 监测该调整模式界面中的三个控件。
步骤 S303、 用户选中文字显示控件, 并长按该控件。
步骤 S304、 接收到步骤 S303 中的长按控件指令, 让该文字显示控件显 示出浮起效果, 以通知用户所选中的控件为文字显示控件, 并且通知用户此 时已经可以开始改变该控件的位置了。
步骤 S305、 用户开始拖动文字显示控件到目的位置, 并将手指离开触摸 屏。
步骤 S306、在步骤 S305中,记录用户拖动操作的起始坐标( 300, 300 ) , 和拖动操作的终止坐标(200, 300 ) ; 并在整个拖动过程中, 实时计算文字 显示控件的坐标, 并根据此坐标实时重绘调整模式界面。
步骤 S307、根据步骤 S306中记录的用户拖动操作的起始坐标( 300, 300 ) 和拖动操作的终止坐标(200, 300 ) , 以及文字显示控件的原始坐标(200, 200 )计算出文字显示控件被拖动后的新坐标( 100, 200 ) 。
步骤 S308、 判断出布局文件 1不存在备份, 备份布局文件 1。
步骤 S309、 才艮据 S307中计算的显示控件的新坐标, 更新布局文件 1。 步骤 S310、 用户点击返回键。 步骤 S311、 退出调整模式界面, 根据更新的布局文件 1重绘当前界面, 重绘后的当前界面如图 4所示。 本发明实施例还提供了一种调整界面控件位置的装置及终端, 由于这些 装置和终端所解决问题的原理与前述调整界面控件位置的方法相似, 因此该 装置和终端的实施可以参见前述方法的实施, 重复之处不再赘述。
本发明实施例还提供了一种调整界面控件位置的装置, 如图 5所示, 包 括:
初始化模块 501 , 其设置成: 接收用户在当前界面中发出的进入调整模 式指令, 生成调整模式界面并显示;
指令响应模块 502 , 其设置成: 接收用户在调整模式界面发出的调整控 件的指令, 并记录用户调整该控件的起始位置和结束位置;
计算模块 503 , 其设置成: 接收用户在调整模式界面发出的调整控件的 指令, 并记录用户调整该控件的起始位置和结束位置;
更新模块 504 , 其设置成: 使用新坐标更新当前界面对应的布局文件; 以及
重绘模块 505 , 其设置成: 当接收到用户退出调整模式界面的指令时, 根据更新的布局文件重绘当前界面。
可选地, 上述装置中,
上述初始化模块 501是设置成: 当接收到用户在当前界面中发出的进入 调整模式指令时, 根据当前界面的布局文件绘制调整模式界面并显示;
上述指令响应模块 502是设置成: 接收用户的拖动操作指令, 记录用户 拖动操作的起始坐标, 并在接收到用户的释放操作指令时, 记录用户拖动操 作的终止坐标;
可选地, 上述装置中,
上述计算模块 503还设置成: 在上述指令响应模块 502接收到用户的拖 动操作指令之后, 以及在上述重绘模块 505接收到用户退出调整模式界面指 令之前, 计算该控件在调整操作下离开其原始坐标后, 所经过的每一个位置 的坐标; 上述重绘模块 505还设置成: 根据上述计算模块 503计算出的调整操作 中经过的每一个位置的坐标、 以及调整操作完成后的新坐标, 实时重绘调整 模式界面。
可选地, 上述装置还包括:
监测模块 506 , 其设置成: 在调整模式界面中监测每一个控件; 并当监 测到用户发出的对调整模式界面中任一控件的选中指令时, 向用户发出允许 调整该控件的信息。
备份模块 507 , 其设置成: 在上述更新模块 504使用新坐标更新当前界 面对应的布局文件之前, 判断该布局文件是否为出厂设置, 若为出厂设置, 则备份该布局文件; 以及
恢复模块 508 , 其设置成: 在当前界面的调整模式界面, 接收到用户发 出的将该当前界面恢复出厂设置的指令时, 判断该当前界面是否存在备份布 局文件; 若不存在, 则根据该当前界面的布局文件重绘该当前界面的调整模 式界面; 若存在, 则根据所述备份布局文件重绘该当前界面的调整模式界面, 删除该当前界面的布局文件, 并将该备份布局文件作为该当前界面的布局文 件。
本发明实施例还提供了一种终端,包括上述的调整界面控件位置的装置。 本发明实施例提供的一种调整界面控件位置的方法、 装置及终端, 当接 收到用户发出的进入调整模式指令时, 根据当前界面的布局文件绘制调整模 式界面, 在该调整模式界面上监测每一个控件, 当接收到用户的选中某一控 件指令和拖动控件指令,记录拖动操作的起始坐标以及拖动操作的终止坐标, 并 居记录的两个坐标和该控件的原始坐标计算控件的新坐标, 更新该当前 界面对应的布局文件, 并在接收到用户退出调整模式界面的指令时根据更新 的布局文件重绘该当前界面。 通过为当前界面绘制调整模式界面, 并在调整 模式界面上记录用户需要的操作, 当用户退出该调整模式界面时, 将用户操 作的最终效果绘制到当前界面, 使得用户可以根据个人的喜好调整终端的任 意界面, 解决了终端用户无法灵活定制个性化的应用程序界面, 使用终端不 方便的问题。 通过以上的实施方式的描述, 本领域的技术人员可以清楚地了解到本发 明实施例可以通过硬件实现, 也可以借助软件加必要的通用硬件平台的方式 来实现。 基于这样的理解, 本发明实施例的技术方案可以以软件产品的形式 体现出来, 该软件产品可以存储在一个非易失性存储介质 (可以是只读存储 器, U盘或移动硬盘等) 中, 包括若干指令用以使得一台计算机设备(可以 是个人计算机, 服务器, 或者网络设备等)执行本发明各个实施例所述的方 法。
本领域技术人员可以理解附图只是一个优选实施例的示意图, 附图中的 模块或流程并不一定是实施本发明所必须的。
本领域技术人员可以理解实施例中的装置中的模块可以按照实施例描述 进行分布于实施例的装置中, 也可以进行相应变化位于不同于本实施例的一 个或多个装置中。 上述实施例的模块可以合并为一个模块, 也可以拆分成多 个子模块。
上述本发明实施例序号仅仅为了描述, 不代表实施例的优劣。 脱离本发明的精神和范围。 这样, 倘若本发明实施例的这些修改和变型属于 本发明权利要求及其等同技术的范围之内, 则本发明也意图包含这些改动和 变型在内。
工业实用性 釆用本发明实施例提供的一种调整界面控件位置的方法、 装置及终端, 使得用户可以根据个人的喜好调整终端的任意界面, 解决了终端用户无法灵 活定制个性化的应用程序界面, 使用终端不方便的问题。

Claims

权 利 要 求 书
1、 一种调整界面控件位置的方法, 包括:
接收用户在当前界面中发出的进入调整模式指令, 生成调整模式界面并 显示;
接收所述用户在所述调整模式界面发出的调整控件的指令, 并记录所述 用户调整所述控件的起始位置和结束位置;
根据所述起始位置和所述结束位置计算所述控件在屏幕上的新坐标, 使 用所述新坐标更新所述当前界面对应的布局文件; 以及
当接收到所述用户发出的退出调整模式指令时, 根据更新的布局文件重 绘所述当前界面。
2、 如权利要求 1所述的方法, 其中, 所述接收用户在当前界面中发出的 进入调整模式指令, 生成调整模式界面并显示的步骤包括:
当接收到所述用户在所述当前界面中发出的进入调整模式指令时, 根据 所述当前界面的布局文件绘制所述调整模式界面并显示。
3、 如权利要求 1所述的方法, 其中, 所述接收所述用户在所述调整模式 界面发出的调整控件的指令, 并记录所述用户调整所述控件的起始位置和结 束位置的步骤包括:
在接收到所述用户的拖动操作指令时, 记录所述用户的拖动操作的起始 坐标, 并在接收到所述用户的释放操作指令时, 记录所述用户的拖动操作的 终止坐标。
4、 如权利要求 1所述的方法, 还包括: 在接收到所述用户发出的调整控 件的指令之后, 以及在接收到所述用户发出的退出调整模式指令之前,
计算所述控件在调整操作下离开所述控件的原始坐标后, 所经过的每一 个位置的坐标; 以及
根据所述调整操作中经过的每一个位置的坐标和调整完成后的新坐标, 实时重绘所述调整模式界面。
5、 如权利要求 1所述的方法, 其中, 使用下述公式计算所述控件在屏幕上的新坐标:
Xn = X0 + ( end— X - start— X ) , Υη = ΥΟ + ( end— Υ - start— Υ ) ; 其中, (Xn, Yn ) 为所述控件在调整完成后的新坐标, (ΧΟ, Υ0 )为 所述控件在所述布局文件中的原始坐标, (start— X, start— Y )为所述起始坐 标, (end— X, end— Y )为所述终止坐标。
6、 如权利要求 1-5任一项所述的方法, 还包括: 在生成所述调整模式界 面并显示之后,
在所述调整模式界面中监测每一个控件; 以及
当监测到所述用户发出的针对所述调整模式界面中任一控件的选中指令 时, 向所述用户发出允许调整所述控件的信息。
7、 如权利要求 6所述的方法, 其中, 所述向所述用户发出允许调整所述 控件的信息的步骤包括:
通过将被选中控件显示为悬浮状态,或者将被选中控件显示为抖动状态, 或者在被选中控件旁边弹出通知框, 向所述用户提示所述针对所述调整模式 界面中任一控件的选中指令所对应的控件。
8、 如权利要求 6所述的方法, 其中, 所述监测到所述用户发出的针对所 述调整模式界面中任一控件的选中指令的步骤包括:
接收所述用户发出的长按所述被选中控件的指令, 或者接收所述用户发 出的连续点击所述被选中控件的指令。
9、 如权利要求 1-5任一项所述的方法, 其中, 还包括:
在使用计算出的完成了调整后的所述控件的新坐标更新所述当前界面对 应的布局文件之前, 判断所述布局文件是否为出厂设置, 若为出厂设置, 则 备份所述布局文件; 以及
在所述调整模式界面, 接收到所述用户发出的将所述当前界面恢复出厂 设置的指令时, 判断所述当前界面是否存在备份布局文件;
若不存在, 则根据所述当前界面的布局文件重绘所述调整模式界面; 若存在, 则根据所述备份布局文件重绘所述调整模式界面, 删除所述当 前界面的布局文件, 并将所述备份布局文件作为所述当前界面的布局文件。
10、 如权利要求 9所述的方法, 其中, 所述接收所述用户发出的将所述 当前界面恢复出厂设置的指令的步骤包括:
接收所述用户发出的点击添加在所述调整模式界面的恢复按钮的指令; 或者接收所述用户发出的点击所述调整模式界面的菜单中的恢复选项的指 令。
11、 如权利要求 1-5任一项所述的方法, 其中, 所述接收用户发出的进 入调整模式指令的步骤包括:
接收所述用户发出的长按当前界面空白处的指令, 或者接收所述用户发 出的连续点击当前界面空白处的指令。
12、 一种调整界面控件位置的装置, 其中, 包括:
初始化模块, 其设置成: 接收用户在当前界面中发出的进入调整模式指 令, 生成调整模式界面并显示;
指令响应模块, 其设置成: 接收所述用户在所述调整模式界面发出的调 整控件的指令, 并记录所述用户调整所述控件的起始位置和结束位置;
计算模块, 其设置成: 根据所述起始位置和所述结束位置计算所述控件 在屏幕上的新坐标;
更新模块, 其设置成: 使用所述新坐标更新所述当前界面对应的布局文 件; 以及
重绘模块, 其设置成: 当接收到所述用户发出的退出所述调整模式界面 的指令时, 根据更新的布局文件重绘所述当前界面。
13、 如权利要求 12所述的装置, 其中,
所述初始化模块是设置成: 当接收到所述用户在所述当前界面中发出的 进入调整模式指令时, 根据所述当前界面的布局文件绘制所述调整模式界面 并显示;
所述指令响应模块是设置成: 在接收到所述用户的拖动操作指令时, 记 录所述用户的拖动操作的起始坐标,并在接收到所述用户的释放操作指令时, 记录所述用户的拖动操作的终止坐标。
14、 如权利要求 13所述的装置, 其中,
所述计算模块还设置成: 在所述指令响应模块接收到所述用户的拖动操 作指令之后 , 在所述重绘模块接收到所述用户发出的退出所述调整模式界面 的指令之前, 计算所述控件在调整操作下离开所述控件的原始坐标后, 所经 过的每一个位置的坐标; 所述重绘模块还设置成: 根据所述计算模块计算出的所述调整操作中经 过的每一个位置的坐标和所述调整操作完成后的新坐标, 实时重绘所述调整 模式界面。
15、 如权利要求 12所述的装置, 其中, 还包括:
监测模块, 其设置成: 在所述调整模式界面中监测每一个控件; 并当监 测到所述用户发出的针对所述调整模式界面中任一控件的选中指令时, 向所 述用户发出允许调整所述控件的信息。
16、 如权利要求 12所述的装置, 其中, 还包括:
备份模块, 其设置成: 在所述更新模块使用所述新坐标更新所述当前界 面对应的布局文件之前, 判断所述布局文件是否为出厂设置, 若为出厂设置, 则备份所述布局文件;
恢复模块, 其设置成: 在所述调整模式界面, 接收到所述用户发出的将 所述当前界面恢复出厂设置的指令时, 判断所述当前界面是否存在备份布局 文件; 若不存在, 则根据所述当前界面的布局文件重绘所述调整模式界面; 若存在, 则根据所述备份布局文件重绘所述调整模式界面, 删除所述当前界
17、 一种终端, 其中, 包括如权利要求 12-16任一项所述的调整界面控 件位置的装置。
PCT/CN2013/080291 2012-08-24 2013-07-29 一种调整界面控件位置的方法、装置及终端 WO2013185703A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201210305172.0 2012-08-24
CN201210305172.0A CN103631484A (zh) 2012-08-24 2012-08-24 一种调整界面控件位置的方法、装置及终端

Publications (1)

Publication Number Publication Date
WO2013185703A1 true WO2013185703A1 (zh) 2013-12-19

Family

ID=49757584

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2013/080291 WO2013185703A1 (zh) 2012-08-24 2013-07-29 一种调整界面控件位置的方法、装置及终端

Country Status (2)

Country Link
CN (1) CN103631484A (zh)
WO (1) WO2013185703A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103645906A (zh) * 2013-12-25 2014-03-19 上海斐讯数据通信技术有限公司 基于固定的界面布局文件实现界面重新布局的方法及系统

Families Citing this family (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103955391B (zh) * 2014-05-12 2017-11-03 上海卓悠网络科技有限公司 一种自由配置界面的方法和装置
CN105204873B (zh) * 2014-05-27 2019-01-25 宇龙计算机通信科技(深圳)有限公司 一种终端及应用界面显示方法
CN105373301A (zh) * 2014-08-14 2016-03-02 中兴通讯股份有限公司 控件显示方法、装置及终端
CN104636038B (zh) * 2015-01-28 2018-03-09 桂林长海发展有限责任公司 一种自绘滑动条的系统及方法
CN106033410B (zh) * 2015-03-20 2019-11-26 广州金山移动科技有限公司 一种对象尺寸调整方法
CN104834521A (zh) * 2015-04-27 2015-08-12 深圳市金立通信设备有限公司 一种应用界面的调整方法
CN104866189A (zh) * 2015-04-27 2015-08-26 深圳市金立通信设备有限公司 一种终端
CN105068788A (zh) * 2015-07-01 2015-11-18 浙江宇视科技有限公司 一种视频监控系统中快速恢复用户工作场景的方法及装置
CN106066790A (zh) * 2016-05-25 2016-11-02 乐视控股(北京)有限公司 一种设置控件光晕的方法和装置
CN106126055A (zh) * 2016-06-12 2016-11-16 乐视控股(北京)有限公司 操作界面显示控制方法及装置
CN106095250B (zh) * 2016-07-29 2019-12-27 维沃移动通信有限公司 应用程序图标布局的方法及移动终端
CN107885421A (zh) * 2016-09-29 2018-04-06 珠海金山办公软件有限公司 一种工具栏的变化显示方法及装置
CN108509141B (zh) * 2018-03-30 2020-06-02 维沃移动通信有限公司 一种控件的生成方法及移动终端
WO2020125311A1 (zh) * 2018-12-20 2020-06-25 聚好看科技股份有限公司 智能电视的多媒体文件的展示方法、装置及存储介质
CN112579078A (zh) * 2019-09-27 2021-03-30 宝能汽车集团有限公司 人机界面的布局方法、多媒体系统及车辆
CN114911549A (zh) * 2021-02-08 2022-08-16 华为终端有限公司 一种页面显示方法、装置和电子设备
CN113467673A (zh) * 2021-05-24 2021-10-01 康键信息技术(深圳)有限公司 移动端界面布置方法、装置、设备及存储介质
CN116107686B (zh) * 2023-04-13 2023-07-11 福建自贸试验区厦门片区Manteia数据科技有限公司 医疗软件的界面处理方法、装置、存储介质以及电子设备

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101847079A (zh) * 2010-04-30 2010-09-29 中兴通讯股份有限公司 调整控件按钮布局的方法和装置
CN102012783A (zh) * 2010-09-16 2011-04-13 宇龙计算机通信科技(深圳)有限公司 一种终端壁纸的控制方法及终端
CN102479027A (zh) * 2010-11-24 2012-05-30 中兴通讯股份有限公司 一种触摸屏应用图标的控制方法及装置

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7509588B2 (en) * 2005-12-30 2009-03-24 Apple Inc. Portable electronic device with interface reconfiguration mode
KR20100030968A (ko) * 2008-09-11 2010-03-19 엘지전자 주식회사 단말기 및 그의 메뉴 디스플레이 방법
CN102163129A (zh) * 2011-04-26 2011-08-24 宇龙计算机通信科技(深圳)有限公司 一种实现图标变形的方法及装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101847079A (zh) * 2010-04-30 2010-09-29 中兴通讯股份有限公司 调整控件按钮布局的方法和装置
CN102012783A (zh) * 2010-09-16 2011-04-13 宇龙计算机通信科技(深圳)有限公司 一种终端壁纸的控制方法及终端
CN102479027A (zh) * 2010-11-24 2012-05-30 中兴通讯股份有限公司 一种触摸屏应用图标的控制方法及装置

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103645906A (zh) * 2013-12-25 2014-03-19 上海斐讯数据通信技术有限公司 基于固定的界面布局文件实现界面重新布局的方法及系统
CN103645906B (zh) * 2013-12-25 2018-04-10 上海斐讯数据通信技术有限公司 基于固定的界面布局文件实现界面重新布局的方法及系统

Also Published As

Publication number Publication date
CN103631484A (zh) 2014-03-12

Similar Documents

Publication Publication Date Title
WO2013185703A1 (zh) 一种调整界面控件位置的方法、装置及终端
US11416205B2 (en) Systems and methods for initiating and interacting with a companion-display mode for an electronic device with a touch-sensitive display
CN104951232B (zh) 操作便携式终端的方法和支持所述方法的便携式终端
US10452333B2 (en) User terminal device providing user interaction and method therefor
US10761712B2 (en) Anchoring viewport
EP3041201B1 (en) User terminal device and control method thereof
JP6155869B2 (ja) 表示制御装置、表示制御方法およびプログラム
CN104011639B (zh) 用于在触摸屏显示器上提供可视效果的方法、设备和图形用户界面
CN102768612B (zh) 精细地控制内容的方法以及支持该方法的便携式终端
EP2701054B1 (en) Method and apparatus for constructing a home screen in a terminal having a touch screen
US20170185373A1 (en) User terminal device, and mode conversion method and sound system for controlling volume of speaker thereof
US9361020B2 (en) Method and apparatus for displaying e-book in terminal having function of e-book reader
US20140344765A1 (en) Touch Sensitive UI Pinch and Flick Techniques for Managing Active Applications
US11119653B2 (en) Systems and methods for activating and using a trackpad at an electronic device with a touch-sensitive display and no force sensors
US20150100914A1 (en) Gestures for multiple window operation
TWI598803B (zh) 使用者終端裝置及其控制方法
US10067666B2 (en) User terminal device and method for controlling the same
CN104007894A (zh) 便携式设备及其多应用操作方法
USRE49272E1 (en) Adaptive determination of information display
US20130014042A1 (en) Method and apparatus for adjusting size of a list item
JP2014149833A (ja) マルチタスキング運用のための画面表示方法及びこれをサポートする端末機
US20210405870A1 (en) Systems and methods for activating and using a trackpad at an electronic device with a touch-sensitive display and no force sensors
WO2013134995A1 (zh) 一种删除区域显示内容、已录入文字的方法及装置
WO2014019207A1 (zh) Widget处理方法、装置及移动终端
KR20130045781A (ko) 전자책 리더 기능을 구비한 단말기에서 전자책 표시 방법 및 장치

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 13804789

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 13804789

Country of ref document: EP

Kind code of ref document: A1