CN110780952A - 应用界面的交互方法、装置及电子设备 - Google Patents
应用界面的交互方法、装置及电子设备 Download PDFInfo
- Publication number
- CN110780952A CN110780952A CN201810896192.7A CN201810896192A CN110780952A CN 110780952 A CN110780952 A CN 110780952A CN 201810896192 A CN201810896192 A CN 201810896192A CN 110780952 A CN110780952 A CN 110780952A
- Authority
- CN
- China
- Prior art keywords
- interactive
- change
- interaction
- application interface
- distance
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种应用界面的交互方法、装置及电子设备。该方法包括:判断应用界面接收的用户操作是否符合预设的交互触发操作;当用户操作符合预设的交互触发操作时,设置在应用界面的与用户操作对应的交互区域中展示交互对象;获取用户操作的操作变化,根据操作变化控制交互对象在所述交互区域中的显示。根据本发明,可以给予用户独特的应用界面的交互操作体验。
Description
技术领域
本发明涉及人机交互技术领域,更具体地,涉及一种应用界面的交互方法、装置及电子设备。
背景技术
随着移动终端智能化的普及和互联网技术的发展,人们已经习惯通过移动终端运行应用(APP),对移动终端的显示屏幕显示的应用界面实施人机交互操作,来获取对应的应用服务。
而目前可向用户提供应用服务的应用虽然类型各异、数量众多,但是在接收用户实施的交互操作后,响应方式都大同小异,并不能给予用户独特的应用体验。
发明内容
本发明的一个目的是提供一种用于应用界面交互的新技术方案。
根据本发明的第一方面,提供了一种应用界面的交互方法,其中,包括:
判断应用界面接收的用户操作是否符合预设的交互触发操作;
当所述用户操作符合预设的交互触发操作时,设置在应用界面的与所述用户操作对应的交互区域中展示交互对象;
获取所述用户操作的操作变化,根据所述操作变化控制所述交互对象在所述交互区域中的显示。
可选地,所述预设的交互触发操作是下拉操作;
所述判断应用界面接收的用户操作是否符合预设的交互触发操作的步骤包括:
监听所述应用界面接收的所述用户操作触发的操作事件;
当所述操作事件是下拉事件时,确定所述用户操作符合预设的交互触发操作。
可选地,所述交互区域是被预先隐藏于所述应用界面中的矩形对象;
所述交互对象是被预先隐藏于所述应用界面中的图像对象;
所述设置应用界面中与所述用户操作对应的交互区域中展示交互对象的步骤包括:
响应于所述交互触发操作,获取所述交互区域的对象参数以及所述交互对象的对象参数;
其中,所述对象参数至少包括对象尺寸、对象属性、对象资源其中之一;
根据所述交互区域的对象参数以及所述交互对象的对象参数,设置所述应用界面显露所述交互区域并在所述交互区域中展示所述交互对象。
可选地,所述获取用户操作的操作变化的步骤包括:
监听所述用户操作触发的操作事件,获取对应的事件参数;
所述事件参数至少包括所述操作事件的事件类型、操作方向、操作距离、操作对象的其中之一;
根据所述事件参数的参数变化,确定对应的所述操作变化。
可选地,所述操作变化至少包括操作距离的变化;
所述根据所述操作变化控制所述交互对象在所述交互区域中的显示的步骤包括:
根据所述操作距离的变化,设置所述交互区域的区域高度变化与所述操作距离的变化一致;
根据所述操作距离的变化,更新所述交互对象的对象参数,控制所述交互对象根据所述对象参数进行显示。
可选地,
所述交互区域是所述应用界面中的矩形对象;
所述根据所述操作距离的变化,设置所述交互区域的区域高度变化与所述操作距离的变化一致的步骤包括:
根据所述操作距离的变化,变更设置所述矩形对象的对象高度,使得所述交互区域在所述应用界面中显示的区域高度与最新的操作距离对应,实现所述交互区域的区域高度变化与所述操作距离的变化一致;
和/或,
所述交互对象包括多个子交互对象;
所述根据所述操作距离的变化,更新所述交互对象的对象参数,控制所述交互对象根据所述对象参数进行显示的步骤包括:
根据所述操作距离的变化,确定对应的操作距离等级;
其中,所述操作距离等级设置有对应的操作距离范围;
根据所述操作距离等级,确定所述交互对象中待更新显示的目标子交互对象;
根据所述操作距离的变化,更新所述目标交互子对象的对象参数,控制所述目标交互子对象根据所述对象参数进行显示。
可选地,所述操作变化至少包括操作距离的变化;
所述根据所述操作变化控制所述交互对象在所述交互区域中的显示的步骤包括:
根据所述操作距离的变化,确定对应的操作距离等级;
其中,所述操作距离等级具有对应的操作距离范围;
根据所述操作距离等级,更新所述交互对象的对象信息;
在所述交互区域中,显示所述交互对象的更新后的所述对象信息。
可选地,所述对象信息包括操作提示信息;
所述方法还包括:
检测到所述用户操作与所述操作提示信息对应的操作一致时,控制所述应用界面响应所述用户操作,展示对应的操作结果。
根据本发明的第二方面,提供一种应用界面的交互装置,其中,包括:
判断单元,用于判断应用界面接收的用户操作是否符合预设的交互触发操作;
设置单元,用于当所述用户操作符合预设的交互触发操作时,设置在应用界面的与所述用户操作对应的交互区域中展示交互对象;
控制单元,用于获取所述用户操作的操作变化,根据所述操作变化控制所述交互对象在所述交互区域中的显示。
根据本发明的第三方面,提供一种电子设备,其中,包括:
显示装置,用于显示人机交互界面;
存储器,用于存储可执行的指令;
处理器,用于根据所述可执行的指令运行所述电子设备,执行如本发明的第一方面提供的应用界面的交互方法。
根据本公开的一个实施例,根据用户在应用界面实施的操作,在对应的交互区域中展示交互对象,并控制交互对象根据用户实施操作的变化进行显示,给予用户独特的应用界面的交互操作体验,丰富用户体验,增强用户粘度。
通过以下参照附图对本发明的示例性实施例的详细描述,本发明的其它特征及其优点将会变得清楚。
附图说明
被结合在说明书中并构成说明书的一部分的附图示出了本发明的实施例,并且连同其说明一起用于解释本发明的原理。
图1是显示可用于实现本发明的实施例的电子设备1000的硬件配置的例子的框图。
图2示出了本发明的实施例的应用界面的交互方法的流程图。
图3示出了本发明的实施例的判断用户操作步骤的流程图。
图4是本发明的在应用界面的交互区域中交互对象显示的例子的示意图。
图5示出了本发明的实施例的展示交互对象步骤的流程图。
图6示出了本发明的实施例的获取操作变化步骤的流程图。
图7示出了本发明的实施例的控制交互对象显示步骤的流程图。
图8是本发明的在应用界面的交互区域中交互对象显示的又一例子的示意图。
图9是本发明的在应用界面的交互区域中交互对象显示的又一例子的示意图。
图10示出了本发明的实施例的应用界面的交互装置3000的框图。
图11示出了本发明的实施例的电子设备4000的框图。
具体实施方式
现在将参照附图来详细描述本发明的各种示例性实施例。应注意到:除非另外具体说明,否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的,决不作为对本发明及其应用或使用的任何限制。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论,但在适当情况下,所述技术、方法和设备应当被视为说明书的一部分。
在这里示出和讨论的所有例子中,任何具体值应被解释为仅仅是示例性的,而不是作为限制。因此,示例性实施例的其它例子可以具有不同的值。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步讨论。
<硬件配置>
图1是示出可以实现本发明的实施例的电子设备1000的硬件配置的框图。
电子设备1000可以是便携式电脑、台式计算机、手机、平板电脑等。如图1所示,电子设备1000可以包括处理器1100、存储器1200、接口装置1300、通信装置1400、显示装置1500、输入装置1600、扬声器1700、麦克风1800等等。其中,处理器1100可以是中央处理器CPU、微处理器MCU等。存储器1200例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置1300例如包括USB接口、耳机接口等。通信装置1400例如能够进行有线或无线通信,具体地可以包括Wifi通信、蓝牙通信、2G/3G/4G/5G通信等。显示装置1500例如是液晶显示屏、触摸显示屏等。输入装置1600例如可以包括触摸屏、键盘、体感输入等。用户可以通过扬声器1700和麦克风1800输入/输出语音信息。
图1所示的电子设备仅仅是说明性的并且决不意味着对本发明、其应用或使用的任何限制。应用于本发明的实施例中,电子设备1000的所述存储器1200用于存储指令,所述指令用于控制所述处理器1100进行操作以执行本发明实施例提供的任意一项应用界面的交互方法。本领域技术人员应当理解,尽管在图1中对电子设备1000示出了多个装置,但是,本发明可以仅涉及其中的部分装置,例如,电子设备1000只涉及处理器1100和存储装置1200。技术人员可以根据本发明所公开方案设计指令。指令如何控制处理器进行操作,这是本领域公知,故在此不再详细描述。
<实施例>
本实施例的总体构思,是提供一种应用界面的交互的新方案,可以根据用户在应用界面实施的操作,在对应的交互区域中展示交互对象,并控制交互对象根据用户实施操作的变化进行显示,给予用户独特的应用界面的交互操作体验,丰富用户体验,增强用户粘度。
<方法>
在本实施例中,提供一种应用界面的交互方法。该应用界面是任意可以接收人机交互操作提供对应的应用服务的人机交互操作界面,包括任意应用的界面或者电子设备操作系统的服务界面等。
该应用界面的交互方法,如图2所示,包括:步骤S2100-S2300。
步骤S2100,判断应用界面接收的用户操作是否符合预设的交互触发操作。
该交互触发操作是预设的、用于触发应用界面提供对应的交互方式的操作,可以根据具体的应用场景或者应用需求。
在一个例子中,预设的交互触发操作是下拉操作。对应的,判断应用界面接收的用户操作是否符合预设的交互触发操作的步骤,如图3所示包括:步骤S2110-S2120。
步骤S2110,监听应用界面接收的用户操作触发的操作事件。
在本例中,可以通过实现应用界面所基于的开发框架中所提供的组件来监听应用界面所接收的用户操作触发的操作事件。例如,应用界面通过Weex这一开发框架实现的,Weex是使用Web开发体验来开发高性能原生应用的开发框架,可以通过Weex中的<Refresh>组件监听应用界面接收的用户操作触发的操作事件。
步骤S2120,当操作事件是下拉事件时,确定用户操作符合预设的交互触发操作。
以上述<Refresh>组件监听应用界面接收的用户操作触发的操作事件为例,通过<Refresh>组件能获取操作事件的事件参数,该事件参数中包括操作类型Type,当<Refresh>组件获取的Type是“pulling down”时,可以确定操作事件是下拉事件;或者,事件参数中包括操作距离pullingDistance,根据pullingDistance的绝对值变化可以确定用户操作是下拉操作还是上滑操作,pullingDistance的绝对值减少时,确定用户操作为上滑操作,pullingDistance的绝对值增加时,确定用户操作为下拉操作。
在步骤S2100之后,进入:
步骤S2200,当用户操作符合预设的交互触发操作时,设置在应用界面的用户操作对应的交互区域中展示交互对象。
交互区域是应用界面中用于根据交互触发操作的触发展示对应的交互效果的显示区域。
交互对象是用户操作在应用界面中实施后获取的常规结果之外的界面对象。例如,用户操作是下拉操作,通常,下拉操作会带来应用界面展示的内容刷新,而本实施例中,下拉操作除了会使得应用界面展示的内容刷新之外,会在应用界面的交互区域中展示对应的交互对象,如图4所示。
通过在用户操作符合预设的交互触发操作时,设置在应用界面的用户操作对应的交互区域中展示交互对象,可以结合后续步骤,控制交互对象根据用户实施操作的变化进行显示,给予用户独特的应用界面的交互操作体验,丰富用户体验,增强用户粘度。
例如,用户操作是下拉操作时,可以结合后续步骤,在支持响应下拉操作提供常规的下拉松手刷新响应之外,还设置交互对象根据下拉操作变化而显示变化,不同于一般的下拉操作,在下拉过程中应用界面显示状态不变的单调界面显示,给予用户独特的下拉操作体验。
在一个例子中,交互区域是被预先隐藏于应用界面中的矩形对象;交互对象是被预先隐藏于应用界面中的图像对象;对应的,设置应用界面中与用户操作对应的交互区域中展示交互对象的步骤,如图5所示,包括:步骤S2210-S2220。
步骤S2210,响应于交互触发操作,获取交互区域的对象参数以及交互对象的对象参数。
对象参数至少包括对象尺寸、对象属性、对象资源其中之一。对象尺寸包括该对象在应用界面显示的对象形状、对象高度、对象宽度等。对象属性是对象在应用界面显示的属性,例如,对象颜色、对象显示效果、对象信息等。对象资源是对象在应用界面显示所使用的资源,包括图片、音频、视频等。
在本例中,可以通过设置对象的对象参数来控制对象在应用界面中的显示。例如,本例中的交互区域是矩形对象,可以设置矩形对象的对象尺寸中的对象高度,来控制交互区域在应用界面中显示的区域高度;又例如,本例中的交互对象是图像对象,可以设置图像对象的对象资源,来控制图像对象具体展示的图像内容,或者,设置图像对象的对象尺寸中的对象高度,来控制图像对象在交互区域中的显示高度等等。
步骤S2220,根据交互区域的对象参数以及交互对象的对象参数,设置应用界面显露交互区域并在交互区域中展示交互对象。
例如,获取的交互区域的对象参数中包括对象资源、对象尺寸,对象尺寸包括对象高度,对象资源是空白图片,对应地,设置应用界面中显露的交互区域是符合对象高度的空白矩形区域;获取的交互对象的对象参数中包括对象尺寸、对象属性以及对象资源,对象尺寸包括对象高度,对象资源中包括卡通人物的脸部图片、身体图片,对象属性包括文本“松手即可刷新”的对象信息,对应地,设置应用界面的交互区域中显示的交互对象是卡通人物的完整人物图像以及文本“松手即可刷新”,如图4所示。
在步骤S2200之后,进入:
步骤S2300,获取用户操作的操作变化,根据操作变化控制交互对象在交互区域中的显示。
控制控制交互对象根据用户实施操作的变化进行显示,给予用户独特的应用界面的交互操作体验,丰富用户体验,增强用户粘度。
在一个例子中,获取用户操作的操作变化的步骤,如图6所示,包括:步骤S2311-S2312。
步骤S2311,监听用户操作触发的操作事件,获取对应的事件参数。
事件参数至少包括操作事件的事件类型、操作方向、操作距离、操作对象的其中之一。
在本例中,可以通过实现应用界面所基于的开发框架中所提供的组件来监听应用界面所接收的用户操作触发的操作事件。例如,应用界面通过Weex这一开发框架实现的,Weex是使用Web开发体验来开发高性能原生应用的开发框架,可以通过Weex中的<Refresh>组件监听应用界面接收的用户操作触发的操作事件,通过<Refresh>组件监听,可以获取操作事件的事件参数,包括:Type(操作类型)、dy(前后两次回调滑动距离的差值)、viewHigh(<Refresh>组件高度)、pullingDistance(操作距离)等。
步骤S2312,根据事件参数的参数变化,确定操作变化。
例如,事件参数中包括操作距离这一参数的数值发生变化,可以确定对应的操作变化包括操作距离变化,并且能获取具体操作距离变化的数值,类似的,事件参数中包括的其他参数发生变化,可以确定对应的操作变化,在此不一一列举。
在本实施例中,用户操作的操作变化可以包括操作类型的变化、操作方向的变化、操作对象变化等。
在一个例子中,操作变化至少包括操作距离的变化,对应地,根据操作变化控制所述交互对象在交互区域中的显示的步骤,如图7所示,包括:步骤S2321-S2322。
步骤S2321,根据操作距离的变化,设置交互区域的区域高度变化与操作距离的变化一致。
通过设置交互区域的区域高度变化与操作距离的变化一致,可以使得界面呈现出交互区域的跟随操作距离变化而变化的展示效果。
例如,交互区域是应用界面中的矩形对象,步骤S2321可以包括:
根据操作距离的变化,变更设置矩形对象的对象高度,使得交互区域在应用界面中显示的区域高度与最新的操作距离对应,实现交互区域的区域高度变化与操作距离的变化一致。
以用户操作为下拉操作为例,可以根据下拉操作的操作距离变化,将矩形对象的对象高度设置为下拉操作的最新下拉高度相同,使得交互区域在应用界面中显示的区域高度变化是跟随下拉操作变化是一致的。
步骤S2322,根据操作距离的变化,更新交互对象的对象参数,控制交互对象根据对象参数进行显示。
根据操作距离的变化,更新交互对象的对象参数,控制交互对象根据更新后的对象参数进行显示,实现根据操作距离的变化控制交互对象的变化。
在一个例子中,交互对象包括多个子交互对象,对应的,步骤S2322可以包括:步骤S23221-S23223。
步骤S23221,根据操作距离的变化,确定对应的操作距离等级。
该操作距离等级可以根据具体的应用场景或者应用需求设置。每个操作距离等级设置有对应的操作距离范围。在本例中,可以根据应用场景设置多个操作距离等级。
例如,用户操作是下拉操作,操作距离是下拉高度,对应可以设置四个操作等级,分别设置操作距离范围为(0,125px]、(125px,150px]、(150px,200px]以及大于200px,其中,px是预先设置的下拉高度的高度单位,可以根据具体应用需求设置具体的数值或者具体单位,例如,设置为应用界面的最小像素单位等。
步骤S23222,根据操作距离等级,确定交互对象中待变更显示的目标子交互对象。
对于不同的操作距离等级,对应交互对象中待更新显示的子交互对象不同。
例如,以交互对象是图像对象为例,假设图像对象是卡通人物图像,对应的,交互对象中包括交互子对象包括该卡通人物的脸部图像对象、身体图像对象等,期望得到根据下拉操作的下拉高度变化,卡通人物的身体会随下拉操作变化的拉伸变化或脸部表情会发生变化这一显示变化时,可以对应不同操作距离等级对应的操作距离范围,预先设置对应不同的操作距离范围应更新显示的子目标图像,对应的,根据实际确定的操作距离等级,能确定交互对象中哪个子交互对象是待更新显示的目标子交互对象。
步骤S23223,根据操作距离的变化,更新目标交互子对象的对象参数,控制目标交互子对象根据对象参数进行显示。
对象参数至少包括对象尺寸、对象属性、对象资源其中之一。对象尺寸包括该对象在应用界面显示的对象形状、对象高度、对象宽度等。对象属性是对象在应用界面显示的属性,例如,对象颜色、对象显示效果、对象信息等。对象资源是对象在应用界面显示所使用的资源,包括图片、音频、视频等。
例如,以交互对象是图像对象为例,假设图像对象是卡通人物图像,对应的,交互对象中包括交互子对象包括该卡通人物的脸部图像对象、身体图像对象等,假设该交互对象是通过Weex提供的<refresh-animate>组件实现,对应的交互对象中包括的子交互对象,是<refresh-animate>组件中节点对象,在确定待更新显示的目标子交互对象后,可以通过获取对应资源设置对应的节点对象的对象资源变更,比如,确定目标子交互对象是脸部图像对象,可以获取不同表情的脸部图像后对应设置节点对象变更对象资源,实现随着下拉操作,交互对象显示的卡通人物图像的表情随之变化,或者,确定目标子交互对象是身体图像对象,可以设置身体图像对象的对象高度是下拉操作的下拉高度,实现随着下拉操作,交互对象显示的卡通人物身体的随之拉伸延长。
具体地,用户实施在应用界面的下拉操作的下拉高度在操作距离范围为(0,125px]时,如图4所示,应用界面中显露空白矩形的交互区域,交互区域中显示的作为交互对象的卡通人物图像;随着下拉操作的下拉高度变化,进入操作距离范围为(125px,150px],如图8所示,控制应用界面中交互区域中交互对象的显示,卡通人物图像的头部图像表情发生变化,身体图像被拉伸延长;随着下拉操作的下拉高度变化,进入操作距离范围为(150px,200px],如图9所示,控制应用界面中交互区域中交互对象的显示,卡通人物图像的头部图像表情继续发生变化,身体图像继续被拉伸延长。
在另一个例子中,操作变化至少包括操作距离的变化,根据操作变化控制交互对象在所述交互区域中的显示的步骤可以包括:S2331-S2333。
步骤S2331,根据操作距离的变化,确定对应的操作距离等级。
该操作距离等级可以根据具体的应用场景或者应用需求设置。每个操作距离等级设置有对应的操作距离范围。在本例中,可以根据应用场景设置多个操作距离等级。
例如,用户操作是下拉操作,操作距离是下拉高度,对应可以设置四个操作等级,分别设置操作距离范围为(0,125px]、(125px,150px]、(150px,200px]以及大于200px,其中,px是预先设置的下拉高度的高度单位,可以根据具体应用需求设置具体的数值或者具体单位,例如,设置为应用界面的最小像素单位等。
步骤S2332,根据操作距离等级,更新交互对象的对象信息。
该对象信息是交互对象在应用界面中展示时通过展示的信息,可以是文本信息、交互图标等。交互图标是可以响应用户的操作实施页面跳转、页面刷新、弹出弹框的界面控件。
例如,可以对应不同操作距离等级对应的操作距离范围,预先设置与不同的操作距离范围对应的不同的对象信息,根据实际确定的操作距离等级,能确定交互对象更新的对象信息。
步骤S2333,在交互区域中,显示交互对象的更新后的对象信息。
例如,以用户操作是下拉操作为例,下拉操作的下拉高度在操作距离范围为(0,125px]时,如图4所示,应用界面中显露空白矩形的交互区域,交互区域中显示的作为交互对象的卡通人物图像,并且显示“松手即可更新”的对象信息;随着下拉操作的下拉高度变化,进入操作距离范围为(125px,150px],如图8所示,控制应用界面中交互区域中交互对象的显示,对象信息变为“不能再拉了”;随着下拉操作的下拉高度变化,进入操作距离范围为(150px,200px],如图9所示,控制应用界面中交互区域中交互对象的显示,对象信息变为“再拉就报警”。
在一个例子中,对象信息中包括操作提示信息,该操作提示信息用于提示用户实施于应用界面的操作可获取的操作结果。对应的,所述方法还包括:
检测到用户操作与操作提示信息对应的操作一致时,控制应用界面响应用户操作,展示对应的操作结果。
例如,如图4所示,在交互区域中显示的对象信息是“松手即可更新”这一操作提示信息,提示的操作是松手,检测到用户操作是松手后,可以控制应用界面刷新界面,更新界面显示内容。
<应用界面的交互装置>
在本实施例中,还提供一种应用界面的交互装置3000,如图10所示,包括:判断单元3100、设置单元3200以及控制单元3300,用于实施本实施例中提供的任意一项应用界面的交互方法,在此不再赘述。
应用界面的交互装置3000,其中,包括:
判断单元3100,用于判断应用界面接收的用户操作是否符合预设的交互触发操作;
设置单元3200,用于当所述用户操作符合预设的交互触发操作时,设置在应用界面的与所述用户操作对应的交互区域中展示交互对象;
控制单元3300,用于获取所述用户操作的操作变化,根据所述操作变化控制所述交互对象在所述交互区域中的显示。
可选地,所述预设的交互触发操作是下拉操作;判断单元3100还用于:
所述判断应用界面接收的用户操作是否符合预设的交互触发操作的步骤包括:
监听所述应用界面接收的所述用户操作触发的操作事件;
当所述操作事件是下拉事件时,确定所述用户操作符合预设的交互触发操作。
可选地,所述交互区域是被预先隐藏于所述应用界面中的矩形对象;
所述交互对象是被预先隐藏于所述应用界面中的图像对象;
设置单元3200还用于:
响应于所述交互触发操作,获取所述交互区域的对象参数以及所述交互对象的对象参数;
其中,所述对象参数至少包括对象尺寸、对象属性、对象资源其中之一;
根据所述交互区域的对象参数以及所述交互对象的对象参数,设置所述应用界面显露所述交互区域并在所述交互区域中展示所述交互对象。
可选地,所述控制单元3300还用于:
监听所述用户操作触发的操作事件,获取对应的事件参数;
所述事件参数至少包括所述操作事件的事件类型、操作方向、操作距离、操作对象的其中之一;
根据所述事件参数的参数变化,确定对应的所述操作变化。
可选地,所述操作变化至少包括操作距离的变化;
所述控制单元3300还用于:
根据所述操作距离的变化,设置所述交互区域的区域高度变化与所述操作距离的变化一致;
根据所述操作距离的变化,更新所述交互对象的对象参数,控制所述交互对象根据所述对象参数进行显示。
进一步可选地,所述控制单元3000中用于根据所述操作距离的变化设置所述交互区域的区域高度变化与所述操作距离的变化一致的装置用于:
根据所述操作距离的变化,变更设置所述矩形对象的对象高度,使得所述交互区域在所述应用界面中显示的区域高度与最新的操作距离对应,实现所述交互区域的区域高度变化与所述操作距离的变化一致;
和/或,
所述控制单元3000中用于根据所述操作距离的变化更新所述交互对象的对象参数,控制所述交互对象根据所述对象参数进行显示的装置还用于:
根据所述操作距离的变化,确定对应的操作距离等级;
其中,所述操作距离等级设置有对应的操作距离范围;
根据所述操作距离等级,确定所述交互对象中待更新显示的目标子交互对象;
根据所述操作距离的变化,更新所述目标交互子对象的对象参数,控制所述目标交互子对象根据所述对象参数进行显示。
可选地,所述操作变化至少包括操作距离的变化;
所述控制单元3300还用于:
根据所述操作距离的变化,确定对应的操作距离等级;
其中,所述操作距离等级具有对应的操作距离范围;
根据所述操作距离等级,更新所述交互对象的对象信息;
在所述交互区域中,显示所述交互对象的更新后的所述对象信息。
进一步可选地,所述对象信息包括操作提示信息;所述应用界面的交互装置3000还用于:
检测到所述用户操作与所述操作提示信息对应的操作一致时,控制所述应用界面响应所述用户操作,展示对应的操作结果。
本领域技术人员应当明白,可以通过各种方式来实现应用界面的交互装置3000。例如,可以通过指令配置处理器来实现应用界面的交互装置3000。例如,可以将指令存储在ROM中,并且当启动设备时,将指令从ROM读取到可编程器件中来实现应用界面的交互装置3000。例如,可以将应用界面的交互装置3000固化到专用器件(例如ASIC)中。可以将应用界面的交互装置3000分成相互独立的单元,或者可以将它们合并在一起实现。应用界面的交互装置3000可以通过上述各种实现方式中的一种来实现,或者可以通过上述各种实现方式中的两种或更多种方式的组合来实现。
在本实施例中,应用界面的交互装置3000可以是任意实现本实施例中的应用界面交互方法的软件应用、可以被嵌入或连接软件应用的插件或补丁以及操作系统中的功能模块等。应用界面的交互装置3000也可以是任意安装有任意实现本实施例中的应用界面交互方法的软件应用或者功能模块的电子设备。
<电子设备>
在本实施例中,还提供一种电子设备4000,如图11所示,包括:
显示装置4100,用于显示人机交互界面;
存储器4200,用于存储可执行的指令;
处理器4300,用于根据所述可执行的指令运行所述电子设备,执行如本实施例中提供的所述的任意一项应用界面的交互方法。
在本实施例中,电子设备4000可以是手机、掌上电脑、平板电脑、台式计算机或者笔记本等任意可支持实施本实施例的应用界面的交互方法的电子设备。例如,电子设备4000是安装有实现本实施例的应用界面的交互方法的应用的手机。
在本实施例中,电子设备4000还可以包括其他装置,例如,如图1所示的电子设备1000。
以上已经结合附图描述了本发明的实施例,根据本实施例,提供一种应用界面的方法、装置及电子设备,可以根据用户在应用界面实施的操作,在对应的交互区域中展示交互对象,并控制交互对象根据用户实施操作的变化进行显示,给予用户独特的应用界面的交互操作体验,丰富用户体验,增强用户粘度。
本发明可以是系统、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质,其上载有用于使处理器实现本发明的各个方面的计算机可读程序指令。
计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是——但不限于——电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身,诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如,通过光纤电缆的光脉冲)、或者通过电线传输的电信号。
这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备,或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令,并转发该计算机可读程序指令,以供存储在各个计算/处理设备中的计算机可读存储介质中。
用于执行本发明操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码,所述编程语言包括面向对象的编程语言-诸如Smalltalk、C++等,以及常规的过程式编程语言-诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络-包括局域网(LAN)或广域网(WAN)-连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中,通过利用计算机可读程序指令的状态信息来个性化定制电子电路,例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA),该电子电路可以执行计算机可读程序指令,从而实现本发明的各个方面。
这里参照根据本发明实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本发明的各个方面。应当理解,流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合,都可以由计算机可读程序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器,从而生产出一种机器,使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时,产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中,这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作,从而,存储有指令的计算机可读介质则包括一个制造品,其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上,使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤,以产生计算机实现的过程,从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分,所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人员来说公知的是,通过硬件方式实现、通过软件方式实现以及通过软件和硬件结合的方式实现都是等价的。
以上已经描述了本发明的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。本发明的范围由所附权利要求来限定。
Claims (10)
1.一种应用界面的交互方法,其中,包括:
判断应用界面接收的用户操作是否符合预设的交互触发操作;
当所述用户操作符合预设的交互触发操作时,设置在应用界面的与所述用户操作对应的交互区域中展示交互对象;
获取所述用户操作的操作变化,根据所述操作变化控制所述交互对象在所述交互区域中的显示。
2.根据权利要求1所述的方法,其中,
所述预设的交互触发操作是下拉操作;
所述判断应用界面接收的用户操作是否符合预设的交互触发操作的步骤包括:
监听所述应用界面接收的所述用户操作触发的操作事件;
当所述操作事件是下拉事件时,确定所述用户操作符合预设的交互触发操作。
3.根据权利要求1所述的方法,其中,
所述交互区域是被预先隐藏于所述应用界面中的矩形对象;
所述交互对象是被预先隐藏于所述应用界面中的图像对象;
所述设置应用界面中与所述用户操作对应的交互区域中展示交互对象的步骤包括:
响应于所述交互触发操作,获取所述交互区域的对象参数以及所述交互对象的对象参数;
其中,所述对象参数至少包括对象尺寸、对象属性、对象资源其中之一;
根据所述交互区域的对象参数以及所述交互对象的对象参数,设置所述应用界面显露所述交互区域并在所述交互区域中展示所述交互对象。
4.根据权利要求1所述的方法,其中,所述获取用户操作的操作变化的步骤包括:
监听所述用户操作触发的操作事件,获取对应的事件参数;
所述事件参数至少包括所述操作事件的事件类型、操作方向、操作距离、操作对象的其中之一;
根据所述事件参数的参数变化,确定对应的所述操作变化。
5.根据权利要求1所述的方法,其中,
所述操作变化至少包括操作距离的变化;
所述根据所述操作变化控制所述交互对象在所述交互区域中的显示的步骤包括:
根据所述操作距离的变化,设置所述交互区域的区域高度变化与所述操作距离的变化一致;
根据所述操作距离的变化,更新所述交互对象的对象参数,控制所述交互对象根据所述对象参数进行显示。
6.根据权利要求5所述的方法,其中,
所述交互区域是所述应用界面中的矩形对象;
所述根据所述操作距离的变化,设置所述交互区域的区域高度变化与所述操作距离的变化一致的步骤包括:
根据所述操作距离的变化,变更设置所述矩形对象的对象高度,使得所述交互区域在所述应用界面中显示的区域高度与最新的操作距离对应,实现所述交互区域的区域高度变化与所述操作距离的变化一致;
和/或,
所述交互对象包括多个子交互对象;
所述根据所述操作距离的变化,更新所述交互对象的对象参数,控制所述交互对象根据所述对象参数进行显示的步骤包括:
根据所述操作距离的变化,确定对应的操作距离等级;
其中,所述操作距离等级设置有对应的操作距离范围;
根据所述操作距离等级,确定所述交互对象中待更新显示的目标子交互对象;
根据所述操作距离的变化,更新所述目标交互子对象的对象参数,控制所述目标交互子对象根据所述对象参数进行显示。
7.根据权利要求1所述的方法,其中,
所述操作变化至少包括操作距离的变化;
所述根据所述操作变化控制所述交互对象在所述交互区域中的显示的步骤包括:
根据所述操作距离的变化,确定对应的操作距离等级;
其中,所述操作距离等级具有对应的操作距离范围;
根据所述操作距离等级,更新所述交互对象的对象信息;
在所述交互区域中,显示所述交互对象的更新后的所述对象信息。
8.根据权利要求7所述的方法,其中,
所述对象信息包括操作提示信息;
所述方法还包括:
检测到所述用户操作与所述操作提示信息对应的操作一致时,控制所述应用界面响应所述用户操作,展示对应的操作结果。
9.一种应用界面的交互装置,其中,包括:
判断单元,用于判断应用界面接收的用户操作是否符合预设的交互触发操作;
设置单元,用于当所述用户操作符合预设的交互触发操作时,设置在应用界面的与所述用户操作对应的交互区域中展示交互对象;
控制单元,用于获取所述用户操作的操作变化,根据所述操作变化控制所述交互对象在所述交互区域中的显示。
10.一种电子设备,其中,包括:
显示装置,用于显示人机交互界面;
存储器,用于存储可执行的指令;
处理器,用于根据所述可执行的指令运行所述电子设备,执行如权利要求1-8所述的任意一项应用界面的交互方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810896192.7A CN110780952A (zh) | 2018-07-30 | 2018-07-30 | 应用界面的交互方法、装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810896192.7A CN110780952A (zh) | 2018-07-30 | 2018-07-30 | 应用界面的交互方法、装置及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110780952A true CN110780952A (zh) | 2020-02-11 |
Family
ID=69382893
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810896192.7A Pending CN110780952A (zh) | 2018-07-30 | 2018-07-30 | 应用界面的交互方法、装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110780952A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2020200263A1 (zh) * | 2019-04-04 | 2020-10-08 | 上海掌门科技有限公司 | 信息流中图片的处理方法、设备及计算机可读存储介质 |
CN116661938A (zh) * | 2023-08-01 | 2023-08-29 | 天津金城银行股份有限公司 | 页面与app交互的方法、系统、计算机和可读存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104252354A (zh) * | 2013-06-29 | 2014-12-31 | 北京新媒传信科技有限公司 | 刷新智能终端的数据列表的方法和装置 |
CN104951179A (zh) * | 2014-03-27 | 2015-09-30 | 腾讯科技(北京)有限公司 | 一种对页面进行刷新处理的方法和装置 |
CN106648399A (zh) * | 2015-11-02 | 2017-05-10 | 广州市动景计算机科技有限公司 | 一种界面显示处理方法、装置及设备 |
CN107015726A (zh) * | 2017-02-07 | 2017-08-04 | 阿里巴巴集团控股有限公司 | 一种动态信息展示方法及装置 |
CN107491297A (zh) * | 2017-06-23 | 2017-12-19 | 北京五八信息技术有限公司 | 下拉刷新app界面的实现方法及装置 |
CN108255923A (zh) * | 2017-11-06 | 2018-07-06 | 优视科技有限公司 | 图像展示方法、设备及电子设备 |
-
2018
- 2018-07-30 CN CN201810896192.7A patent/CN110780952A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104252354A (zh) * | 2013-06-29 | 2014-12-31 | 北京新媒传信科技有限公司 | 刷新智能终端的数据列表的方法和装置 |
CN104951179A (zh) * | 2014-03-27 | 2015-09-30 | 腾讯科技(北京)有限公司 | 一种对页面进行刷新处理的方法和装置 |
CN106648399A (zh) * | 2015-11-02 | 2017-05-10 | 广州市动景计算机科技有限公司 | 一种界面显示处理方法、装置及设备 |
CN107015726A (zh) * | 2017-02-07 | 2017-08-04 | 阿里巴巴集团控股有限公司 | 一种动态信息展示方法及装置 |
CN107491297A (zh) * | 2017-06-23 | 2017-12-19 | 北京五八信息技术有限公司 | 下拉刷新app界面的实现方法及装置 |
CN108255923A (zh) * | 2017-11-06 | 2018-07-06 | 优视科技有限公司 | 图像展示方法、设备及电子设备 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2020200263A1 (zh) * | 2019-04-04 | 2020-10-08 | 上海掌门科技有限公司 | 信息流中图片的处理方法、设备及计算机可读存储介质 |
CN116661938A (zh) * | 2023-08-01 | 2023-08-29 | 天津金城银行股份有限公司 | 页面与app交互的方法、系统、计算机和可读存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11301131B2 (en) | Method for split-screen display, terminal, and non-transitory computer readable storage medium | |
CN109710206B (zh) | 显示信息的方法、装置、终端及存储介质 | |
CN107704177B (zh) | 界面显示方法、装置及终端 | |
CN109408685B (zh) | 思维导图展示方法和装置 | |
US10353661B2 (en) | Method for sharing screen between devices and device using the same | |
JP2021507364A (ja) | ユーザーインタフェースの表示方法、装置、デバイス及び記憶媒体 | |
US20200007944A1 (en) | Method and apparatus for displaying interactive attributes during multimedia playback | |
CN108363534B (zh) | 可编辑对象的全局预览方法、装置及电子设备 | |
US20180341379A1 (en) | Application distribution method and device | |
EP3416054A1 (en) | Method and device for page display, and storage medium | |
US20170140254A1 (en) | Method and device for adding font | |
CN107580039B (zh) | 传输进度的显示方法、装置及终端 | |
CN113094135A (zh) | 页面显示控制方法、装置、设备及存储介质 | |
CN110909274B (zh) | 页面浏览方法、装置及电子设备 | |
CN108449255B (zh) | 评论交互方法、设备、客户端装置及电子设备 | |
CN110909275A (zh) | 页面浏览方法、装置及电子设备 | |
CN110780952A (zh) | 应用界面的交互方法、装置及电子设备 | |
CN111818279A (zh) | 字幕的生成方法、展示方法及交互方法 | |
CN107562324B (zh) | 数据显示控制的方法和终端 | |
CN111381819A (zh) | 列表的创建方法、装置、电子设备及计算机可读存储介质 | |
CN111913614B (zh) | 多画面显示控制方法、装置、存储介质及显示器 | |
KR20220093091A (ko) | 라벨링 방법 및 장치, 전자 기기 및 기억 매체 | |
CN112269620A (zh) | 显示方法及装置、电子设备和存储介质 | |
CN109714474B (zh) | 内容复制方法、装置、终端及存储介质 | |
CN111506841B (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 | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20200529 Address after: 310051 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Applicant after: Alibaba (China) Co.,Ltd. Address before: 100083, Beijing, Haidian District, Cheng Fu Road, No. 28, A building, block 12 Applicant before: UC MOBILE Ltd. |
|
TA01 | Transfer of patent application right |