CN113835793A - 设置界面中开关显示方法、装置、电子设备及存储介质 - Google Patents

设置界面中开关显示方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN113835793A
CN113835793A CN202010583661.7A CN202010583661A CN113835793A CN 113835793 A CN113835793 A CN 113835793A CN 202010583661 A CN202010583661 A CN 202010583661A CN 113835793 A CN113835793 A CN 113835793A
Authority
CN
China
Prior art keywords
transition animation
switch
setting interface
state
icon
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
Application number
CN202010583661.7A
Other languages
English (en)
Other versions
CN113835793B (zh
Inventor
陈彦翰
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Oneplus Technology Shenzhen Co Ltd
Original Assignee
Oneplus Technology Shenzhen Co Ltd
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 Oneplus Technology Shenzhen Co Ltd filed Critical Oneplus Technology Shenzhen Co Ltd
Priority to CN202010583661.7A priority Critical patent/CN113835793B/zh
Priority to PCT/CN2021/101553 priority patent/WO2021259266A1/zh
Publication of CN113835793A publication Critical patent/CN113835793A/zh
Application granted granted Critical
Publication of CN113835793B publication Critical patent/CN113835793B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • 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/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • 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/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T13/00Animation

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (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示出了本申请实施例所提供的一种设置界面中开关显示装置的结构示意图;
图9示出了本申请实施例所提供的一种电子设备的结构示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合附图对本申请的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
考虑到现有技术中在设置界面中开关打开或关闭的时候,转场效果生硬,导致用户体验不佳,为改善此问题,本申请实施例提供了一种设置界面中开关显示方法、装置、电子设备及存储介质,该技术可应用于诸如手机、平板电脑、计算机、可穿戴电子设备等多种类型的用户设备,尤其可以较好地应用于触屏设备,以下对本申请实施例进行详细介绍。
为便于对本申请实施例进行理解,首先对本申请实施例所公开的一种设置界面中开关显示方法进行详细介绍,参见图1所示的一种设置界面中开关显示方法的流程示意图,该方法可以由用户设备执行,该用户设备包括但不限于触屏手机、平板电脑、可穿戴电子设备等具有触摸显示面板的设备,主要包括以下步骤S102~步骤S104:
步骤S102,接收针对设置界面中目标开关的状态切换操作,该设置界面包括转场动画层,上述转场动画层包括目标开关的转场动画区域;
其中,上述的设置界面例如可以是手机或者平板电脑、智能手环等控制中心的快捷设置界面(Quick Settings),因此,上述的目标开关可以是快捷设置界面的开关中的一个。
状态切换操作至少包括从开启状态到关闭状态的切换(即关闭目标开关)以及从关闭状态到开启状态的切换(即开启目标开关),例如用户通过点击设置界面中目标开关来触发状态切换操作。
上述的转场动画层是开发者预先制作的,并且可以应用于诸如安卓系统的智能手机等用户设备中。
在一些实施方式中,转场动画层设置为半透明。
步骤S104,获取状态切换操作对应的转场动画图像,并在转场动画区域播放转场动画图像。
上述的转场动画图像例如可以是动画设计师或开发人员在After Effects开发工具中设计出来的,且经过格式转换后存储在用户设备中,例如转换成JSON格式的动画,该转场动画图像可以直接在Android系统上面进行播放。
考虑到目标开关的状态切换操作至少包括开启状态到关闭状态的切换以及从关闭状态到开启状态的切换,相应的,上述的转场动画图像也可以包括但不限于目标开关从开启状态到关闭状态的转场动画图像(即关闭目标开关时呈现的动画图像)以及目标开关从关闭状态到开启状态的转场动画图像(即开启目标开关时呈现的动画图像)。
在一些实施方式中,上述的获取状态切换操作对应的转场动画图像,并在转场动画区域播放所述转场动画图像的步骤可以通过以下方式实现:
方式A,获取关闭目标开关对应的关闭目标开关时呈现的动画图像,在转场动画区域播放该关闭目标开关时呈现的动画图像。
方式B,获取开启目标开关对应的开启目标开关时呈现的动画图像,在转场动画区域播放该开启目标开关时呈现的动画图像。
在获取到状态切换操作对应的转场动画图像后,通过将转场动画图像显示在转场动画区域中,实现目标开关的动画转场效果,相比于现有的开关切换通过背景色显示的转换方式,该方法更加显示开关状态切换,有效提升用户体验。
本申请实施例提供的上述设置界面中开关显示方法应用于用户设备,通过首先接收针对所述设置界面中目标开关的状态切换操作,设置界面包括转场动画层,转场动画层包括所述目标开关的转场动画区域;然后获取状态切换操作对应的转场动画图像,并在转场动画区域播放转场动画图像。本申请实施例提供的技术方案,能够更加生动的显示开关状态切换,有效提升用户体验,缓解了现有技术中开关显示生硬的问题。
为便于对上述实施例提供的设置界面中开关显示方法进一步理解,本申请实施例还提供了另一种设置界面中开关显示方法,该方法在图1所示方法的基础上,进一步详细地描述了设置界面中开关显示的一种具体实现方式。参见图2所示的另一种设置界面中开关显示方法的流程示意图,设置界面还包括图标层,图标层包括所述目标开关的图标区域;该方法可以包括以下步骤S202~步骤S208:
步骤S202,接收针对设置界面中目标开关的状态切换操作,该设置界面包括转场动画层,上述转场动画层包括目标开关的转场动画区域;
步骤S204,获取状态切换操作对应的转场动画图像,并在转场动画区域播放转场动画图像。
步骤S206,在转场动画图像播放结束后,将图标区域的目标开关由第一图标状态切换至第二图标状态。
在一些实施方式中,上述目标开关的图标状态包括颜色状态,颜色状态例如包括图标或图标区域的填充颜色(诸如灰色、白色),因此,可以通过切换颜色状态来对图标区域的目标开关进行状态显示。
例如,将图标区域的目标开关由第一颜色状态(诸如灰色)切换至第二颜色状态(诸如白色)。
在其他实施例中,上述目标开关的图标状态还可以包括图标的外观状态,即图标的外形,该外形可以指示目标开关的作用,例如目标开关是飞行模式,则目标开关的外形可以是简化的飞机形态;因此,可以通过切换外观状态来对图标区域的目标开关进行状态显示。
例如将图标区域的目标开关由第一外观状态(诸如外观简化状态)切换至第二颜色状态(诸如外观填充状态)。
在可选的实施方式中,上述的目标开关的图标状态还可以包括目标开关所在图标区域的外观,图标区域的外观例如可以是圆形、方形等规则形状,也可以是不规则形状,例如泪珠状;因此,可以通过切换图标区域的外观来对图标区域的目标开关进行状态显示。
例如将图标区域的目标开关由第一区域外观(诸如圆形)切换至第二区域外观(诸如泪珠形)。
需要说明的是,图标区域的外观和/或目标开关的外观状态需要与对应的动画相适应(例如动画显示的范围尺寸等)。
在一些实施方式中,所述设置界面还包括背景层,所述背景层包括所述目标开关的背景区域,该方法还可以包括:
步骤S208,在转场动画图像播放结束后,将背景区域的目标开关由第一背景状态切换至第二背景状态。
在一些实施方式中,上述目标开关的背景状态包括背景色,背景色例如可以包括背景区域的填充颜色(诸如灰色、蓝色),因此,可以通过切换背景区域的颜色状态来对背景区域的目标开关进行状态显示。
例如,将背景区域的目标开关由第一背景色(诸如灰色)切换至第二背景色(诸如蓝色)。
在其他实施例中,上述目标开关的背景状态还可以包括背景区域的外观状态,即背景区域的外形,背景区域的外形例如可以是圆形、方形等规则形状,也可以是不规则形状,例如泪珠状;因此,可以通过切换背景区域的外形来对背景区域的目标开关进行状态显示。
例如将背景区域的目标开关由第一背景外形(诸如圆形)切换至第二背景外形(诸如方形)。
需要说明的是,背景区域的外形和/或背景区域的颜色与对应的动画相适应(例如动画显示的范围尺寸等)。
在一些实施方式中,用户设备具有正面显示面板和背部壳体,沿着用户设备显示面板朝向背面壳体的方向上,图标层、转场动画层和背景层依次设置。
本申请实施例提供的设置界面中开关显示方法,通过在动画转场完成后,将目标开关的图标区域和/或背景区域进行颜色或外观转场,更加形象生动,有利于进一步提升开关显示效果。
为便于对上述实施例提供的设置界面中开关显示方法进一步理解,本申请实施例还提供了另一种设置界面中开关显示方法,该方法在图2所示方法的基础上,进一步详细地描述了设置界面中开关显示的一种具体实现方式。参见图3所示的第三种设置界面中开关显示方法的流程示意图,设置界面还包括图标层,图标层包括所述目标开关的图标区域;该方法可以包括以下步骤S302~步骤S312:
步骤S302,接收针对设置界面中目标开关的状态切换操作,该设置界面包括转场动画层,上述转场动画层包括目标开关的转场动画区域;
步骤S304,获取状态切换操作对应的转场动画图像,并在所述转场动画区域播放所述转场动画图像。
步骤S306,在转场动画图像播放结束后,将图标区域的目标开关由第一图标状态切换至第二图标状态。
步骤S308,在转场动画图像播放结束后,将背景区域的目标开关由第一背景状态切换至第二背景状态。
步骤S310,在状态切换操作过程中,监测是否再次接收到针对设置界面中目标开关的状态切换操作;
在一些实施方式中,上述的状态切换操作过程包括转场动画图像播放期间、转场动画图像播放后的图标状态切换期间以及转场动画图像播放后的背景状态切换期间的至少一种,因此,上述在状态切换操作过程中,监测是否再次接收到针对设置界面中目标开关的状态切换操作,可以通过监测转场动画图像播放期间、转场动画图像播放后的图标状态切换期间或转场动画图像播放后的背景状态切换期间是否再次接收到针对设置界面中目标开关的状态切换操作实现。
如果再次接收到针对设置界面中目标开关的状态切换操作,即如果是,执行步骤S312,对该状态切换操作不响应。
上述对该状态切换操作不响应可以理解为忽略该再次接收到针对设置界面中目标开关的状态切换操作,或者理解为在状态切换操作过程中目标开关的切换操作被禁止,或者理解为在状态切换操作过程中目标开关被禁用。
如果否,即在状态切换操作过程中没有再次接收到针对所述设置界面中目标开关的状态切换操作,则返回步骤S302。
本实施例提供的设置界面中开关显示方法,通过对状态切换操作过程进行监听,判断用户是否再次或多次点击该目标开关,如果是,则不触发目标开关的状态切换,该方法通过在状态切换操作过程还未结束时,禁止再次点击开关的动作,避免了动画与开关状态不同步情况的发生。
图4示出了现有技术中的一种设置界面的示意图,该设置界面中,各个开关只有背景颜色转换,可以看出,开关为开启时背景颜色为灰色,例如未开启的飞行模式开关,开关开启后,背景颜色变为蓝色,例如开启的蓝牙开关,该现有的开关显示方案开关转换生硬,影响客户体验。基于此,提出了上述实施例的设置界面中开关显示方法,以缓解开关转换生硬的问题,需要说明的是,上述实施例可应用于诸如电脑、手机或平板等多种用户设备,为便于对上述实施例提供的设置界面中开关显示方法进行理解,本申请实施例以用户设备是手机,设置界面为控制中心的快捷设置界面,目标开关为飞行模式开关,状态切换操作为从关闭状态到开启状态(即开启操作)为例,进行示意性说明,参照图5所示的一种设置界面中开关显示方法的应用流程图,该方法包括:
步骤S502,接收针对设置界面中飞行模式开关的开启操作,设置界面包括转场动画层,转场动画层包括飞行模式开关的转场动画区域;
具体的,用户对手机进行解锁(如未设置密码可跳过该过程),在手机解锁状态下通过下拉(或上拉)操作,打开控制中心的快捷设置界面,控制中心界面包括预设的多个开关(这里包括飞行模式开关);用户通过点击飞行模式开关(即飞航模式开关),触发飞行模式开关的状态切换操作,图6示出了一种飞行模式开关在开启过程中的状态示意图,图7示出了飞行模式开关在关闭过程中的状态示意图;在飞行模式开关中,加入具有机场跑道的转场动画区域,实现飞机起飞(开启转场动画图像,如图6所示)、降落(降落转场动画图像,如图7所示)的即视感。
步骤S504,获取开启操作对应的开启转场动画图像,并在转场动画区域播放该开启转场动画图像。
本实施例可以通过Lottie SDK来实现动画效果转换,一个开关至少会有两个动画,一个是打开开关时呈现的开启转场动画图像,这里也就是飞机起飞动画,一个是关闭时呈现的关闭转场动画图像,也就是飞机降落动画。
其中,起飞与降落动画播放是由动画设计师在After Effects开发工具中设计出来的动画图像,并转换成JSON数据格式后,可以直接在Android上面进行播放的动态图像。
为了让开关能够支持不同的背景色,所以实际上每个开关会有三层区域堆叠,在实际中,Lottie SDK并非是必须的,例如开发者也可以手动开发,将跑道动画呈现出来。
步骤S506,在开启转场动画图像播放结束后,将图标区域的飞行模式开关由图标关闭状态切换至图标开启状态;
其中图标关闭状态下,图标区域的飞行模式开关例如可以是灰色的;图标开启状态下,图标区域的飞行模式开关例如可以是白色的。
考虑到开关开启时的颜色,使用者可以更改为任何颜色,为了避免动画效果无法跟颜色相适应,所以,本实施例通过将设置界面设置为以下堆叠方式,来减少所需的动画数量:第一层(用户设备显示面板朝向用户的一侧,即顶层)为飞机图标所在的图标层,第二层(即中间层)为转场动画播放的转场动画层,该转场动画层为半透明,飞机转场动画图像中的云,跑道等设置在此层;第三层(用户设备显示面板远离用户的一侧,即底层)为飞行模式开关背景区域所在的背景层,在通常开启状态下背景层为蓝色。
步骤S508,在开启转场动画图像播放结束后,将背景区域的飞行模式开关由第一背景色切换至第二背景色。
其中,第一背景色可以是浅灰色,第二背景色可以是蓝色。
每个开关,例如本实施例的飞行模式开关,可以有多种背景外形,例如圆形,方形,泪珠形等,开关的背景外形可以设置在背景层,背景外形改变也都需要对应的动画进行优化设置。
步骤S510,在飞行模式开关开启过程中,监测是否再次接收到针对设置界面中飞行模式开关的状态切换操作;
这里再次的状态切换操作通常是关闭操作,即在开启过程中,再点击一次飞行模式开关触发的关闭操作。
如果是,即如果再次接收到针对设置界面中飞行模式开关的状态切换操作,则执行步骤S512,对该状态切换操作不响应;如果否,则返回步骤S502;
由于开启尚未结束,为了避免频繁操作可能导致的动画与开关的状态不同步的情况发生,因此,对该再次接收到的状态切换操作不响应。
本实施例中,在点击飞行模式开关时触发飞行模式开关开启时,获取开启的开启转场动画,开启转场开始在飞行模式开关的转场动画区域进行播放,其中该开启转场动画中的跑道,云等会根据飞行模式开关状态来做对应动画选择;然后在开启转场动画结束后,将飞机图标颜色以及背景色同时进行颜色转场,例如将飞行模式开关的关闭状态下的图案颜色在所述图标区域切换为开启状态下的图案颜色,并将飞行模式开关的关闭状态下的背景色在背景区域切换为开启状态下的背景色。在此切换过程中尚未结束时,禁止再次点击开关的动作,以此避免动画与开关状态不同步情况的发生。
对应于前述实施例提供的设置界面中开关显示方法,本申请实施例还提供了一种设置界面中开关显示装置,参见图8所示的一种设置界面中开关显示装置的结构示意图,应用于用户设备,该装置可以包括以下部分:
接收模块802,用于接收针对所述设置界面中目标开关的状态切换操作,所述设置界面包括转场动画层,所述转场动画层包括所述目标开关的转场动画区域;
播放模块804,获取所述状态切换操作对应的转场动画图像,并在所述转场动画区域播放所述转场动画图像。
本申请实施例提供的上述设置界面中开关显示装置,通过响应于针对设置界面中目标开关的状态切换操作,使用户设备的设置界面中目标开关进入动画显示模式,其中,设置界面包括转场动画层,所述转场动画层包括所述目标开关的转场动画区域;获取状态切换操作对应的转场动画图像,并在转场动画区域播放转场动画图像。上述方式通过在设置界面的开关加上转场动画,较好地提升了设置界面中开关显示的转场效果,有效提升了用户体验。
在一种实施方式中,所述设置界面包括图标层,所述图标层包括所述目标开关的图标区域,上述设置界面中开关显示装置还包括:
切换模块806,用于在所述转场动画图像播放结束后,将所述图标区域的所述目标开关由第一图标状态切换至第二图标状态。
在一种实施方式中,所述设置界面还包括背景层,所述背景层包括所述目标开关的背景区域,所述切换模块806还用于在所述转场动画图像播放结束后,将所述背景区域的所述目标开关由第一背景状态切换至第二背景状态。
在一种实施方式中,所述装置还包括:
监听模块808,用于在所述状态切换操作过程中,监测是否再次接收到针对所述设置界面中目标开关的状态切换操作;如果再次接收到针对所述设置界面中目标开关的状态切换操作,则对该状态切换操作不响应。
在一种实施方式中,所述转场动画层设置为半透明。
在一种实施方式中,沿着所述用户设备显示面板朝向背面壳体的方向上,所述图标层、所述转场动画层和所述背景层依次设置。
本申请实施例所提供的装置,其实现原理及产生的技术效果和前述方法实施例相同,为简要描述,装置实施例部分未提及之处,可参考前述方法实施例中相应内容。
该设备为一种电子设备,具体的,该电子设备包括处理器和存储装置;存储装置上存储有计算机程序,计算机程序在被处理器运行时执行如上实施方式的任一项的方法。
图9为本申请实施例提供的一种电子设备的结构示意图,该电子设备100包括:处理器90,存储器91,总线92和通信接口93,所述处理器90、通信接口93和存储器91通过总线92连接;处理器90用于执行存储器91中存储的可执行模块,例如计算机程序。
其中,存储器91可能包含高速随机存取存储器(RAM,Random Access Memory),也可能还包括非不稳定的存储器(non-volatile memory),例如至少一个磁盘存储器。通过至少一个通信接口93(可以是有线或者无线)实现该系统网元与至少一个其他网元之间的通信连接,可以使用互联网,广域网,本地网,城域网等。
总线92可以是ISA总线、PCI总线或EISA总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示,图9中仅用一个双向箭头表示,但并不表示仅有一根总线或一种类型的总线。
其中,存储器91用于存储程序,所述处理器90在接收到执行指令后,执行所述程序,前述本申请实施例任一实施例揭示的流过程定义的装置所执行的方法可以应用于处理器90中,或者由处理器90实现。
处理器90可能是一种集成电路芯片,具有信号的处理能力。在实现过程中,上述方法的各步骤可以通过处理器90中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器90可以是通用处理器,包括中央处理器(Central Processing Unit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(Digital SignalProcessing,简称DSP)、专用集成电路(Application Specific Integrated Circuit,简称ASIC)、现成可编程门阵列(Field-Programmable Gate Array,简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本申请实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成,或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器,闪存、只读存储器,可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器91,处理器90读取存储器91中的信息,结合其硬件完成上述方法的步骤。
本申请实施例所提供的可读存储介质的计算机程序产品,包括存储了程序代码的计算机可读存储介质,所述程序代码包括的指令可用于执行前面方法实施例中所述的方法,具体实现可参见前述方法实施例,在此不再赘述。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,电子设备,或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是:以上所述实施例,仅为本申请的具体实施方式,用以说明本申请的技术方案,而非对其限制,本申请的保护范围并不局限于此,尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化,或者对其中部分技术特征进行等同替换;而这些修改、变化或者替换,并不使相应技术方案的本质脱离本申请实施例技术方案的精神和范围,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应所述以权利要求的保护范围为准。

Claims (10)

1.一种设置界面中开关显示方法,其特征在于,应用于用户设备,所述方法包括:
接收针对所述设置界面中目标开关的状态切换操作,所述设置界面包括转场动画层,所述转场动画层包括所述目标开关的转场动画区域;
获取所述状态切换操作对应的转场动画图像,并在所述转场动画区域播放所述转场动画图像。
2.根据权利要求1所述的方法,其特征在于,所述设置界面包括图标层,所述图标层包括所述目标开关的图标区域,所述方法还包括:
在所述转场动画图像播放结束后,将所述图标区域的所述目标开关由第一图标状态切换至第二图标状态。
3.根据权利要求2所述的方法,其特征在于,所述设置界面还包括背景层,所述背景层包括所述目标开关的背景区域,所述方法还包括:
在所述转场动画图像播放结束后,将所述背景区域的所述目标开关由第一背景状态切换至第二背景状态。
4.根据权利要求1-3任一项所述的方法,其特征在于,所述方法还包括:
在所述状态切换操作过程中,监测是否再次接收到针对所述设置界面中目标开关的状态切换操作;
如果再次接收到针对所述设置界面中目标开关的状态切换操作,则对该状态切换操作不响应。
5.根据权利要求1所述的方法,其特征在于,所述转场动画层设置为半透明。
6.根据权利要求3所述的方法,其特征在于,沿着所述用户设备显示面板朝向背面壳体的方向上,所述图标层、所述转场动画层和所述背景层依次设置。
7.一种设置界面中开关显示装置,其特征在于,应用于用户设备,包括:
接收模块,用于接收针对所述设置界面中目标开关的状态切换操作,所述设置界面包括转场动画层,所述转场动画层包括所述目标开关的转场动画区域;
播放模块,用于获取所述状态切换操作对应的转场动画图像,并在所述转场动画区域播放所述转场动画图像。
8.根据权利要求7所述的设置界面中开关显示装置,其特征在于,所述设置界面包括图标层,所述图标层包括所述目标开关的图标区域;
所述装置还包括:
切换模块,用于在所述转场动画图像播放结束后,将所述图标区域的所述目标开关由第一图标状态切换至第二图标状态。
9.一种电子设备,其特征在于,包括处理器和存储器;
所述存储器上存储有计算机程序,所述计算机程序在被所述处理器运行时执行如权利要求1至6任一项所述的方法。
10.一种存储介质,其特征在于,用于储存为权利要求1至6任一项所述的方法所用的计算机程序。
CN202010583661.7A 2020-06-22 2020-06-22 设置界面中开关显示方法、装置、电子设备及存储介质 Active CN113835793B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202010583661.7A CN113835793B (zh) 2020-06-22 2020-06-22 设置界面中开关显示方法、装置、电子设备及存储介质
PCT/CN2021/101553 WO2021259266A1 (zh) 2020-06-22 2021-06-22 设置界面中开关显示方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010583661.7A CN113835793B (zh) 2020-06-22 2020-06-22 设置界面中开关显示方法、装置、电子设备及存储介质

Publications (2)

Publication Number Publication Date
CN113835793A true CN113835793A (zh) 2021-12-24
CN113835793B CN113835793B (zh) 2023-09-01

Family

ID=78964219

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010583661.7A Active CN113835793B (zh) 2020-06-22 2020-06-22 设置界面中开关显示方法、装置、电子设备及存储介质

Country Status (2)

Country Link
CN (1) CN113835793B (zh)
WO (1) WO2021259266A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117170545A (zh) * 2022-06-10 2023-12-05 荣耀终端有限公司 开关控件的显示方法及电子设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109739591A (zh) * 2018-11-09 2019-05-10 深圳壹账通智能科技有限公司 一种转场动画制定方法、装置及设备
CN110162343A (zh) * 2019-04-10 2019-08-23 北京梧桐车联科技有限责任公司 应用启动方法及装置、电子设备及存储介质
CN110209452A (zh) * 2019-05-29 2019-09-06 维沃移动通信有限公司 移动终端的页面显示方法及移动终端
CN110399064A (zh) * 2019-07-22 2019-11-01 腾讯科技(深圳)有限公司 显示界面的切换方法和装置、存储介质及电子装置
WO2019237955A1 (zh) * 2018-06-12 2019-12-19 奇酷互联网络科技(深圳)有限公司 应用图标的显示方法、装置及触屏设备

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103813199A (zh) * 2013-11-29 2014-05-21 乐视致新电子科技(天津)有限公司 一种桌面显示方法、装置及智能电视
CN105488833A (zh) * 2014-10-09 2016-04-13 华为技术有限公司 一种对2d控件实现3d转场动画的方法和装置
CN107870723B (zh) * 2017-10-16 2020-09-04 华为技术有限公司 一种悬浮按钮显示方法及终端设备
CN108646961B (zh) * 2018-05-04 2021-08-27 腾讯科技(深圳)有限公司 一种待办任务的管理方法、装置及存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2019237955A1 (zh) * 2018-06-12 2019-12-19 奇酷互联网络科技(深圳)有限公司 应用图标的显示方法、装置及触屏设备
CN109739591A (zh) * 2018-11-09 2019-05-10 深圳壹账通智能科技有限公司 一种转场动画制定方法、装置及设备
CN110162343A (zh) * 2019-04-10 2019-08-23 北京梧桐车联科技有限责任公司 应用启动方法及装置、电子设备及存储介质
CN110209452A (zh) * 2019-05-29 2019-09-06 维沃移动通信有限公司 移动终端的页面显示方法及移动终端
CN110399064A (zh) * 2019-07-22 2019-11-01 腾讯科技(深圳)有限公司 显示界面的切换方法和装置、存储介质及电子装置

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117170545A (zh) * 2022-06-10 2023-12-05 荣耀终端有限公司 开关控件的显示方法及电子设备

Also Published As

Publication number Publication date
WO2021259266A1 (zh) 2021-12-30
CN113835793B (zh) 2023-09-01

Similar Documents

Publication Publication Date Title
CN106504311B (zh) 一种动态流体效果的渲染方法和装置
JP6038171B2 (ja) ユーザインタフェース装置
WO2019128358A1 (zh) 信息处理方法及装置、存储介质、电子设备
JP5750103B2 (ja) アニメーション制御装置、アニメーション制御方法およびアニメーション制御プログラム
CN109710348A (zh) 页面跳转的方法及装置、计算机设备、存储介质
CN104571874B (zh) 动态切换键盘背景的方法和装置
CN111127611B (zh) 三维场景渲染方法、装置及电子设备
CN105630363B (zh) 虚拟按钮的显示方法及其电子装置与显示虚拟按钮的装置
CN110458921B (zh) 一种图像处理方法、装置、终端以及存储介质
KR20180102211A (ko) 타겟 명확화 및 보정 기법
CN110772800A (zh) 游戏中技能信息的发送方法、装置及电子设备
CN110825467B (zh) 渲染方法、装置、硬件装置和计算机可读存储介质
CN107831985A (zh) 一种移动终端屏幕控制的方法、移动终端及存储介质
CN107180445B (zh) 一种动画模型的表情控制方法和装置
CN113835793A (zh) 设置界面中开关显示方法、装置、电子设备及存储介质
CN112190943A (zh) 游戏展示方法及装置、处理器、电子设备
CN105739936B (zh) 一种用户终端控制方法及用户终端
CN110634174B (zh) 一种表情动画过渡方法、系统及智能终端
WO2024098838A1 (zh) 游戏中任务的提示方法、装置以及电子终端
CN112619147A (zh) 游戏装备的更换方法、装置和终端设备
KR20150079387A (ko) 카메라 광 데이터로 가상 환경을 조명하는 방법
CN104317481A (zh) 输入界面显示方法和装置
CN113952715A (zh) 游戏中任务处理方法、装置及电子设备
CN114116105A (zh) 动态桌面的控制方法及装置、存储介质、电子装置
CN112925457A (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