CN111752669A - 界面生成方法、装置、电子设备及存储介质 - Google Patents

界面生成方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN111752669A
CN111752669A CN202010744876.2A CN202010744876A CN111752669A CN 111752669 A CN111752669 A CN 111752669A CN 202010744876 A CN202010744876 A CN 202010744876A CN 111752669 A CN111752669 A CN 111752669A
Authority
CN
China
Prior art keywords
interface
editing
control
editing operation
edited
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
Application number
CN202010744876.2A
Other languages
English (en)
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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN202010744876.2A priority Critical patent/CN111752669A/zh
Publication of CN111752669A publication Critical patent/CN111752669A/zh
Pending legal-status Critical Current

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
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • 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/445Program loading or initiating
    • G06F9/44521Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • G06F9/44526Plug-ins; Add-ons

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (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示出了本申请实施例中一种在编辑操作界面中进行界面控件编辑的示意图;
图9示出了本申请实施例的另一种在编辑操作界面中进行界面控件编辑的示意图;
图10示出了本申请另一实施例提出的一种界面生成方法的流程图;
图11示出了本申请实施例中一种对界面控件的显示尺寸进行编辑的示意图;
图12示出了本申请实施例中一种第一区域和第二区域的差别的示意图;
图13示出了本申请实施例中另一种第一区域和第二区域的差别的示意图;
图14示出了本申请实施例中一种关联编辑操作的示意图;
图15示出了本申请实施例中另一种关联编辑操作的示意图;
图16示出了本申请再一实施例提出的一种界面生成方法的流程图;
图17示出了本申请实施例中一种界面组成的示意图;
图18示出了本申请实施例提出的一种保存配置文件的时序图;
图19示出了本申请又一实施例提出的一种界面生成方法的流程图;
图20示出了本申请一实施例提出的一种界面生成装置的结构框图;
图21示出了本申请另一实施例提出的一种界面生成装置的结构框图;
图22示出了用于执行根据本申请实施例的界面生成方法的一种电子设备的结构框图;
图23示出了本申请实施例的用于保存或者携带实现根据本申请实施例的界面生成方法的程序代码的存储单元。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
随着电子技术的发展,更多的电子设备中都会配置有显示屏来进行界面展示。例如,当电子设备要进行新闻内容的展示时,可以显示一界面来展示新闻的详情内容。再例如,当电子设备要进行音乐播放时,可以显示一界面来展示所播放音乐的详情内容。
但是,发明人在对相关的展示界面的研究中发现,电子设备在进行数据展示时所基于的展示界面通常为固定的,进而就会造成电子设备只能基于固定的展示界面来进行数据展示,使得数据的展示缺乏灵活性。例如,在一种方式中,电子设备中会预先存储进行数据展示的界面模板,进而当需要进行数据展示时,就直接从预先存储的界面模板中选择适配的界面模板来生成展示界面以进行数据展示,而这种方式也就使得电子设备仅只能从预先存储的界面模板中选择进行数据展示的界面模板,而无法通过预先存储的界面模板以外的界面进行数据展示。
再者,电子设备中所预先存储的界面模板是由专业的开发人员预先进行开发而成的,在这种情况下,若需要更新界面模板则需要专业的开发人员重新进行界面开发,并且在这种过程中需要多方人员参与其中,造成流程繁琐,也使得更新界面模板的整个过程较为复杂。
因此,发明人提出了本申请提供的界面生成方法、装置、电子设备及存储介质,在该方法中,当进入编辑模式时,获取当前所显示界面的界面类型,并基于所述界面类型确定待编辑界面,以便显示所述待编辑界面对应的包括有所述待编辑界面中的界面控件编辑操作界面,并且在显示编辑操作界面后,可以响应于针对所述界面控件的编辑操作,对所述界面控件进行编辑,并在所述编辑操作界面显示编辑结果,然后可以基于所述编辑结果生成目标界面。
从而通过设置编辑模式的方式使得可以在处于编辑模式中时,在编辑操作界面中就可以对待编辑界面中的界面控件进行编辑,并在得到编辑结果后可以由电子设备直接生成编辑结果对应的目标界面,继而使得电子设备可以更加灵活的进行界面内容展示。再者,通过前述方式使得电子设备的用户就可以自行通过编辑操作界面对界面控件进行编辑,避免必须依靠专业人员才能实现界面开发,降低了电子设备更新界面的成本的同时也使得电子设备可以更加便捷的进行界面样式的更新。
在对本申请实施例进行进一步详细说明之前,对本申请实施例中涉及应用环境进行介绍。
如图1所示,图1所示为本申请实施例所涉及的应用环境的示意图。其中,包括有电子设备、设备开放平台服务、自然语言处理服务、技能路由管理服务以及技术服务。其中,电子设备包括有与该设备开发平台服务进行数据通信的设备开发平台接口模块以及本地界面管理模块。设备开发平台接口模块可以为基于SDK(Software Development Kit)形式生成,该本地界面管理模块包括数据解释装置、自定义模板装置、模板渲染装置、界面浏览装置以及专属模板管理器。其中,数据解释装置用于对设备开放平台服务所返回的数据进行解析以确定所需界面的界面标识以及会在界面中展示的场景数据。自定义模板装置用于在编辑模式下生成配置文件。模板渲染装置用于根据配置文件以及场景数据生成符合当前操作***规范的数据。界面浏览装置用于将该符合当前操作***规范的数据渲染成对应的界面。专属模板管理器用于对本地以及云端的配置文件进行管理,例如,专属模板管理器可以将本地的配置文件同步到云端,也可以从云端同步配置文件到本地。
在图1所示的环境中,当电子设备接收到语音形式的控制信息后,电子设备通过其所包括的设备开发平台接口模块将该语音形式的控制信息封装为设备开放平台请求,并将该设备开放平台请求发送给设备开放平台服务。
该设备开放平台服务用于将设备开放平台请求中携带的语音形式的控制信息解析为对应的文本内容,之后设备开放平台服务将该文本内容封装为自然语音处理请求,并发送给自然语言处理服务。
自然语言处理服务识别出文本内容所对应需要的数据所属的领域、所属的子领域以及文本内容的关键词,然后将该所属的领域、所属的子领域以及文本内容的关键词封装为技术路由管理请求,并将该技术路由管理请求发送给技能路由管理服务。示例性的,若文本内容为娱乐新闻,那么该文本内容对应需要的数据所属的领域为新闻,所属的子领域则为娱乐新闻。其中的关键词可以从文本内容中提取,也可以随机生成。
技能路由管理服务根据所接收到的所属的领域、所属的子领域以及文本内容的关键词确定所需要调用的技能服务,并将确定的所需要调用的技能服务转换为技能结构格式的数据,以将技能结构格式的数据发送给技术服务群中该所需要调用的技能服务。该需要调用的技能服务则会查询到需要返回给电子设备的数据之后,再按照技能路由管理服务、自然语言处理服务以及设备开放平台服务这一路径将需要返回给电子设备的数据发送给电子设备,而电子设备在接收到该返回的数据后,则可以基于前述的本地界面管理模块来基于所接收到的数据生成对应的界面。
示例性的,以新闻展示的流程再对上述流程进行介绍,如图2所示的步骤包括:
S110:电子设备将语音形式的控制信息封装为设备开放平台请求,其中,该语音形式的控制信息的内容为“新闻”。
S111:电子设备将设备开放平台请求发送给设备开放平台服务。
S112:设备开放平台服务将生成的自然语音处理请求发送给自然语言处理服务。
S113:自然语言处理服务将生成的技术路由管理请求发送给技能路由管理服务。
S114:技能路由管理服务将技能结构格式的数据发送给技术服务群中对应的技能服务。
S115:技能服务将查询到的数据返回给技能路由管理服务。其中,在语音形式的控制信息的内容为“新闻”时,这里查询到的数据包括新闻界面对应的场景数据以及用于展示新闻的界面的界面标识。
S116:技能路由管理服务将所接收到的数据以技能路由管理服务的格式返回给自然语言处理服务。
S117:自然语言处理服务将所接收到的数据以自然语言处理服务的格式返回给设备开放平台服务。
S118:设备开放平台服务将接收到的数据以设备开放平台服务的格式返回给电子设备。
S119:电子设备解析所接收到的数据得到新闻界面对应的场景数据以及用于展示新闻的界面的界面标识。
S120:电子设备根据界面标识来获取对应的配置文件。
S121:电子设备根据配置文件以及新闻界面对应的场景数据进行界面渲染以生成新闻界面。
S122:展示该新闻界面。
需要说明的是,前述的设备开放平台服务、自然语言处理服务、技能路由管理服务以及技术服务可以均运行于同一个服务器中,也可以分别运行在不同的服务器中。其中,服务器可以是独立的物理服务器,也可以是多个物理服务器构成的服务器集群或者分布式***,还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器。电子设备可以是平板电脑、笔记本电脑、台式计算机、智能音箱、智能手表等,但并不局限于此。
下面将结合附图具体描述本申请的各实施例。
请参阅图3,图3所示为本申请一实施例提出的一种界面生成方法的流程图,该方法包括:
S210:当进入编辑模式时,获取当前所显示界面的界面类型。
需要说明的是,在本实施例中可以通过模式切换指令的方式来触发进入到编辑模式中。可选的,该模式切换指令可以包括有第一模式切换指令以及第二模式切换指令,其中,该第一模式切换指令用于触发进入到编辑模式,第二模式切换指令用于触发退出编辑模式。其中,在本实施例中编辑模式以外的模式可以理解为工作模式。例如,当处于编辑模式的情况下,生成了第二模式切换指令时,则可以触发从编辑模式切换为工作模式。
在本实施例中可以有多种生成第一模式切换指令以及第二模式切换指令的方式。
作为一种方式,可以通过菜单的方式来触发生成第一模式切换指令以及第二模式切换指令。在这种方式中,用户可以通过作用于电子设备的显示屏中的触控操作而触发电子设备显示菜单。该触控操作可以包括从显示屏顶部朝向底部的滑动操作,也可以包括在指定区域施加的触控力度大于力度阈值的按压操作。在触发显示的菜单中可以显示有进入编辑模式以及退出编辑模式的选项,进而当检测到该进入编辑模式的选项被选中时,则可以生成第一模式切换指令以便触发进入编辑模式,当在编辑模式下显示菜单后,检测到该退出编辑模式的选项被选中时,则可以生成第二模式切换指令以便触发退出编辑模式。
作为另外一种方式,可以通过语音控制的方式来触发生成第一模式切换指令以及第二模式切换指令。在这种方式中,电子设备可以采集用户发出的语音信息,并在本地对该语音信息进行识别,或者将该语音信息发送到网络中进行识别。当识别该语音信息表征的内容为“进入编辑模式”时,则生成第一模式切换指令以便触发进入编辑模式,而当识别到该语音信息表征的内容为“退出编辑模式”时,则生成第二模式切换指令以便退出编辑模式。
需要说明的是,在进入编辑模式时需要确定待编辑界面,而在本实施例中可以根据当前所显示的界面的界面类型的不同,有不同的确定待编辑界面的方式。
作为一种获取界面类型的方式,电子设备中可以预先存储有界面标识与界面类型的对应关系,以便通过查询该对应关系来获取到当前所显示界面的界面类型。需要说明的是,电子设备中所显示的每个界面都可以对应有唯一性的界面标识,该界面标识用于电子设备识别当前所显示的界面具体是哪一个界面。可选的,电子设备中可以存储有用于存储对应关系的对应关系文件,进而电子设备可以通过查询该对应关系文件来获取到对应关系,进而获取到当前所显示界面的界面类型。
S220:基于界面类型确定待编辑界面,并显示待编辑界面对应的编辑操作界面,编辑操作界面中包括有待编辑界面中的界面控件。
需要说明的是,在本实施例中可以配置部分界面类型的界面支持进行界面控件的编辑,而配置部分界面类型的界面不支持进行界面控件的编辑。对应的,可以将支持进行界面控件的编辑的界面类型作为目标类型。可选的,在本实施例中,可以将应用类作为目标类型,而将***类作为非目标类型。该应用类的界面可以为运行于电子设备中的应用程序的界面,该***类的界面可以为桌面或者***设置界面。
进而作为一种方式,当界面类型为目标类型时,将当前所显示界面作为待编辑界面。则在确定当前所显示界面的界面类型为目标类型后,就可以直接将当前所显示的界面作为待编辑界面,并显示当前所显示界面对应的编辑操作界面。需要说明的是,在编辑操作界面中,可以对应显示待编辑界面中原本所包括的界面控件,以用于用户可以针对性的对待编辑界面中原本所包括的界面控件进行编辑。示例性的,如图4所示,图4所示为展示新闻内容的界面,在识别到该展示新闻内容的界面的界面类型为目标类型时,则会生成图5所示的编辑操作界面,在图5所示的编辑操作界面中示出了图4中展示新闻内容的界面原本所包括的界面控件(即图5中通过包围虚线框的方式所标识出的控件),并且还对应于每个界面控件配置有一个选择控件10,以便于用户可以对虚线框所标识出的界面控件进行编辑。
还有,当界面类型不为目标类型时,显示待选择界面,待选择界面均为目标类型的界面;获取从待选择界面中确定的界面作为待编辑界面。需要说明的是,在针对某个界面进行编辑操作后,所编辑得到的界面和界面原本的显示样式已经有所区别,而为了使得电子设备可以记录该区别,电子设备会对编辑结果进行存储。可选的,本实施例中的待选择界面可以包括有默认的进行数据展示的界面,还可以包括有经过用户编辑操作后的进行数据展示的界面。其中,默认的进行数据展示的界面可以理解为由开发人员开发完成后预先存储在本地或者网络中的用于数据展示的界面。
示例性的,如图6所示,在图6中示出了待选择界面20、待选择界面21以及待选择界面22。在这种情况下,用户可以根据自己的编辑需求从该待选择界面20、待选择界面21以及待选择界面22中选择至少一个界面作为待编辑界面。示例性的,该待选择界面20可以为进行新闻展示的界面,待选择界面21可以为进行音乐播放的界面,待选择界面22可以为进行视频播放的界面。
在显示有多个待选择界面的情况下,本实施例中可以通过多种方式来获取选中的界面。
作为一种方式,可以通过触发用户的进一步触控选择来获取选中的界面。如图7所示,每个待选择界面对应有一个选择标识控件,例如,待选择界面20对应有选择标识控件30,待选择界面21对应有选择标识控件31,以及待选择界面22对应有选择标识控件32。当检测到其中的选择标识控件31被选择,并检测到用户触控了名称为确定的按钮后,电子设备则会将选择标识控件31对应的待选择界面21作为选中的界面。再者,电子设备还可以直接通过检测哪个待选择界面受到了按压操作来获取选中的界面。例如,当电子设备检测到有作用于待选择界面20的按压操作时,则可以直接将待选择界面20作为选中的界面。
作为另外一种方式,电子设备依然可以响应于语音控制的方式来获取选中的界面。示例性的,电子设备在进入到编辑模式并检测到需要显示待选择界面时,可以同时发出语音提示信息,该语音提示信息的内容可以为“请您选择待编辑界面”,在这种情况下,若电子设备检测到有语音控制内容为“第一个”,那么电子设备可以将在次序上排在第一位的待选择界面作为选中的界面。若电子设备检测到有语音控制内容为“前两个”,那么电子设备可以将在次序上排在第一位和第二位的待选择界面均作为选中的界面。
需要说明的是,图6和图7中的待选择界面的数量只是示例性的,实际的待选择界面的数量可以比图中示出的更多或者更少。并且,在触发显示待选择界面后,用户可以一次性选择多个待编辑界面作为选中的界面。而在选中的界面有多个的情况下,电子设备会将多个选中的界面均作为待编辑界面。在这种情况下,在电子设备检测到完成对一个待编辑界面的编辑后,可以直接触发进入到下一个待编辑界面对应的编辑操作界面,进而使得用户在需要对多个界面进行编辑时,不需要在每次编辑完成一个界面后,再次重复进行选择待编辑界面的操作,提升了电子设备的编辑效率以及编辑便利度。其中,当电子设备在编辑模式下检测到有保存指令触发时,判定完成对当前的待编辑界面的编辑。
S230:响应于针对界面控件的编辑操作,对界面控件进行编辑,并在编辑操作界面显示编辑结果。
在本实施例中,针对界面控件的编辑操作可以用于对界面控件的显示位置、显示尺寸以及是否可见进行改变。作为一种方式,针对界面控件的编辑操作包括以下操作中的至少一个:作用于界面控件的拖拽操作,拖拽操作用于改变界面控件的显示位置;作用于界面控件的缩放操作,缩放操作用于改变界面控件的显示尺寸;以及作用于界面控件对应的选择控件的选择操作,选择操作用于确定对应的界面控件是否可见。
示例性的,如图8所示,用户可以拖拽界面控件40与界面控件41以及界面控件42进行位置的交换,从而使得界面控件40由图8左侧图像所示的位置切换到图8右侧图像所示的位置。再者,如图9所示,如果用户期望不再显示界面控件40,则可以通过触控的方式将界面控件40所对应的选项控件10由图9左侧图像所示的状态切换为图9右侧图像所示的状态。
并且,如图8和图9所示,对于针对编辑控件的编辑操作所得到的编辑结果可以在编辑操作界面中进行实时的显示,以便用户可以直观的感受到编辑之后的显示样式。
S240:基于编辑结果生成目标界面。
其中,电子设备可以响应于保存指令而基于编辑结果重新进行界面的生成,并将所生成的目标界面进行显示,该目标界面可以理解为对待编辑界面进行编辑后的界面。
需要说明的是,对于用于进行数据展示的界面而言,可以是电子设备基于界面对应的描述界面样式的数据进行渲染而成的。在这种方式中,描述界面样式的数据决定了最终所渲染的界面的界面内容。作为一种方式,当用户在编辑操作界面中对界面控件进行编辑时,电子设备可以只是记录编辑操对应的编辑结果而不对待编辑界面本身的描述界面样式的数据进行改变,当电子设备获取到保存指令时,再基于编辑结果对该待编辑界面本身的描述界面样式的数据进行改变,得到编辑后的描述界面样式的数据,然后基于编辑后的描述界面样式的数据进行渲染得到目标界面。
本申请提供的一种界面生成方法,通过设置编辑模式的方式使得可以在处于编辑模式中时,在编辑操作界面中就可以对待编辑界面中的界面控件进行编辑,并在得到编辑结果后可以由电子设备直接生成编辑结果对应的目标界面,继而使得电子设备可以更加灵活的进行界面内容展示。再者,通过前述方式使得电子设备的用户就可以自行通过编辑操作界面对界面控件进行编辑,避免必须依靠专业人员才能实现界面开发,降低了电子设备更新界面的成本的同时也使得电子设备可以更加便捷的进行界面样式的更新。
请参阅图10,图10所示为本申请一实施例提出的一种界面生成方法的流程图,该方法包括:
S310:当进入编辑模式时,获取当前所显示界面的界面类型。
S320:基于界面类型确定待编辑界面,并显示待编辑界面对应的编辑操作界面,编辑操作界面中包括有待编辑界面中的界面控件。
S330:响应于针对界面控件的编辑操作,对界面控件进行编辑得到第一编辑结果,并在编辑操作界面显示第一编辑结果。
需要说明的是,本实施例中第一编辑结果为用户作出的编辑操作所直接对应的编辑结果。示例性的,如图11所示,当用户针对界面控件40作出图11中右侧图像中虚线箭头所示方向的缩放操作后,可以使得界面控件40由图11中左侧图像所示的尺寸改变为图11中右侧图像所示的尺寸,在这种情况下界面控件40的尺寸改变是由用户的编辑操作直接造成的,所以图11中所示的编辑结果为第一编辑结果。
S340:获取与编辑操作对应的关联控件以及关联编辑操作。
需要说明的是,在本实施例中在执行编辑操作后,编辑操作所针对的界面控件所占用的区域会有改变,进而电子设备可以将与该区域改变所对应的界面控件作为关联控件。对应的,作为一种方式,获取与编辑操作对应的关联控件以及关联编辑操作,包括:获取第一区域,第一区域为执行编辑操作前界面控件所占用的区域;获取第二区域,第二区域为执行编辑操作后界面控件所占用的区域;基于第一区域和第二区域的差别,获取与编辑操作对应的关联控件以及关联编辑操作。
需要说明的是,在对界面控件进行编辑得到第一编辑结果的过程中,界面控件经过编辑之后所占用的区域的面积可能会增大,也可能会减小。例如,在图11所示的情况中,界面控件40经过缩放操作后,所占用的区域的面积是缩小了的。当所占用的区域的面积缩小的情况下,则原本所占用的部分区域则会空余,周围其他控件则可以扩展到该空余的区域。例如,如图12所示,在界面控件40响应于针对的编辑操作而缩小到图12所示的尺寸后,界面控件40原本所占用的区域50(图12中阴影区域)则会空余。那么电子设备在检测到与界面控件40周围的界面控件41和界面控件42均可以扩展到该区域50的情况下,可以将界面控件41和界面控件42均作为关联控件,那么对应的关联编辑操作则是将界面控件41和界面控件42扩展到区域50的操作。
作为一种方式,基于第一区域和第二区域的差别,获取与编辑操作对应的关联控件以及关联编辑操作,包括:获取可占用差别所对应区域中的至少部分区域的界面控件作为关联控件;将执行后使关联控件占用差别所对应区域中的至少部分区域的编辑操作作为关联编辑操作。
需要说明的是,如前述内容所示,在本实施例中第一区域为执行编辑操作前界面控件所占用的区域,第二区域为执行编辑操作后界面控件所占用的区域,而第一区域和第二区域的差别除了可以为图12中所示的第二区域小于第二区域外,在一种方式中,也可以为第一区域小于第二区域。
作为一种方式,电子设备在获取到第一区域和第二区域后,可以先比对第一区域和第二区域所占用面积的大小。当第二区域小于第一区域时,获取可占用差别所对应区域中的至少部分区域的界面控件作为关联控件,将执行后使关联控件占用差别所对应区域中的至少部分区域的编辑操作作为关联编辑操作。当第二区域大于第一区域时,获取所占用的区域与该第二区域重合的界面控件作为关联控件,并将执行后使关联控件占用的区域与第二区域不再重合的编辑操作作为关联编辑操作。
示例性的,如图13所示,当界面控件40被放大以后,会与界面控件41和界面控件42重合,进而使得界面控件40遮盖住界面控件41和界面控件42的部分区域。对应的,在这种情况下,电子设备会将界面控件41和界面控件42识别为关联控件,并将执行后使界面控件41和界面控件42占用的区域与第二区域不再重合的编辑操作作为关联编辑操作。
S350:执行关联编辑操作对关联控件进行编辑得到第二编辑结果,并在编辑操作界面显示第二编辑结果。
如前述所内容所示,第一编辑结果为用户作出的编辑操作所直接对应的编辑结果,而第二编辑结果为关联编辑操作所对应的编辑结果。在电子设备检测到界面控件41和界面控件42所对应的关联编辑操作为放大以占用其中的区域50中的部分区域的情况下,在执行该关联编辑操作后,界面控件41和界面控件42所示的样式可以如图14所示,即其中的界面控件41和界面控件42会被相对图12所示的位置朝向图14中所示的虚线箭头所示的方向延伸,以占用原本区域50中的部分区域。
对应的,如图15所示,在电子设备检测到界面控件41和界面控件42对应的关联编辑操作为缩小与避免重合的情况下,在执行该关联编辑操作后,界面控件41和界面控件42所示的样式可以如图15所示,即其中的界面控件41和界面控件42会被相对图13所示的位置朝向图14中所示的虚线箭头所示的方向缩短,以避免与界面控件40重合。
在本实施例中,通过确定关联控件以及关联编辑操作的方式,可以使得在界面控件的编辑过程中,用户不用对每个控件一一都进行手动的编辑操作,而是由电子设备根据用户所作出的编辑操作而自动化的确定关联编辑操作,并自动执行该关联编辑操作,以使得整个界面控件的编辑过程更加智能化,也更加高效。
S360:基于第一编辑结果以及第二编辑结果生成目标界面。
本申请提供的一种界面生成方法,通过设置编辑模式的方式使得可以在处于编辑模式中时,在编辑操作界面中就可以对待编辑界面中的界面控件进行编辑,并在得到编辑结果后可以由电子设备直接生成编辑结果对应的目标界面,继而使得电子设备可以更加灵活的进行界面内容展示。并且,在本实施例中在响应于用户作为的针对界面控件的编辑操作而得到第一编辑结果的同时,电子设备还可以自动的获取与用户的编辑操作对应的关联控件以及关联编辑操作,进而实现执行关联编辑操作对关联控件进行编辑得到第二编辑结果,从而使得电子设备可以自动的根据用户所操作的编辑操作而自适应的做出对应的编辑操作,以便可以提升编辑效率以及提升界面控件的编辑智能化程度。
请参阅图16,图16所示为本申请一实施例提出的一种界面生成方法的流程图,该方法包括:
S410:当进入编辑模式时,获取当前所显示界面的界面类型。
S420:基于界面类型确定待编辑界面,并生成待编辑界面对应的临时配置文件,并显示待编辑界面对应的编辑操作界面,编辑操作界面中包括有待编辑界面中的界面控件。
需要说明的是,在本实施例中,每个界面可以理解为一个模板,在每次进行界面的展示时,可以将所需展示的数据(例如,前述的场景数据)加载到该模板中就可以生成一个完整的界面,而在该模板中会对应有多个控件(可以理解本实施例中的界面控件)。如图17所示,模板中的控件会有自己的属性以及ID,该ID用于在模板内唯一标识控件,而其中的属性包括控件的显示位置、显示尺寸以及是否可见等,而针对部分控件会有对应的动作。在本实施例中每个界面都可以对应有一个配置文件。该配置文件用于描述界面中每个控件的显示位置、显示尺寸以及是否进行显示。其中,界面中的控件可以包括音频播放控制控件、视频播放控制控件、视频播放控件、图片显示控件、文本展示控件等。在这种方式中,通过对界面的配置文件中记录的控件的显示位置、显示尺寸以及是否进行显示等属性进行改变,就可以改变界面最终所显示出来的样式。可选的,其中的配置文件可以为基于yaml生成的配置文件。
作为一种方式,可以获取待编辑界面当前的配置文件,并基于当前的配置文件生成对应的临时配置文件。在这种方式中,可以将当前的配置文件复制一份作为临时配置文件。例如,确定待编辑界面对应的配置文件为配置文件a的情况下,可以对该配置文件a进行复制得到配置文件b,并件该配置文件b作为临时配置文件,以便后续在编辑操作过程中可以基于编辑操作实时对配置文件b进行更新。
S430:响应于针对界面控件的编辑操作,对界面控件进行编辑并更新临时配置文件,得到编辑结果对应的临时配置文件。
在对应生成临时配置文件的这种方式中,电子设备会根据用户在编辑操作界面中的编辑操作而实时的对该临时配置文件的内容进行更新。例如,请再参阅图8,在图8所示的内容中,待编辑界面对应的临时配置文件原本记录的是界面控件40位于界面的左侧,而在经过图8所示的编辑操作后,电子设备会将临时配置文件中关于界面控件40的记录更新为基于界面控件40位于界面的右侧。其中,配置文件或者临时配置文件中均可以通过坐标的方式来记录每个界面控件的位置,进而在更新界面控件的位置时,可以对应更新临时配置文件中的坐标。
S440:基于编辑结果对应的临时配置文件生成目标界面。
如前述实施例中,对于展示界面而言,可以是电子设备基于展示界面对应的描述界面样式的数据进行渲染而成的。进而在本实施例中,可以将编辑结果对应的临时配置文件作为对应的描述界面样式的数据,进而当电子设备获取到保存指令时,基于编辑结果对应的临时配置文件进行渲染得到目标界面。
作为一种方式,如图18所示,基于编辑结果对应的临时配置文件生成目标界面,包括:
S441:响应于保存指令,将临时配置文件上传到服务器中进行存储。
S442:服务器返回存储结果。
S443:判定存储结果是否表征存储成功。
S444:若接收到服务器返回的存储结果表征存储失败,提示用户重试。
S445:若接收到服务器返回的存储结果表征存储成功,使临时配置文件替换本地存储的待编辑界面对应的配置文件。
如前述实例,在待编辑界面原本的配置文件为配置文件a的情况下,在界面编辑过程中则是直接对配置文件b进行更新的,进而编辑结果对应的临时配置文件则可以理解为更新后的配置文件b,那么在若接收到服务器返回的存储结果表征存储成功的情况下,则会有该更新后的配置文件b替换掉原本的配置文件a,作为待编辑界面当前的配置文件。
S446:基于本地存储的待编辑界面当前的配置文件生成目标界面。
在本实施例中,通过生成临时配置文件的方式可以使得在进行编辑操作的过程中,不用直接对待编辑界面原本的配置文件直接进行改变,进而可以使得即使在待编辑界面对应的界面控件的编辑过程中出现数据错误时,也不会对待编辑界面原本的配置文件造成损坏。
需要说明的是,在一种方式中为了减少对本地存储空间的占用,电子设备可以将所有的配置文件均存储在服务器中。对应的,电子设备可以有多种从服务器获取到所上传的配置文件的方式。
作为一种方式,当进入编辑模式时获取当前的界面显示场景之前还包括:当用户帐号成功登录时,从服务器中下载用户帐号对应的配置文件。需要说明的是,电子设备在将配置文件上传到服务器时,会同步上传电子设备中所绑定的用户帐号。其中,电子设备所绑定的用户帐号可以理解为在电子设备中成功进行登录的用户帐号。服务器在接收到配置文件时,则可以将配置文件与用户帐号进行对应存储,从而当电子设备检测到有用户帐号成功登录时,则可以从服务器中请求该成功登录的用户帐号所对应的配置文件。对应的,当电子设备检测到用户帐号取消登录时,可以将本地的配置文件删除。
作为另一种方式,本实施例提供的方法还包括:基于指定的时间周期从服务器中下载用户帐号对应的配置文件,并基于下载的配置文件更新对应存储在本地的配置文件。需要说明的是,同一个用户帐号可能会同时在多个电子设备中进行登录,而用户可能会在其中某一个电子设备对界面控件进行了编辑,进而会生成新的配置文件并同步到服务器中。在这种方式下,通过基于指定的时间周期从服务器中下载用户帐号对应的配置文件的方式,可以使得登录该同一用户帐号的电子设备可以均及时的获取到上传到服务器中的新的配置文件。
示例性的,电子设备A和电子设备B均登录了同一用户帐号。若用户在电子设备B中对新闻界面进行了编辑操作,并生成了编辑结果对应的配置文件c后,会将该配置文件c上传到服务器中。之后,电子设备A则会自动从服务器中获取到该配置文件c,从而使得当用户再次通过电子设备A查看新闻时,也可以基于该配置文件c来生成新闻界面。
需要说明的是,在进行配置文件存储时,可以给每个配置文件均对应配置一个文件标识。在这种方式下,在检测到对应同一文件标识的配置文件对应于本地存储的版本和对应于服务器中存储的版本不一致时,以服务器中存储的版本为准。
本申请提供的一种界面生成方法,通过设置编辑模式的方式使得可以在处于编辑模式中时,在编辑操作界面中就可以对待编辑界面中的界面控件进行编辑并同时对生成的临时配置文件进行更新,得到实时的编辑结果对应的临时配置文件,进而在得到编辑结果后可以由电子设备根据编辑结果对应的临时配置文件直接生成编辑结果对应的目标界面,继而使得电子设备可以更加灵活的进行界面内容展示。再者,通过前述方式使得电子设备的用户就可以自行通过编辑操作界面对界面控件进行编辑,避免必须依靠专业人员才能实现界面开发,降低了电子设备更新界面的成本的同时也使得电子设备可以更加便捷的进行界面样式的更新。
请参阅图19,图19所示为本申请一实施例提出的一种界面生成方法的流程图,该方法包括:
S510:获取语音形式的控制信息。
S520:将控制指令发送到设备开放平台,以用于设备开放平台将控制信息发送到语音识别平台进行内容识别并将识别结果返回给设备开放平台。
需要说明的是,S520中具体的数据传递流程可以参考图2所示的数据传输流程。
S530:接收设备开放平台返回的识别结果。
S540:基于识别结果确定控制信息对应的控制指令。
S550:当确定控制指令为第一模式切换指令时,触发进入编辑模式并获取当前所显示界面的界面类型。
S560:基于界面类型确定待编辑界面,并显示待编辑界面对应的编辑操作界面,编辑操作界面中包括有待编辑界面中的界面控件。
S570:响应于针对界面控件的编辑操作,对界面控件进行编辑,并在编辑操作界面显示编辑结果。
S580:基于编辑结果生成目标界面。
本申请提供的一种界面生成方法,可以通过语音的形式触发进入到编辑模式中,进而可以在处于编辑模式中时,在编辑操作界面中就可以对待编辑界面中的界面控件进行编辑,并在得到编辑结果后可以由电子设备直接生成编辑结果对应的目标界面,继而使得电子设备可以更加灵活的进行界面内容展示。再者,通过前述方式使得电子设备的用户就可以自行通过编辑操作界面对界面控件进行编辑,避免必须依靠专业人员才能实现界面开发,降低了电子设备更新界面的成本的同时也使得电子设备可以更加便捷的进行界面样式的更新。
请参阅图20,图20所示为本申请一实施例提出的一种界面生成装置600,装置600包括:
界面类型获取单元610,用于当进入编辑模式时,获取当前所显示界面的界面类型。
编辑环境生成单元620,用于基于界面类型确定待编辑界面,并显示待编辑界面对应的编辑操作界面,编辑操作界面中包括有待编辑界面中的界面控件。
控件编辑单元630,用于响应于针对界面控件的编辑操作,对界面控件进行编辑,并在编辑操作界面显示编辑结果。
界面生成单元640,用于基于编辑结果生成目标界面。
作为一种方式,编辑环境生成单元620,具体用于当界面类型为目标类型时,将当前所显示界面作为待编辑界面,以及当界面类型不为目标类型时,显示待选择界面,待选择界面均为目标类型的界面;获取从待选择界面中确定的界面作为待编辑界面。可选的,针对界面控件的编辑操作包括以下操作中的至少一个:作用于界面控件的拖拽操作,拖拽操作用于改变界面控件的显示位置;作用于界面控件的缩放操作,缩放操作用于改变界面控件的显示尺寸;以及作用于界面控件对应的选择控件的选择操作,选择操作用于确定对应的界面控件是否可见。
作为一种方式,控件编辑单元630,具体用于响应于针对界面控件的编辑操作,对界面控件进行编辑得到第一编辑结果,并在编辑操作界面显示第一编辑结果;获取与编辑操作对应的关联控件以及关联编辑操作;执行关联编辑操作对关联控件进行编辑得到第二编辑结果,并在编辑操作界面显示第二编辑结果。在这种方式下,界面生成单元640,具体用于基于第一编辑结果以及第二编辑结果生成目标界面。
其中,可选的,控件编辑单元630,具体用于获取第一区域,第一区域为执行编辑操作前界面控件所占用的区域;获取第二区域,第二区域为执行编辑操作后界面控件所占用的区域;基于第一区域和第二区域的差别,获取与编辑操作对应的关联控件以及关联编辑操作。
可选的,控件编辑单元630,具体用于获取可占用差别所对应区域中的至少部分区域的界面控件作为关联控件;将执行后使关联控件占用差别所对应区域中的至少部分区域的编辑操作作为关联编辑操作。
在一种实施方式中,编辑环境生成单元620,具体用于基于界面类型确定待编辑界面,并生成待编辑界面对应的临时配置文件。在这种方式中,控件编辑单元630,具体用于响应于针对界面控件的编辑操作,对界面控件进行编辑并更新临时配置文件,得到编辑结果对应的临时配置文件。对应的,界面生成单元640,具体用于基于编辑结果对应的临时配置文件生成目标界面。
作为一种方式,界面生成单元640,具体用于响应于保存指令,将临时配置文件上传到服务器中进行存储;若接收到服务器返回的成功存储的信息,使临时配置文件替换本地存储的待编辑界面对应的配置文件;基于本地存储的待编辑界面当前的配置文件生成目标界面。
如图21所示,装置600还包括:配置信息同步单元650,用于当用户帐号成功登录时,从服务器中下载用户帐号对应的配置文件。可选的,配置信息同步单元650,还用于基于指定的时间周期从服务器中下载用户帐号对应的配置文件,并基于下载的配置文件更新对应存储在本地的配置文件。
作为一种方式,装置600还包括:语音识别单元660,用于获取语音形式的控制信息;将控制指令发送到设备开放平台,以用于设备开放平台将控制信息发送到语音识别平台进行内容识别并将识别结果返回给设备开放平台;接收设备开放平台返回的识别结果;基于识别结果确定控制信息对应的控制指令。
本申请提供的一种界面生成装置,当进入编辑模式时,获取当前所显示界面的界面类型,并基于界面类型确定待编辑界面,以便显示待编辑界面对应的包括有待编辑界面中的界面控件编辑操作界面,并且在显示编辑操作界面后,可以响应于针对界面控件的编辑操作,对界面控件进行编辑,并在编辑操作界面显示编辑结果,然后可以基于编辑结果生成目标界面。从而通过设置编辑模式的方式使得可以在处于编辑模式中时,在编辑操作界面中就可以对待编辑界面中的界面控件进行编辑,并在得到编辑结果后可以由电子设备直接生成编辑结果对应的目标界面,继而使得电子设备可以更加灵活的进行界面内容展示。再者,通过前述方式使得电子设备的用户就可以自行通过编辑操作界面对界面控件进行编辑,避免必须依靠专业人员才能实现界面开发,降低了电子设备更新界面的成本的同时也使得电子设备可以更加便捷的进行界面样式的更新。
需要说明的是,本申请中装置实施例与前述方法实施例是相互对应的,装置实施例中具体的原理可以参见前述方法实施例中的内容,此处不再赘述。
下面将结合图22对本申请提供的一种电子设备进行说明。
请参阅图22,基于上述的界面生成方法,本申请实施例还提供的另一种包括可以执行前述界面生成方法的处理器102的电子设备100。电子设备100还包括存储器104、网络模块106、显示屏108以及语音采集模块110。其中,该存储器104中存储有可以执行前述实施例中内容的程序,而处理器102可以执行该存储器104中存储的程序。
其中,处理器102可以包括一个或者多个用于处理数据的核以及消息矩阵单元。处理器102利用各种接口和线路连接整个电子设备100内的各个部分,通过运行或执行存储在存储器104内的指令、程序、代码集或指令集,以及调用存储在存储器104内的数据,执行电子设备100的各种功能和处理数据。可选地,处理器102可以采用数字信号处理(DigitalSignal Processing,DSP)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)、可编程逻辑阵列(Programmable Logic Array,PLA)中的至少一种硬件形式来实现。处理器102可集成中央处理器(Central Processing Unit,CPU)、图像处理器(GraphicsProcessing Unit,GPU)和调制解调器等中的一种或几种的组合。其中,CPU主要处理操作***、用户界面和应用程序等;GPU用于负责显示内容的渲染和绘制;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器102中,单独通过一块通信芯片进行实现。
存储器104可以包括随机存储器(Random Access Memory,RAM),也可以包括只读存储器(Read-Only Memory)。存储器104可用于存储指令、程序、代码、代码集或指令集。存储器104可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作***的指令、用于实现至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现下述各个方法实施例的指令等。存储数据区还可以存储终端100在使用中所创建的数据(比如电话本、音视频数据、聊天记录数据)等。
网络模块106用于接收以及发送电磁波,实现电磁波与电信号的相互转换,从而与通讯网络或者其他设备进行通讯,例如网络模块106可以发送广播数据,也可以对其他设备发送的广播数据进行解析。所述网络模块106可包括各种现有的用于执行这些功能的电路元件,例如,天线、射频收发器、数字信号处理器、加密/解密芯片、用户身份模块(SIM)卡、存储器等等。所述网络模块106可与各种网络如互联网、企业内部网、无线网络进行通讯或者通过无线网络与其他设备进行通讯。上述的无线网络可包括蜂窝式电话网、无线局域网或者城域网。例如,网络模块106可以与基站进行信息交互。
显示屏108可以进行界面内容的显示,例如,可以显示新闻界面或者音乐播放界面。
语音采集模块110,用于采集用户发送的语音信息。
需要说明的是,为了实现更多的功能,电子设备100还可以保护更多的器件,例如,还可以保护用于进行人脸信息采集的结构光传感器或者还可以保护用于采集虹膜的摄像头等。
请参考图23,其示出了本申请实施例提供的一种计算机可读存储介质的结构框图。该计算机可读介质1100中存储有程序代码,所述程序代码可被处理器调用执行上述方法实施例中所描述的方法。
计算机可读存储介质1100可以是诸如闪存、EEPROM(电可擦除可编程只读存储器)、EPROM、硬盘或者ROM之类的电子存储器。可选地,计算机可读存储介质1100包括非易失性计算机可读介质(non-transitory computer-readable storage medium)。计算机可读存储介质1100具有执行上述方法中的任何方法步骤的程序代码1110的存储空间。这些程序代码可以从一个或者多个计算机程序产品中读出或者写入到这一个或者多个计算机程序产品中。程序代码1110可以例如以适当形式进行压缩。
综上所述,本申请提供的一种界面生成方法、装置、电子设备及存储介质,当进入编辑模式时,获取当前所显示界面的界面类型,并基于所述界面类型确定待编辑界面,以便显示所述待编辑界面对应的包括有所述待编辑界面中的界面控件编辑操作界面,并且在显示编辑操作界面后,可以响应于针对所述界面控件的编辑操作,对所述界面控件进行编辑,并在所述编辑操作界面显示编辑结果,然后可以基于所述编辑结果生成目标界面。从而通过设置编辑模式的方式使得可以在处于编辑模式中时,在编辑操作界面中就可以对待编辑界面中的界面控件进行编辑,并在得到编辑结果后可以由电子设备直接生成编辑结果对应的目标界面,继而使得电子设备可以更加灵活的进行界面内容展示。再者,通过前述方式使得电子设备的用户就可以自行通过编辑操作界面对界面控件进行编辑,避免必须依靠专业人员才能实现界面开发,降低了电子设备更新界面的成本的同时也使得电子设备可以更加便捷的进行界面样式的更新。
最后应说明的是:以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不驱使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (15)

1.一种界面生成方法,其特征在于,所述方法包括:
当进入编辑模式时,获取当前所显示界面的界面类型;
基于所述界面类型确定待编辑界面,并显示所述待编辑界面对应的编辑操作界面,所述编辑操作界面中包括有所述待编辑界面中的界面控件;
响应于针对所述界面控件的编辑操作,对所述界面控件进行编辑,并在所述编辑操作界面显示编辑结果;
基于所述编辑结果生成目标界面。
2.根据权利要求1所述的方法,其特征在于,所述基于所述界面类型确定待编辑界面,包括:
当所述界面类型为目标类型时,将所述当前所显示界面作为待编辑界面。
3.根据权利要求2所述的方法,其特征在于,所述方法还包括:
当所述界面类型不为所述目标类型时,显示待选择界面,所述待选择界面均为所述目标类型的界面;
获取从所述待选择界面中确定的界面作为待编辑界面。
4.根据权利要求1所述的方法,其特征在于,所述针对所述界面控件的编辑操作包括以下操作中的至少一个:
作用于界面控件的拖拽操作,所述拖拽操作用于改变界面控件的显示位置;
作用于界面控件的缩放操作,所述缩放操作用于改变界面控件的显示尺寸;以及
作用于界面控件对应的选择控件的选择操作,所述选择操作用于确定对应的界面控件是否可见。
5.根据权利要求1所述的方法,其特征在于,所述响应于针对所述界面控件的编辑操作,对所述界面控件进行编辑,并在所述编辑操作界面显示编辑结果包括:
响应于针对所述界面控件的编辑操作,对所述界面控件进行编辑得到第一编辑结果,并在所述编辑操作界面显示所述第一编辑结果;
获取与所述编辑操作对应的关联控件以及关联编辑操作;
执行所述关联编辑操作对所述关联控件进行编辑得到第二编辑结果,并在所述编辑操作界面显示所述第二编辑结果;
所述基于所述编辑结果生成目标界面,包括:
基于所述第一编辑结果以及所述第二编辑结果生成目标界面。
6.根据权利要求5所述的方法,其特征在于,所述获取与所述编辑操作对应的关联控件以及关联编辑操作,包括:
获取第一区域,所述第一区域为执行所述编辑操作前所述界面控件所占用的区域;
获取第二区域,所述第二区域为执行所述编辑操作后所述界面控件所占用的区域;
基于所述第一区域和所述第二区域的差别,获取与所述编辑操作对应的关联控件以及关联编辑操作。
7.根据权利要求6所述的方法,其特征在于,所述基于所述第一区域和所述第二区域的差别,获取与所述编辑操作对应的关联控件以及关联编辑操作,包括:
获取可占用所述差别所对应区域中的至少部分区域的界面控件作为关联控件;
将执行后使所述关联控件占用所述差别所对应区域中的至少部分区域的编辑操作作为关联编辑操作。
8.根据权利要求1所述的方法,其特征在于,所述基于所述界面类型确定待编辑界面包括:基于所述界面类型确定待编辑界面,并生成待编辑界面对应的临时配置文件;
所述响应于针对所述界面控件的编辑操作,对所述界面控件进行编辑,包括:响应于针对所述界面控件的编辑操作,对所述界面控件进行编辑并更新所述临时配置文件,得到编辑结果对应的临时配置文件;
所述基于所述编辑结果生成目标界面,包括:基于所述编辑结果对应的临时配置文件生成目标界面。
9.根据权利要求8所述的方法,其特征在于,所述基于所述编辑结果对应的临时配置文件生成目标界面,包括:
响应于保存指令,将所述临时配置文件上传到服务器中进行存储;
若接收到所述服务器返回的成功存储的信息,使所述临时配置文件替换本地存储的所述待编辑界面对应的配置文件;
基于本地存储的所述待编辑界面当前的配置文件生成目标界面。
10.根据权利要求9所述的方法,其特征在于,所述当进入编辑模式时获取当前的界面显示场景之前还包括:
当用户帐号成功登录时,从所述服务器中下载所述用户帐号对应的配置文件。
11.根据权利要求8所述的方法,其特征在于,所述方法还包括:
基于指定的时间周期从所述服务器中下载所述用户帐号对应的配置文件,并基于下载的所述配置文件更新对应存储在本地的配置文件。
12.根据权利要求1-11任一所述的方法,其特征在于,所述方法还包括:
获取语音形式的控制信息;
将所述控制指令发送到设备开放平台,以用于所述设备开放平台将所述控制信息发送到语音识别平台进行内容识别并将识别结果返回给所述设备开放平台;
接收所述设备开放平台返回的所述识别结果;
基于所述识别结果确定所述控制信息对应的控制指令。
13.一种界面生成装置,其特征在于,所述装置包括:
界面类型获取单元,用于当进入编辑模式时,获取当前所显示界面的界面类型;
编辑环境生成单元,用于基于所述界面类型确定待编辑界面,并显示所述待编辑界面对应的编辑操作界面,所述编辑操作界面中包括有所述待编辑界面中的界面控件;
控件编辑单元,用于响应于针对所述界面控件的编辑操作,对所述界面控件进行编辑,并在所述编辑操作界面显示编辑结果;
界面生成单元,用于基于所述编辑结果生成目标界面。
14.一种电子设备,其特征在于,包括处理器以及存储器;一个或多个程序被存储在所述存储器中并被配置为由所述处理器执行以实现权利要求1-12任一所述的方法。
15.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有程序代码,其中,在所述程序代码被处理器运行时执行权利要求1-12任一所述的方法。
CN202010744876.2A 2020-07-29 2020-07-29 界面生成方法、装置、电子设备及存储介质 Pending CN111752669A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010744876.2A CN111752669A (zh) 2020-07-29 2020-07-29 界面生成方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010744876.2A CN111752669A (zh) 2020-07-29 2020-07-29 界面生成方法、装置、电子设备及存储介质

Publications (1)

Publication Number Publication Date
CN111752669A true CN111752669A (zh) 2020-10-09

Family

ID=72712425

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010744876.2A Pending CN111752669A (zh) 2020-07-29 2020-07-29 界面生成方法、装置、电子设备及存储介质

Country Status (1)

Country Link
CN (1) CN111752669A (zh)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112445475A (zh) * 2020-11-06 2021-03-05 杭州讯酷科技有限公司 一种基于数据表推荐的***快速构建方法
CN112732257A (zh) * 2020-12-31 2021-04-30 北京声智科技有限公司 一种终端界面的配置方法及装置
CN113065082A (zh) * 2021-02-26 2021-07-02 北京达佳互联信息技术有限公司 数据处理方法、装置、电子设备及存储介质
CN113377366A (zh) * 2021-07-09 2021-09-10 北京字跳网络技术有限公司 控件编辑方法、装置、设备、可读存储介质及产品
CN113870394A (zh) * 2021-09-28 2021-12-31 北京达佳互联信息技术有限公司 一种动画生成方法、装置、设备及存储介质
CN114579229A (zh) * 2022-02-14 2022-06-03 众安科技(国际)集团有限公司 信息呈现方法及装置

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112445475A (zh) * 2020-11-06 2021-03-05 杭州讯酷科技有限公司 一种基于数据表推荐的***快速构建方法
CN112732257A (zh) * 2020-12-31 2021-04-30 北京声智科技有限公司 一种终端界面的配置方法及装置
CN113065082A (zh) * 2021-02-26 2021-07-02 北京达佳互联信息技术有限公司 数据处理方法、装置、电子设备及存储介质
CN113377366A (zh) * 2021-07-09 2021-09-10 北京字跳网络技术有限公司 控件编辑方法、装置、设备、可读存储介质及产品
WO2023279914A1 (zh) * 2021-07-09 2023-01-12 北京字跳网络技术有限公司 控件编辑方法、装置、设备、可读存储介质及产品
CN113377366B (zh) * 2021-07-09 2024-03-12 北京字跳网络技术有限公司 控件编辑方法、装置、设备、可读存储介质及产品
CN113870394A (zh) * 2021-09-28 2021-12-31 北京达佳互联信息技术有限公司 一种动画生成方法、装置、设备及存储介质
CN114579229A (zh) * 2022-02-14 2022-06-03 众安科技(国际)集团有限公司 信息呈现方法及装置

Similar Documents

Publication Publication Date Title
CN111752669A (zh) 界面生成方法、装置、电子设备及存储介质
US11715497B2 (en) Video editing method, apparatus, and device, and storage medium
CN109034115B (zh) 视频识图方法、装置、终端及存储介质
CN108733427B (zh) 输入组件的配置方法、装置、终端及存储介质
US10311877B2 (en) Performing tasks and returning audio and visual answers based on voice command
CN108712665B (zh) 一种直播列表的生成方法、装置、服务器及存储介质
CN110602544A (zh) 视频展示方法及装置、电子设备、存储介质
CN113225572B (zh) 直播间的页面元素展示方法、装置及***
CN111930994A (zh) 视频编辑的处理方法、装置、电子设备及存储介质
WO2020156199A1 (zh) 应用登录方法、装置、终端及存储介质
CN110555171B (zh) 一种信息处理方法、装置、存储介质及***
CN107241511B (zh) 一种音乐播放方法、装置、存储介质和终端
CN108777806B (zh) 一种用户身份识别方法、装置和存储介质
CN111901695B (zh) 视频内容截取方法、装置和设备及计算机存储介质
CN111683281A (zh) 视频播放方法、装置、电子设备及存储介质
CN113852767B (zh) 视频编辑方法、装置、设备及介质
CN108989547B (zh) 发光控制方法、装置、终端及存储介质
CN114121028A (zh) 语音播放方法、装置、设备以及存储介质
CN113573090A (zh) 游戏直播中的内容显示方法、装置、***和存储介质
CN108228477B (zh) 一种基于存储容量来获取运行数据的方法及***
CN113282268B (zh) 音效配置方法和装置、存储介质及电子设备
EP3823270A1 (en) Video processing method and device, and terminal and storage medium
CN108108294B (zh) 一种根据基准时间来获取定制运行数据的方法及***
CN114512132A (zh) 内容显示方法、装置以及电子设备
CN114040240A (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