CN110286899B - 应用程序显示界面的编辑方法及装置、存储介质 - Google Patents
应用程序显示界面的编辑方法及装置、存储介质 Download PDFInfo
- Publication number
- CN110286899B CN110286899B CN201910577177.0A CN201910577177A CN110286899B CN 110286899 B CN110286899 B CN 110286899B CN 201910577177 A CN201910577177 A CN 201910577177A CN 110286899 B CN110286899 B CN 110286899B
- Authority
- CN
- China
- Prior art keywords
- panel
- editing
- display content
- interface
- target display
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 53
- 238000003860 storage Methods 0.000 title claims abstract description 9
- 238000012544 monitoring process Methods 0.000 claims abstract description 27
- 230000007246 mechanism Effects 0.000 claims description 16
- 238000003825 pressing Methods 0.000 claims description 16
- 230000015654 memory Effects 0.000 claims description 12
- 238000004590 computer program Methods 0.000 claims description 10
- 238000005096 rolling process Methods 0.000 claims description 3
- 239000000758 substrate Substances 0.000 claims 1
- 238000013461 design Methods 0.000 description 16
- 238000012545 processing Methods 0.000 description 12
- 230000008569 process Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 7
- 230000003993 interaction Effects 0.000 description 3
- 238000012423 maintenance Methods 0.000 description 3
- 230000006978 adaptation Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 230000009471 action Effects 0.000 description 1
- 230000003044 adaptive effect Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000012790 confirmation Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000009826 distribution Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000005259 measurement Methods 0.000 description 1
- 230000000737 periodic effect Effects 0.000 description 1
- 238000007639 printing Methods 0.000 description 1
- 238000010998 test method Methods 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction 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/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction 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/0488—Interaction 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
- G06F3/04883—Interaction 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 for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供一种应用程序显示界面的编辑方法及装置、存储介质。该方法包括:获取对应用程序的编辑界面中的目标显示内容的操作手势;所述编辑界面用于对所述应用程序的显示界面进行编辑处理;利用滚动视图控件,监测所述操作手势的操作轨迹;根据所述操作轨迹,利用表视图控件,更新所述目标显示内容在所述编辑界面中的显示位置。本发明的方法,提高了对显示界面的编辑效率,降低了界面编辑的时间和人力成本。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种应用程序显示界面的编辑方法及装置、存储介质。
背景技术
在移动应用程序的项目管理中,尤其是针对向用户开放的前台显示界面的编辑场景中,一般是通过对该显示界面的后台编辑界面进行编辑实现的。
在针对应用程序的显示界面进行编辑的场景中,经常会遇到将其中显示的某部分内容的显示位置进行调整的编辑处理,而这一类编辑处理一般由编辑维护人员来进行手动编辑处理。例如,当需要将显示界面中的某一显示内容的显示位置进行调整时,需要编辑维护人员在编辑界面上打开该显示内容在该编辑界面上的显示位置数据,并手动对这些显示位置数据进行修改,才能实现针对该显示内容的位置调整。
在显示界面的编辑场景中,针对显示内容的位置调整依赖于用户手动修改显示位置数据实现,步骤繁琐,编辑效率较低,尤其给大体量的界面编辑带来人力及时间成本的挑战。
发明内容
本发明提供一种应用程序显示界面的编辑方法及装置、存储介质,用以提高对显示界面的编辑效率,降低界面编辑的时间和人力成本。
第一方面,本发明提供一种应用程序显示界面的编辑方法,包括:
获取对应用程序的编辑界面中的目标显示内容的操作手势;所述编辑界面用于对所述应用程序的显示界面进行编辑处理;
利用滚动视图控件,监测所述操作手势的操作轨迹;
根据所述操作轨迹,利用表视图控件,更新所述目标显示内容在所述编辑界面中的显示位置。
第二方面,本发明提供一种应用程序显示界面的编辑装置,包括:
获取模块,用于获取对应用程序的编辑界面中的目标显示内容的操作手势;所述编辑界面用于对所述应用程序的显示界面进行编辑处理;
监测模块,用于利用滚动视图控件,监测所述操作手势的操作轨迹;
更新模块,用于根据所述操作轨迹,利用表视图控件,更新所述目标显示内容在所述编辑界面中的显示位置。
第三方面,本发明提供一种应用程序显示界面的编辑装置,包括:
存储器;
处理器;以及
计算机程序;
其中,所述计算机程序存储在所述存储器中,并被配置为由所述处理器执行以实现如第一方面所述的方法。
第四方面,本发明提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行以实现如第一方面所述的方法。
本发明提供的应用程序显示界面的编辑方法及装置、存储介质,通过编辑界面实现对显示界面的修改,具体通过对编辑界面上针对目标显示内容的操作手势,通过滚动视图控件实现对其操作轨迹的监控,并根据操作轨迹,利用表视图控件,实现对目标显示内容的显示位置修改,如此,在进行界面编辑的过程中,编辑维护人员仅需要在编辑界面上作出操作手势,即可自动实现对目标显示内容的编辑,相较于查找显示内容的显示属性数据并手动修改的方式,极大地简化了界面编辑步骤,有利于提高编辑效率,节省界面编辑的时间成本与人力成本;并且,由于实现步骤相对简单,因此,在一定程度上也能够满足大体量界面编辑的编辑需求。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。
图1为本发明实施例所提供的一种应用程序显示界面的编辑方法的流程示意图;
图2为本发明实施例所提供的一种编辑界面示意图;
图3为本发明实施例所提供的另一种编辑界面示意图;
图4为本发明实施例所提供的一种应用程序显示界面的编辑方法的流程示意图;
图5为本发明实施例所提供的另一种编辑界面示意图;
图6为本发明实施例所提供的另一种编辑界面示意图;
图7为本发明实施例所提供的一种应用程序显示界面的编辑装置的功能方块图;
图8为本发明实施例所提供的一种应用程序显示界面的编辑装置的实体结构示意图。
通过上述附图,已示出本公开明确的实施例,后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本公开构思的范围,而是通过参考特定实施例为本领域技术人员说明本公开的概念。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
首先对本发明所涉及的名词进行解释:
iOS:是由苹果公司开发的移动操作系统。苹果公司最早于2007年1月9日的Macworld大会上公布这个系统,最初是设计给iPhone(苹果公司推出的智能手机系列产品)使用的,后来陆续套用到iPod touch(苹果公司推出的一种便携式移动产品)、iPad(苹果公司推出的平板电脑系列产品)以及Apple TV(苹果公司推出的一种高清电视机顶盒产品)等产品上。iOS与苹果的Mac OS X(苹果公司开发的一种操作系统名称)操作系统一样,属于类尤尼斯(Unix,一种多用户、多任务操作系统)的商业操作系统。原本这个系统名为iPhone OS,因为iPad,iPhone,iPod touch都使用iPhone OS,所以2010年的苹果全球开发者大会(Worldwide Developers Conference,WWDC)上宣布改名为iOS。iOS为美国思科(Cisco)公司网络设备操作系统注册商标,目前,苹果公司的改名已获得Cisco公司授权。
应用程序编程接口(Application Programming Interface,API):包括一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。
UIKit:一种为iOS系统或其他应用程序提供所需的基础框架,其具体提供了用于实现界面的窗口和视图架构,用于向应用程序提供多点触控和其他类型输入的事件处理基础设施,以及管理用户、系统和应用程序之间交互所需的主运行循环。框架提供的其他功能包括动画支持、文档支持、绘图和打印支持、有关当前设备的信息、文本管理和显示、搜索支持、辅助功能支持、应用程序扩展支持和资源管理。
笛卡尔坐标:直角坐标系和斜角坐标系的统称。相交于原点的两条数轴,构成了平面放射坐标系。如两条数轴上的度量单位相等,则称此放射坐标系为笛卡尔坐标系。两条数轴互相垂直的笛卡尔坐标系,称为笛卡尔直角坐标系,否则称为笛卡尔斜角坐标系。其中,二维的直角坐标系是由两条相互垂直、零点重合的数轴构成的。在平面内,任何一点的坐标是根据数轴上对应的点的坐标设定的。在平面内,任何一点与坐标的对应关系,类似于数轴上点与坐标的对应关系。采用直角坐标,几何形状可以用代数公式明确的表达出来。几何形状的每一个点的直角坐标必须遵守这代数公式。
本发明实施例所提供的技术方案针对的应用场景为:针对iOS系统的应用程序的显示界面进行编辑的场景。进一步的,可具体为针对iOS系统中应用程序的显示界面中所显示的内容的显示位置调整场景。
其中,本发明实施例所涉及到的显示界面是指面向应用程序在运行过程中的显示界面;而编辑界面是面对后台的编辑维护人员的界面,其与显示界面具备相同的显示内容及显示参数,具体用于对应用程序的显示界面进行编辑处理。其中,编辑处理的方式可以包括但不限于:针对显示内容显示位置的调整。此外,若无特殊说明,本发明实施例后续所涉及到的用户是指后台编辑维护人员。
在通过编辑界面对显示内容进行编辑处理的场景中,当需要对某一显示内容的显示位置进行调整时,需要编辑维护人员打开该显示内容对应的显示位置数据,如通过右键单击该显示内容,并打开该显示内容的属性数据,进而,在属性数据中找出显示位置数据的方式;在打开显示位置数据之后,还需要编辑维护人员手动输入或选择需要调整的目标显示位置的相应数据,并在确定后实现对显示位置的修改。如本发明背景技术所述,这种界面编辑方式步骤繁琐,编辑效率较低,需要耗费较大对时间成本及人力成本。
而本发明提供的技术方案,旨在解决现有技术的如上技术问题,并提出如下解决思路:基于iOS系统的UIKit框架中所具备的滚动视图控件(UI Scroll View)和表视图控件(UI Table View),利用滚动视图控件实现编辑界面的滚动从而得到操作手势的操作轨迹,利用表视图控件自动根据操作轨迹来实现对目标显示内容的显示位置的调整更新。
下面以具体地实施例对本发明的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图,对本发明的实施例进行描述。
实施例一
本发明实施例提供了一种应用程序显示界面的编辑方法。请参考图1,该方法包括如下步骤:
S102,获取对应用程序的编辑界面中的目标显示内容的操作手势;所述编辑界面用于对所述应用程序的显示界面进行编辑处理。
本发明实施例所涉及到的操作手势可以包括但不限于:拖拽手势、长按手势、单击手势与双击手势。其中,拖拽手势实质为一种位置发生变动的长按手势。本发明实施例对于该步骤能够获取到的操作手势的数目及类型无特别限定。
在具体实现该步骤时,UIkit框架可以捕捉到用户对测试屏幕的触摸事件,并通过触摸事件分发,通过多种不同的控件来实现对各触摸事件的监控。具体而言,可以通过调用按压控件,并通过按压控件实现对长按、单击或双击等触摸事件的监控。需要说明的是,针对不同的操作手势,其具体采用的按压控件可能不同。一种可能的设计中,可以通过调用长按(UI Long Press Gesture Recognizer)控件,并由UI Long Press Gesture Recognizer控件实现对长按事件的监测。
S104,利用滚动视图控件,监测所述操作手势的操作轨迹。
操作轨迹由操作手势在编辑界面上的交互位置构成。例如,拖拽轨迹可以由用户在编辑界面上拖拽目标显示内容的按压位置构成;单击轨迹可以由用户在编辑界面上的至少两个点击位置构成。
一种可能的设计中,拖拽轨迹还可以由至少两种操作手势在编辑界面上的交互位置构成。例如,可以将单击操作的点击位置作为操作轨迹的起点位置,将双击操作的点击位置作为操作轨迹的终点位置,得到一条由单击操作和双击操作组合构成的操作轨迹。又例如,可以将长按操作的按压位置作为起点位置,将单击操作的点击位置作为终点位置,得到一条由长按操作和单击操作组合构成的操作轨迹。
该步骤中,滚动视图控件(UI Scroll View)用于控制编辑界面滚动,以满足手势操作在不同显示位置进行触摸交互的需求,这使得操作轨迹能够覆盖编辑界面的任意位置。
举例说明,在一个编辑界面中,由于显示屏幕尺寸的限制,仅能显示其中的部分内容,此时,操作手势也只能在当前屏幕显示的部分编辑界面内进行位置调整,当其需要将目标显示内容由当前显示的部分编辑界面移动到另一部分未显示部分的编辑界面时,一般需要至少两次调整:其中,需经过至少一次调整,以使得调整后的目标显示内容与目标显示位置在显示屏幕所限制的显示范围内,并再进行一次调整,才能够使目标显示内容移动到目标显示位置。这无疑导致了操作步骤的繁琐并降低了编辑效率。考虑到这种不足,本发明实施例通过滚动视图控件实现编辑界面的滚动,如此,操作轨迹能够覆盖编辑界面的全部位置,用户可在整个编辑界面上进行编辑处理,这使得针对目标显示内容的位置调整更加人性化且更叫高效和灵活。
S106,根据所述操作轨迹,利用表视图控件,更新所述目标显示内容在所述编辑界面中的显示位置。
通过操作轨迹所指示的目标显示位置,将目标显示内容移动到该目标显示位置。具体而言,通过表视图(UI Table View)控件对该目标显示内容的显示位置数据进行修改更新,来实现位置调整。
具体而言,考虑到实际实现编辑场景中,用户可能在编辑界面上进行多种操作处理,那么,由此得到的操作轨迹可以可能为多种操作手势构成的。那么,在这种实现场景中,还需要在其中筛选出有效操作轨迹或有效操作手势,只有有效操作手势在编辑界面上的有效操作轨迹所指示的位置,才是目标显示位置。
此时,基于操作手势的多样性,可以提前预设用于实现该显示位置调整的指定手势和/或指定操作轨迹,可知,当同时预设二者时,指定手势与指定操作轨迹相匹配。例如,可以将指定手势预设为拖拽手势,也可以将指定操作轨迹预设为以长按操作为起点且以单击操作为终点构成的操作轨迹,其中,该指定操作轨迹仅由起点位置与终点位置构成。
可知,无论是以前述何种方式进行预设,在执行S106步骤之前,都需要确定出与指定操作轨迹对应的目标轨迹,以便于以此为依据确定出目标显示位置。例如,一种设计中,若预设了指定手势,可在S102步骤即开始执行针对指定手势的判断,或者,自S102步骤中仅用于监测指定手势。或者,另一种设计中,若指定操作轨迹由至少两个操作手势的按压位置构成,则可以在S102中仅监测这至少两种操作手势,或者,可监测所有操作手势;并且,在S104即开始判断当前监测到的操作轨迹是否为指定操作轨迹。
此外,当确定出与指定操作轨迹对应的目标轨迹,则该目标轨迹的终点位置一般用于指示目标显示位置。
为了便于说明,以下,以拖拽操作为指定操作手势,对本发明实施例的各实现方式进行具体说明。
如前所述,拖拽操作为一种位置发生变化的按压事件,由此,在执行S102时,可通过前述长按控件监控所述应用程序的所述编辑界面上的按压事件,进而,根据所述按压事件,确定所述目标显示内容并确定所述操作手势。
其中,根据所述按压事件,确定所述目标显示内容,至少可以包括如下两种实现方式:
方式一,直接将按压时间的初始位置对应的显示内容确定为目标显示内容;
方式二,截取所述按压事件的初始按压位置对应显示内容的图像,以作为所述目标显示内容。
本发明实施例中,滚动视图控件可以实现单个显示面板内显示内容的滚动,也可以实现多个不同面板间的滚动。其中,本发明实施例所涉及到的面板是指具备不同类别属性的一个显示区域。其中,类别属性可以自定义,本发明实施例对此也无特别限定。此外,本发明实施例对于面板内的排版方式以及面板间的排版方式无特别限定。
举例说明,请参考图2,图2示出了一种新闻类应用程序的编辑界面,其中,根据新闻的类别来划分类别属性,在该编辑界面中划分出3个面板:娱乐面板、体育面板与社会面板,其中,娱乐面板用于显示娱乐新闻,体育面板用于显示体育新闻,社会面板用于显示社会新闻。
如前所述,滚动视图控件可实现面板内及面板间移动,本发明实施例在S104所监测到的操作轨迹可能为跨面板间操作轨迹,也可以为面板内轨迹。也就是,若所述操作轨迹的起始位置位于第一面板,所述操作轨迹的终止位置位于第二面板;则所述第一面板与所述第二面板为所述编辑界面中的不同面板,或者,为所述编辑界面中的同一面板。
具体而言,S104的实现方式可以包括但不限于如下实现方式:
利用所述滚动视图控件的滚动机制,控制当前显示面板内各显示内容进行滚动,并监测所述操作手势在同一面板内的操作轨迹;和/或,
利用所述滚动视图控件的did Scroll回调机制,控制所述编辑界面在至少两个面板间进行滚动,并监测所述操作手势在面板间的操作轨迹。
其中,面板间的滚动在表视图控件中变现为表的移动,每个面板对应于一个表,因此,在执行面板间滚动时,除滚动视图控件的did Scroll回调机制,还需要调用setContent Offet控件,以实时更新列表的动态位置,达到整个编辑界面上的面板间滑动效果。
结合图2所示编辑面板为例,滚动视图空间的滚动机制,能够控制当前显示的体育面板中显示的内容在体育新闻1~体育新闻N(N为大于0的整数)之间进行滚动。而滚动视图控件的回调机制,则支持编辑界面在体育面板、娱乐面板与社会面板之间进行面板间滚动。
滚动视图控件控制编辑界面所显示的内容进行滚动时,滚动方向可以通过预设方式、操作轨迹的移动方向、编辑界面中面板间排布方向、面板内显示内容的排布方向与当前触摸位置所在的边缘位置中的至少一种来实现。
例如,在图2所示编辑界面中,3个面板呈横向排布,面板内显示内容纵向排布,那么,若拖拽操作轨迹的上一次拖拽方向为纵向,则控制当前显示面板内的显示内容进行向上滚动或向下滚动;若拖拽操作轨迹的当前触摸位置到达面板的横向边缘位置时,控制当前显示面板内的显示内容进行面板间向左或向右滚动。
又例如,若在一个编辑界面中,多个面板呈纵向排布,面板内显示内容也呈纵向排布,那么,若拖拽操作轨迹的上一次拖拽方向为纵向,则控制当前显示面板内的显示内容进行向上滚动或向下滚动,以及,当达到当前显示面板的顶部边缘位置或底部边缘位置时,控制进行面板间滚动,将当前显示面板切换为另一个相邻的面板,并继续根据拖拽操作轨迹进行滚动。
此外,以其他排布方式排布的编辑界面的滚动方式,与前述方式类似,不再赘述。
此外,在一种可能的设计中,为了便于用户识别,还可以将目标显示对象设计为跟随操作手势移动。请参考图3所示编辑界面,体育新闻1为被移动对象,则截取体育新闻1所在显示内容,以作为目标显示内容,则在屏幕滚动过程中,体育新闻1的截取图像跟随显示内容的滚动而滚动显示。这种设计能够在一定程度上提醒用户当前在执行针对目标显示内容的位置调整,并且,还能够提醒其目标显示内容的具体内容,有利于提升用户体验。
在一种具体的设计中,考虑到编辑界面中可能存在较多的面板,或者,面板中存在较多的显示内容,那么,用户拖动目标显示内容进行面板内或面板间滚动,可能需要较长时间才能够到达目标显示位置,这种实现方式仍存在效率问题。基于此,本发明实施例进一步给出一种改进方案:在滚动视图控件控制编辑界面中各显示内容或面板进行滚动时,以调速滚动的方式实现。
具体而言,所述控制当前显示面板内各显示内容进行滚动,包括:控制当前显示面板内各显示内容进行调速滚动。和/或,所述控制所述编辑界面在至少两个面板间进行滚动,包括:控制所述编辑界面在至少两个面板间进行调速滚动。
其中,调速滚动可以包括但不限于:加速滚动、降速滚动。而滚动速度的调整,可以根据拖拽操作轨迹的移动速度实现,将长按事件在单位时间内的位置变化作为移动速度。例如,一种设计中,可以预设移动速度预设与滚动速度之间的对应关系,从而,根据移动速度来实现相对应滚动速度的滚动。或者额,还可以预设为若移动速度提升,则加速滚动;若移动速度降低,则降速滚动。其中,滚动速度升高或降低的程度可根据需要自定义预设。
此外,在S104步骤实现时,可实时监测操作手势的操作轨迹,或者,也可以通过iOS的跑圈(Runloop)机制,间歇性监测其操作轨迹。
在具体实现时,Runloop机制可用以实现周期性监听。例如,可以以每秒钟60次的频率,监听操作手势在编辑界面上的触摸位置,并由此得到操作轨迹。
还需要说明的是,本发明实施例所述的操作轨迹由编辑界面上的像素位置构成。换言之,在执行针对操作轨迹的监测获取步骤时,需要根据用户手指在编辑界面上的触摸位置,转换为屏幕中的像素位置,其中,该转换可以通过iOS系统的笛卡尔坐标系实现。
基于前述说明,操作轨迹的起始位置位于第一面板,所述操作轨迹的终止位置位于第二面板,那么,在具体通过表视图控件,实现该位置更新步骤时,可以包括如图4所示的下列步骤:
S1062,将所述目标显示内容所属的面板更新为所述操作轨迹的终止位置所在面板(所述第二面板)。
S1064,根据所述操作轨迹,将所述目标显示内容的显示位置更新为所述第二面板中的位置。
可知,当第二面板与第一面板为同一面板时,仅需要执行S1064,将第一面板中的目标显示内容由操作轨迹的起始位置移动到其终止位置。可以参考图5的所示界面示意图。如图5所示,体育新闻1在该体育面板下,通过拖拽操作,由第1个显示位置调整并更新为第3个显示位置,图5中带箭头的虚线表示拖拽轨迹。
另一方面,当第二面板与第一面板为不同面板时,可执行S1062与S1064,也就是,修改该目标显示内容所属的面板,并对其在面板中的显示位置进行调整。此时,可以参考图6所示界面示意图,如图6所示,通过拖拽操作,将体育面板下的体育新闻1拖拽至社会面板下的第3个显示位置。
具体而言,S1062可以通过表视图控件对目标显示内容所属的面板类型进行修改实现。如此,配合表视图控件的刷新加载流程,在其刷新后即可显示除位置调整后的目标显示内容。
以图6所示的场景为例,表视图控件将体育新闻1所属的面板由体育面板修改为社会面板,并在表视图控件的刷新加载流程作用下,实现该体育新闻1的位置移动。
而S1064的实现流程,也是通过表视图控件实现。具体的,需要根据操作轨迹确定目标显示位置,并在确认之后利用所述表视图控件,将所述目标显示内容的显示坐标参数修改为所述目标显示位置的坐标参数。本发明实施例所涉及到的坐标参数可以包括但不限于:像素坐标与显示优先级中的至少一个。其中,显示优先级用于指示在当前面板中的显示次序。
其中,目标显示位置的设计如前所述,可以将所述操作轨迹在所述第二面板中所指向的位置确定为目标显示位置。
此外,还可以通过自适应调节的方式确定其目标显示位置。例如,可以将目标显示位置预设为第二面板中的指定位置,如第一个显示位置或最后一个显示位置等;又例如,可以按照第二面板的排序规则,计算目标显示内容在第二面板中的优先级,并以此确定其显示位置。
可以理解的是,上述实施例中的部分或全部步骤或操作仅是示例,本申请实施例还可以执行其它操作或者各种操作的变形。此外,各个步骤可以按照上述实施例呈现的不同的顺序来执行,并且有可能并非要执行上述实施例中的全部操作。
实施例二
基于上述实施例一所提供的应用程序显示界面的编辑方法,本发明实施例进一步给出实现上述方法实施例中各步骤及方法的装置实施例。
本发明实施例提供了一种应用程序显示界面的编辑装置,请参考图7,该应用程序显示界面的编辑装置700,包括:
获取模块71,用于获取对应用程序的编辑界面中的目标显示内容的操作手势;所述编辑界面用于对所述应用程序的显示界面进行编辑处理;
监测模块72,用于利用滚动视图控件,监测所述操作手势的操作轨迹;
更新模块73,用于根据所述操作轨迹,利用表视图控件,更新所述目标显示内容在所述编辑界面中的显示位置。
一种可能的设计中,所述操作轨迹的起始位置位于第一面板,所述操作轨迹的终止位置位于第二面板;
所述第一面板与所述第二面板为所述编辑界面中的不同面板,或者,为所述编辑界面中的同一面板。
其中,更新模块73,具体用于:
将所述目标显示内容所属的面板更新为所述第二面板;
根据所述操作轨迹,将所述目标显示内容的显示位置更新为所述第二面板中的位置。
一方面,更新模块73,具体用于:
利用所述表视图控件,将所述目标显示内容所属的面板类型修改为所述第二面板。
另一方面,更新模块73,具体用于:
确定所述操作轨迹在所述第二面板中所指向的位置为目标显示位置;
利用所述表视图控件,将所述目标显示内容的显示坐标参数修改为所述目标显示位置的坐标参数。
一种可能的设计中,监测模块72,具体用于:
利用所述滚动视图控件的滚动机制,控制当前显示面板内各显示内容进行滚动,并监测所述操作手势在同一面板内的操作轨迹;和/或,
利用所述滚动视图控件的回调机制,控制所述编辑界面在至少两个面板间进行滚动,并监测所述操作手势在面板间的操作轨迹。
另一种可能的设计中,监测模块72,具体用于:
控制当前显示面板内各显示内容进行调速滚动;和/或,
控制所述编辑界面在至少两个面板间进行调速滚动。
另一种可能的设计中,监测模块72,具体用于:
采用跑圈机制,间歇性监测所述操作手势的操作轨迹。
一种可能的设计中,获取模块71,具体用于:
监控所述应用程序的所述编辑界面上的按压事件;
根据所述按压事件,确定所述目标显示内容并确定所述操作手势。
其中,获取模块71,具体用于:
截取所述按压事件的初始按压位置对应显示内容的图像,以作为所述目标显示内容。
此外,该应用程序显示界面的编辑装置700还包括:
控制模块(图7未示出),用于控制所述目标显示内容跟随所述操作手势移动。
本发明实施例中,所述操作轨迹由所述编辑界面上的像素位置构成。
图7所示实施例的应用程序显示界面的编辑装置700可用于执行上述方法实施例的技术方案,其实现原理和技术效果可以进一步参考方法实施例中的相关描述,可选的,该应用程序显示界面的编辑装置700可以是应用程序的服务器或终端设备。
应理解以上图7所示应用程序显示界面的编辑装置700的各个模块的划分仅仅是一种逻辑功能的划分,实际实现时可以全部或部分集成到一个物理实体上,也可以物理上分开。且这些模块可以全部以软件通过处理元件调用的形式实现;也可以全部以硬件的形式实现;还可以部分模块以软件通过处理元件调用的形式实现,部分模块通过硬件的形式实现。例如,更新模块73可以为单独设立的处理元件,也可以集成在应用程序显示界面的编辑装置700中,例如终端的某一个芯片中实现,此外,也可以以程序的形式存储于应用程序显示界面的编辑装置700的存储器中,由应用程序显示界面的编辑装置700的某一个处理元件调用并执行以上各个模块的功能。其它模块的实现与之类似。此外这些模块全部或部分可以集成在一起,也可以独立实现。这里所述的处理元件可以是一种集成电路,具有信号的处理能力。在实现过程中,上述方法的各步骤或以上各个模块可以通过处理器元件中的硬件的集成逻辑电路或者软件形式的指令完成。
例如,以上这些模块可以是被配置成实施以上方法的一个或多个集成电路,例如:一个或多个特定集成电路(Application Specific Integrated Circuit,ASIC),或,一个或多个微处理器(digital singnal processor,DSP),或,一个或者多个现场可编程门阵列(Field Programmable Gate Array,FPGA)等。再如,当以上某个模块通过处理元件调度程序的形式实现时,该处理元件可以是通用处理器,例如中央处理器(Central ProcessingUnit,CPU)或其它可以调用程序的处理器。再如,这些模块可以集成在一起,以片上系统(system-on-a-chip,SOC)的形式实现。
并且,本发明实施例提供了一种应用程序显示界面的编辑装置,请参考图8,该应用程序显示界面的编辑装置800,包括:
存储器810;
处理器820;以及
计算机程序;
其中,计算机程序存储在存储器810中,并被配置为由处理器820执行以实现如上述实施例所述的方法。
其中,应用程序显示界面的编辑装置800中处理器820的数目可以为一个或多个,处理器820也可以称为处理单元,可以实现一定的控制功能。所述处理器820可以是通用处理器或者专用处理器等。在一种可选地设计中,处理器820也可以存有指令,所述指令可以被所述处理器820运行,使得所述应用程序显示界面的编辑装置800执行上述方法实施例中描述的测试方法。
在又一种可能的设计中,应用程序显示界面的编辑装置800可以包括电路,所述电路可以实现前述方法实施例中发送或接收或者通信的功能。
可选地,所述应用程序显示界面的编辑装置800中存储器810的数目可以为一个或多个,存储器810上存有指令或者中间数据,所述指令可在所述处理器820上被运行,使得所述应用程序显示界面的编辑装置800执行上述方法实施例中描述的方法。可选地,所述存储器810中还可以存储有其他相关数据。可选地处理器820中也可以存储指令和/或数据。所述处理器820和存储器810可以单独设置,也可以集成在一起。
此外,如图8所示,在该应用程序显示界面的编辑装置800中还设置有收发器830,其中,所述收发器830可以称为收发单元、收发机、收发电路、或者收发器等,用于与其他设备进行数据传输或通信,在此不再赘述。
如图8所示,存储器810、处理器820与收发器830通过总线连接并通信。
若该应用程序显示界面的编辑装置800用于实现对应于图1中的方法时,各个部件的具体的处理方式可以参考前述实施例的相关描述。
此外,本发明实施例提供了一种可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行以实现如实施例一所述的方法。
由于本实施例中的各模块能够执行实施例一所示的方法,本实施例未详细描述的部分,可参考对实施例一的相关说明。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本发明旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求书指出。
Claims (12)
1.一种应用程序显示界面的编辑方法,其特征在于,包括:
获取对应用程序的编辑界面中的目标显示内容的操作手势;所述编辑界面用于对所述应用程序的显示界面进行编辑处理;
利用滚动视图控件的滚动机制,控制当前显示面板内各显示内容进行滚动,并监测所述操作手势在同一面板内的操作轨迹;和/或,利用所述滚动视图控件的回调机制,控制所述编辑界面在至少两个面板间进行滚动,并监测所述操作手势在面板间的操作轨迹;所述操作轨迹的起始位置位于第一面板,所述操作轨迹的终止位置位于第二面板;所述第一面板与所述第二面板为所述编辑界面中的不同面板,或者,为所述编辑界面中的同一面板;
根据所述操作轨迹,利用表视图控件,更新所述目标显示内容在所述编辑界面中的显示位置;
所述根据所述操作轨迹,利用表视图控件,更新所述目标显示内容在所述编辑界面中的显示位置,包括:
将所述目标显示内容所属的面板更新为所述第二面板;
根据所述操作轨迹,将所述目标显示内容的显示位置更新为所述第二面板中的位置。
2.根据权利要求1所述的方法,其特征在于,所述将所述目标显示内容所属的面板更新为所述第二面板,包括:
利用所述表视图控件,将所述目标显示内容所属的面板类型修改为所述第二面板。
3.根据权利要求1所述的方法,其特征在于,所述根据所述操作轨迹,将所述目标显示内容的显示位置更新为所述第二面板中的位置,包括:
确定所述操作轨迹在所述第二面板中所指向的位置为目标显示位置;
利用所述表视图控件,将所述目标显示内容的显示坐标参数修改为所述目标显示位置的坐标参数。
4.根据权利要求1所述的方法,其特征在于,
所述控制当前显示面板内各显示内容进行滚动,包括:控制当前显示面板内各显示内容进行调速滚动;
所述控制所述编辑界面在至少两个面板间进行滚动,包括:控制所述编辑界面在至少两个面板间进行调速滚动。
5.根据权利要求1所述的方法,其特征在于,所述监测所述操作手势的操作轨迹,包括:
采用跑圈机制,间歇性监测所述操作手势的操作轨迹。
6.根据权利要求1所述的方法,其特征在于,所述获取对应用程序的编辑界面中的目标显示内容的操作手势,包括:
监控所述应用程序的所述编辑界面上的按压事件;
根据所述按压事件,确定所述目标显示内容并确定所述操作手势。
7.根据权利要求6所述的方法,其特征在于,所述根据所述按压事件,确定所述目标显示内容,包括:
截取所述按压事件的初始按压位置对应显示内容的图像,以作为所述目标显示内容。
8.根据权利要求1所述的方法,其特征在于,所述方法还包括:
控制所述目标显示内容跟随所述操作手势移动。
9.根据权利要求1所述的方法,其特征在于,所述操作轨迹由所述编辑界面上的像素位置构成。
10.一种应用程序显示界面的编辑装置,其特征在于,包括:
获取模块,用于获取对应用程序的编辑界面中的目标显示内容的操作手势;所述编辑界面用于对所述应用程序的显示界面进行编辑处理;
监测模块,用于利用滚动视图控件,监测所述操作手势的操作轨迹;
更新模块,用于根据所述操作轨迹,利用表视图控件,更新所述目标显示内容在所述编辑界面中的显示位置;
所述操作轨迹的起始位置位于第一面板,所述操作轨迹的终止位置位于第二面板;所述第一面板与所述第二面板为所述编辑界面中的不同面板,或者,为所述编辑界面中的同一面板;
所述监测模块,具体用于利用滚动视图控件的滚动机制,控制当前显示面板内各显示内容进行滚动,并监测所述操作手势在同一面板内的操作轨迹;和/或,利用所述滚动视图控件的回调机制,控制所述编辑界面在至少两个面板间进行滚动,并监测所述操作手势在面板间的操作轨迹;
所述更新模块,具体用于将所述目标显示内容所属的面板更新为所述第二面板;
根据所述操作轨迹,将所述目标显示内容的显示位置更新为所述第二面板中的位置。
11.一种应用程序显示界面的编辑装置,其特征在于,包括:
存储器;
处理器;以及
计算机程序;
其中,所述计算机程序存储在所述存储器中,并被配置为由所述处理器执行以实现如权利要求1-9任一项所述的方法。
12.一种计算机可读存储介质,其特征在于,其上存储有计算机程序,
所述计算机程序被处理器执行以实现如权利要求1-9任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910577177.0A CN110286899B (zh) | 2019-06-28 | 2019-06-28 | 应用程序显示界面的编辑方法及装置、存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910577177.0A CN110286899B (zh) | 2019-06-28 | 2019-06-28 | 应用程序显示界面的编辑方法及装置、存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110286899A CN110286899A (zh) | 2019-09-27 |
CN110286899B true CN110286899B (zh) | 2023-12-15 |
Family
ID=68019710
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910577177.0A Active CN110286899B (zh) | 2019-06-28 | 2019-06-28 | 应用程序显示界面的编辑方法及装置、存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110286899B (zh) |
Families Citing this family (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111782202B (zh) * | 2020-06-30 | 2024-07-19 | 京东科技控股股份有限公司 | 一种应用数据的编辑方法和装置 |
CN112632942B (zh) * | 2020-08-19 | 2021-09-28 | 腾讯科技(深圳)有限公司 | 一种文档处理方法、装置、设备及介质 |
CN112363654A (zh) * | 2020-11-27 | 2021-02-12 | 歌尔科技有限公司 | 可穿戴设备的显示控制方法、可穿戴设备及存储介质 |
CN113190230B (zh) * | 2021-05-21 | 2024-05-03 | 广东群创信息科技有限公司 | 一种自定义设置ui界面的医疗显示方法及系统 |
CN114610190B (zh) * | 2022-03-14 | 2024-05-31 | 富途网络科技(深圳)有限公司 | 界面编辑方法、装置、电子设备和可读介质 |
CN114816194B (zh) * | 2022-06-28 | 2022-09-27 | 西安羚控电子科技有限公司 | 一种全能图像显控系统及方法 |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102750105A (zh) * | 2012-06-29 | 2012-10-24 | 宇龙计算机通信科技(深圳)有限公司 | 终端和触控轨迹的管理方法 |
CN105446629A (zh) * | 2014-05-30 | 2016-03-30 | 阿里巴巴集团控股有限公司 | 内容面板的切换方法、装置及终端 |
CN108064368A (zh) * | 2016-12-30 | 2018-05-22 | 深圳市柔宇科技有限公司 | 柔性显示设备的控制方法及装置 |
CN108519902A (zh) * | 2018-03-30 | 2018-09-11 | 广州视源电子科技股份有限公司 | 交互智能设备的界面位置调整方法及装置 |
CN108769773A (zh) * | 2018-03-16 | 2018-11-06 | 青岛海信电器股份有限公司 | 多个对象之间排序时的编辑方法及显示终端 |
WO2018213451A1 (en) * | 2017-05-16 | 2018-11-22 | Apple Inc. | Devices, methods, and graphical user interfaces for navigating between user interfaces and interacting with control objects |
CN109062643A (zh) * | 2018-07-06 | 2018-12-21 | 佛山市灏金赢科技有限公司 | 一种显示界面调整方法、装置及终端 |
CN109101312A (zh) * | 2018-08-30 | 2018-12-28 | Oppo广东移动通信有限公司 | 应用界面编辑方法、装置、存储介质及移动终端 |
CN109324750A (zh) * | 2018-09-18 | 2019-02-12 | 天津字节跳动科技有限公司 | 移动终端字符编辑方法和装置 |
CN109814961A (zh) * | 2018-12-26 | 2019-05-28 | 北京城市网邻信息技术有限公司 | 列表控制方法、装置、电子设备及存储介质 |
CN109933397A (zh) * | 2019-02-22 | 2019-06-25 | 聚好看科技股份有限公司 | 界面显示处理方法、装置及终端 |
-
2019
- 2019-06-28 CN CN201910577177.0A patent/CN110286899B/zh active Active
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102750105A (zh) * | 2012-06-29 | 2012-10-24 | 宇龙计算机通信科技(深圳)有限公司 | 终端和触控轨迹的管理方法 |
CN105446629A (zh) * | 2014-05-30 | 2016-03-30 | 阿里巴巴集团控股有限公司 | 内容面板的切换方法、装置及终端 |
CN108064368A (zh) * | 2016-12-30 | 2018-05-22 | 深圳市柔宇科技有限公司 | 柔性显示设备的控制方法及装置 |
WO2018213451A1 (en) * | 2017-05-16 | 2018-11-22 | Apple Inc. | Devices, methods, and graphical user interfaces for navigating between user interfaces and interacting with control objects |
CN108769773A (zh) * | 2018-03-16 | 2018-11-06 | 青岛海信电器股份有限公司 | 多个对象之间排序时的编辑方法及显示终端 |
CN108519902A (zh) * | 2018-03-30 | 2018-09-11 | 广州视源电子科技股份有限公司 | 交互智能设备的界面位置调整方法及装置 |
CN109062643A (zh) * | 2018-07-06 | 2018-12-21 | 佛山市灏金赢科技有限公司 | 一种显示界面调整方法、装置及终端 |
CN109101312A (zh) * | 2018-08-30 | 2018-12-28 | Oppo广东移动通信有限公司 | 应用界面编辑方法、装置、存储介质及移动终端 |
CN109324750A (zh) * | 2018-09-18 | 2019-02-12 | 天津字节跳动科技有限公司 | 移动终端字符编辑方法和装置 |
CN109814961A (zh) * | 2018-12-26 | 2019-05-28 | 北京城市网邻信息技术有限公司 | 列表控制方法、装置、电子设备及存储介质 |
CN109933397A (zh) * | 2019-02-22 | 2019-06-25 | 聚好看科技股份有限公司 | 界面显示处理方法、装置及终端 |
Also Published As
Publication number | Publication date |
---|---|
CN110286899A (zh) | 2019-09-27 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110286899B (zh) | 应用程序显示界面的编辑方法及装置、存储介质 | |
EP3680766A1 (en) | Split screen display method, apparatus, terminal, and storage medium | |
US20140047392A1 (en) | Method and apparatus for controlling a display | |
CN107613402A (zh) | 一种弹幕调节方法、装置及存储介质 | |
CN107704157B (zh) | 一种多屏界面操作方法、装置及存储介质 | |
CN109656445B (zh) | 内容处理方法、装置、终端及存储介质 | |
CN110928614B (zh) | 界面显示方法、装置、设备及存储介质 | |
WO2015184736A1 (zh) | 一种触屏设备背景图变换的方法及终端 | |
KR20130032924A (ko) | 스마트 단말을 이용한 안드로이드 플랫폼 기반의 애플리케이션 실행 단말 제어방법 및 이를 위한 컴퓨터로 판독가능한 기록매체 | |
CN113703624A (zh) | 分屏方法、装置及电子设备 | |
WO2023072061A1 (zh) | 图标显示控制方法、装置、电子设备及存储介质 | |
CN111221456A (zh) | 互动面板显示方法、装置、设备及其存储介质 | |
US11024257B2 (en) | Android platform based display device and image display method thereof | |
EP2605527B1 (en) | A method and system for mapping visual display screens to touch screens | |
WO2022179409A1 (zh) | 控件显示方法、装置、设备及介质 | |
US20230199262A1 (en) | Information display method and device, and terminal and storage medium | |
WO2024099102A1 (zh) | 控件显示方法及装置、电子设备和可读存储介质 | |
CN111324398A (zh) | 最近内容的处理方法、装置、终端及存储介质 | |
EP3479220B1 (en) | Customizable compact overlay window | |
CN112835674B (zh) | 一种多窗口显示控制方法、系统及其储存介质 | |
CN104777981A (zh) | 信息快速分享方法及装置 | |
CN114518821A (zh) | 应用图标管理方法、装置和电子设备 | |
CN104077008B (zh) | 一种显示方法及电子设备 | |
CN110807164A (zh) | 图像区域的自动调节方法、装置、电子设备及计算机可读存储介质 | |
CN112486330B (zh) | 显示控制方法、装置及设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |