CN110618811B - 信息呈现方法和装置 - Google Patents
信息呈现方法和装置 Download PDFInfo
- Publication number
- CN110618811B CN110618811B CN201910204792.7A CN201910204792A CN110618811B CN 110618811 B CN110618811 B CN 110618811B CN 201910204792 A CN201910204792 A CN 201910204792A CN 110618811 B CN110618811 B CN 110618811B
- Authority
- CN
- China
- Prior art keywords
- interface
- interactive interface
- interactive
- user
- preset
- 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
Classifications
-
- 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
Abstract
本公开的实施例公开了信息呈现方法和装置。该方法的一具体实施方式包括:获取对待呈现的界面内容进行描述的描述信息;调用预先设置的用户界面框架,将描述信息填充至所调用的用户界面框架中,生成交互界面;呈现所生成的交互界面。该实施方式实可以可以使得研发人员基于该用户界面框架编写一套代码,不需要进行多套代码研发,节省了研发成本。
Description
技术领域
本公开的实施例涉及计算机技术领域,具体涉及信息呈现方法和装置。
背景技术
随着终端设备的普及和移动端的开发技术的快速发展,涌现出了各种各样的客户端应用。通常,每一个终端设备的运行均依赖于该终端的操作系统而实现。现有的终端设备操作系统,通常包括基于手机移动端的安卓系统、IOS系统,基于终端计算机的windows系统等。
相关技术中,针对用户终端进行客户端应用开发时,通常需要针对上述各个系统进行开发。也即是说,针对同一款客户端应用,需要分别撰写多套代码以适用不同平台的需求。
发明内容
本公开的实施例提出了信息呈现方法和装置。
第一方面,本公开的实施例提供了一种信息呈现方法,该方法包括:获取对待呈现的界面内容进行描述的描述信息;调用预先设置的用户界面框架,将描述信息填充至所调用的用户界面框架中,生成交互界面;呈现所生成的交互界面。
在一些实施例中,用户界面框架包括用于交互的界面元素;以及
调用预先设置的用户界面框架,将描述信息填充至所调用的用户界面框架中,生成交互界面,包括:接收用户选择出的界面元素;将用户选择出的界面元素与描述信息相关联;基于关联结果,生成与描述信息关联的预设数目个控件;基于预设数目个控件,生成交互界面,作为第一交互界面。
在一些实施例中,基于预设数目个控件,生成交互界面,作为第一交互界面,包括:基于预设数目个控件,生成交互界面预览模板以向用户呈现;接收用户通过终端对预设数目个控件在交互界面预览模板中的位置的调整结果;保存调整结果,将调整后的交互界面预览模板作为第一交互界面。
在一些实施例中,基于关联结果,生成与描述信息关联的预设数目个控件,包括:基于用户界面框架,建立包括界面内容的至少一个交互界面,作为第二交互界面;基于描述信息与界面内容之间的对应关系,建立第一交互界面与至少一个第二交互界面之间的链接关系;基于关联结果、链接关系,生成预设数目个控件。
在一些实施例中,呈现所生成的第一交互界面,包括:基于预设接口协议,将第一交互界面渲染至屏幕中。
在一些实施例中,方法还包括:确定预设接口协议对应的系统平台是否支持控件实时更新;响应于确定预设接口协议对应的系统平台支持控件实时更新,更新待更新的控件。
第二方面,本公开的实施例提供了一种信息呈现装置,该装置包括:获取单元,被配置成获取对待呈现的界面内容进行描述的描述信息;生成单元,被配置成调用预先设置的用户界面框架,将描述信息填充至所调用的用户界面框架中,生成交互界面;呈现单元,被配置成呈现所生成的交互界面。
在一些实施例中,用户界面框架包括用于交互的界面元素;以及生成单元包括:接收子单元,被配置成接收用户选择出的界面元素;关联子单元,被配置成将用户选择出的界面元素与描述信息相关联;第一生成子单元,被配置成基于关联结果,生成与描述信息关联的预设数目个控件;第二生成子单元,被配置成基于预设数目个控件,生成交互界面,作为第一交互界面。
在一些实施例中,第二生成子单元进一步被配置成:基于预设数目个控件,生成交互界面预览模板以向用户呈现;接收用户通过终端对控件在交互界面预览模板中的位置的调整结果;保存调整结果,将调整后的交互界面预览模板作为第一交互界面。
在一些实施例中,第一生成子单元进一步被配置成:基于用户界面框架,建立包括界面内容的至少一个交互界面,作为第二交互界面;基于描述信息与界面内容之间的对应关系,建立第一交互界面与至少一个第二交互界面之间的链接关系;基于关联结果、链接关系,生成预设数目个控件。
在一些实施例中,呈现单元进一步被配置成:基于预设接口协议,将第一交互界面渲染至屏幕中。
在一些实施例中,装置还包括:确定单元,被配置成确定预设接口协议对应的系统平台是否支持控件实时更新;更新单元,被配置成响应于确定预设接口协议对应的系统平台支持控件实时更新,更新待更新的控件。
第三方面,本公开的实施例提供了一种电子设备,该电子设备包括:一个或多个处理器;存储装置,用于存储一个或多个程序;当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如第一方面中任一实现方式描述的方法。
第四方面,本公开的实施例提供了一种计算机可读介质,其上存储有计算机程序,该计算机程序被处理器执行时实现如第一方面中任一实现方式描述的方法。
本公开的实施例提供的信息呈现方法和装置,通过调用预先设置的用户界面框架,将所获取的对待呈现的界面内容进行描述的描述信息填充至用户界面框架中,从而生成交互界面,可以使得研发人员基于该用户界面框架编写一套代码,不需要进行多套代码研发,节省了研发成本。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本公开的其它特征、目的和优点将会变得更明显:
图1是本公开的一个实施例可以应用于其中的示例性系统架构图;
图2是根据本公开的信息呈现方法的一个实施例的流程图;
图3是根据本公开的实施例的信息呈现方法的一个应用场景的示意图;
图4是根据本公开的信息呈现方法的又一个实施例的流程图;
图5是根据本公开的信息呈现装置的一个实施例的结构示意图;
图6是适于用来实现本公开的实施例的电子设备的结构示意图。
具体实施方式
下面结合附图和实施例对本公开作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释相关发明,而非对该发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。
需要说明的是,在不冲突的情况下,本公开中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本公开。
图1示出了可以应用本公开的信息呈现方法或信息呈现装置的实施例的示例性架构100。
如图1所示,系统架构100可以包括终端设备101、102、103,网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
终端设备101、102、103上可以安装有各种客户端应用。例如网页浏览器类应用、视频类应用、内容分享类应用、社交类应用等。终端设备101、102、103可以通过网络104与服务器105交互,以接收或发送消息等。
终端设备101、102、103可以是硬件,也可以是软件。当终端设备101、102、103为硬件时,可以是可以接收用户操作的各种电子设备,包括但不限于智能手机、平板电脑、电子书阅读器、膝上型便携计算机和台式计算机等等。当终端设备101、102、103为软件时,可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服务的多个软件或软件模块),也可以实现成单个软件或软件模块。在此不做具体限定。
服务器105可以是支持终端设备101、102、103上安装的客户端应用的后台服务器。服务器105可以调用预先设置的用户界面框架,将所要呈现的内容的描述信息填充至该用户界面框架中,从而生成交互界面;然后将所生成的交互界面通过终端设备101、102、103呈现。
需要说明的是,服务器105可以是硬件,也可以是软件。当服务器为硬件时,可以实现成多个服务器组成的分布式服务器集群,也可以实现成单个服务器。当服务器为软件时,可以实现成多个软件或软件模块(例如用来提供分布式服务的多个软件或软件模块),也可以实现成单个软件或软件模块。在此不做具体限定。
需要说明的是,本公开的实施例所提供的信息呈现方法一般由服务器105执行,相应地,信息呈现装置一般设置于服务器105中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
继续参考图2,其示出了根据本公开的信息呈现方法的一个实施例的流程200。该信息呈现方法包括以下步骤:
步骤201,获取对待呈现的界面内容进行描述的描述信息。
在本实施例中,上述待呈现的界面内容可以为所要展示给用户的内容。具体的,该界面内容例如可以为房源信息(例如租房、买房)等,可以为物品的价格、属性等信息,可以为具体的文章内容等。该待呈现的界面内容可以包括多条。以房源信息举例来说,通常每一套房的信息即为一条界面内容。由于房源信息通常包括很多套房子的信息。因此,包括多条待呈现的界面内容。在这里,每一条界面内容通常占用一页交互界面。因此,与上述待呈现的界面内容对应的交互界面可以包括多个。从而,信息呈现方法的执行主体(例如图1所示的服务器)可以获取对待呈现的界面内容进行描述的描述信息以在同一交互界面中呈现界面内容的描述信息,使得用户可以一目了然的看到上述每一条待呈现的界面内容的概述,从而进一步对感兴趣的界面内容进行进一步的浏览。
在本实施例中,上述描述信息可以为文本信息、图像信息、语音信息等。上述描述信息用于对每一界面内容进行描述。由于界面内容通常包括多条。因此,与界面内容对应的描述信息也包括多条。也即是说,每一条描述信息与每一条界面内容一一对应。
步骤202,调用预先设置的用户界面框架,将描述信息填充至所调用的用户界面框架中,生成交互界面。
在本实施例中,上述用户界面框架为Flutter框架。具体的,Flutter框架是谷歌公司用以帮助开发者在IOS和Android两个平台快速开发应用的移动端用户界面框架。Flutter框架可以提供跨平台的客户端开发语言。也即是说,在开发应用的过程中,用户只需要撰写一套代码即可实现上述IOS平台或者Android平台的应用呈现,该框架还可以提供分别基于Android平台的控件、基于IOS平台的控件,不需要开发者重新设计控件,从而可以有效的降低研发成本。
在本实施例中,Flutter框架中可以提供各种界面元素。该界面元素例如可以包括交互界面中可进行点击的按钮(例如用于登录的按钮、用于收藏页面或收藏物品的按钮、用于搜索的按钮)、输入框、可点击的图片、链接等。通常,上述Flutter框架还提供交互界面模板,该交互界面模板通常包括预先设置好的界面元素,例如按钮、用于放置图片的位置等。从而上述执行主体可以基于描述信息的信息类别(文本、图像、语音等)将该描述信息直接填充至上述用户界面框架提供的交互界面模板中以生成交互界面。
在本实施例的一些可选的实现方式中,上述调用预先设置的用户界面框架,将描述信息填充至所调用的用户界面中,生成交互界面还包括:接收用户选择出的界面元素;将用户选择出的界面元素与描述信息相关联;基于关联结果,生成与描述信息关联的预设数目个控件;基于预设数目个控件,生成所述交互界面,作为第一交互界面。
具体的,通常,上述Flutter框架可以提供各种各样的界面元素。交互界面的开发者可以依据所要生成的交互界面的样式选择出需要生成交互界面的控件的界面元素。然后,上述执行主体可以将用户所选择出的界面元素与步骤201获取到的描述信息进行关联。当开发者选择出图片、文本、按钮该三个界面元素时,上述关联具体可以包括将描述信息中所包括的图片添加至上述图片的界面元素位置处、将描述信息中所包括的文本添加至上述文本的界面元素位置处、将按钮透明化后分别叠加至图片位置处和文本位置处。从而,用户可以点击上述图片信息和文本信息。接着,基于关联结果,可以生成基于待呈现的界面内容的描述信息的预设数目个控件。在这里,控件是指对数据和方法的封装。也即是说,上述图片、按钮和用户点击图片后所触发的指令即为一个控件。由于上述描述信息可以包括多条,因此,上述执行主体可以生成与描述信息相同数目的控件,从而可以使得浏览交互界面的用户对图片或文本进行点击后,触发后续指令。最后,上述执行主体可以基于该预设数目个控件来生成交互界面,将所生成的交互界面可以作为第一交互界面。
在一些可选的实现方式中,上述基于预设数目个控件,生成交互界面,作为第一交互界面,包括:基于预设数目个控件,生成交互界面预览模板以向用户呈现;接收用户通过终端对控件在交互界面预览模板中的位置的调整结果;保存调整结果,将调整后的交互界面预览模板作为第一交互界面。
具体的,上述执行主体可以将所生成的预设数目个控件渲染至交互界面中,然后生成交互界面预览模板。从而,开发者可以查看所生成的交互界面的效果图。开发者还可以对所生成的控件在交互界面中的位置进行调整,还可以调整所占用的界面的版图等,从而使得所生成的交互界面呈现更好的效果。接着,上述执行主体可以接收用户通过终端对控件在交互界面预览模板中的位置的修改结果。然后,上述执行主体可以保存开发者的调整结果,从而将调整后的交互界面预览模板作为第一交互界面。
在本实施例的一些可选的实现方式中,上述基于关联结果,生成与所述描述信息关联的预设数目个控件,包括:基于用户界面框架,建立包括待呈现的界面内容的至少一个交互界面,作为第二交互界面;基于描述信息与的界面内容之间的对应关系,建立第一交互界面与至少一个第二交互界面之间的链接关系;基于关联结果、链接关系,生成预设数目个控件。
具体的,可以利用上述用户界面框架建立多个第二交互界面。该第二交互界面通常是某一网站或应用的一级交互界面(也即主页)所链接至的界面。在这里,上述待呈现的界面内容可以包括多条,每一条界面内容可以通过一个第二交互界面呈现。其中,每一个第二交互界面可以通过如下方式建立:当上述第二交互界面不需要链接至其他交互界面时,也即上述界面内容可以为文章、新闻等文本、图片时,可以直接将界面内容填充至该第二交互界面中预设位置处。例如,可以将用于获取上述界面内容的路径信息与上述第二交互界面相关联。从而,在运行上述第二交互界面时,可以直接从路径信息所指示的路径对应位置处获取到上述界面内容,也即生成包括上述界面内容的交互界面作为第二交互界面。当第二交互界面需要链接至其他交互界面时,可以利用上述用户界面框架所提供的控件生成方法生成包括界面元素、链接信息的控件,同时将上述界面内容填充至该第二交互界面中。
当生成第二交互界面后,可以得到用于指示该第二交互界面的地址,将该地址设置于第一交互界面中,从而建立第一交互界面与第二交互界面之间的链接关系。在这里,由于第一交互界面中包括每一条界面内容的描述信息。在建立第一交互界面和第二交互界面之间的链接关系时,需要将用于呈现界面内容的第二交互界面的地址设置于第一交互界面中与该界面内容对应的描述信息处。从而,当用户从第一交互界面点击某一界面内容的描述信息后,可以直接跳转至呈现该界面内容的第二交互界面中。
最后,上述执行主体可以基于界面元素与描述信息相关联的关联结果、第一交互界面和第二交界面之间的链接关系,生成第一交互界面的控件。也即是说,第一交互界面中包括多个控件,每一个控件包括界面元素、描述信息、控件与描述信息之间的关联关系、该描述信息所链接至的第二交互界面的地址。
步骤203,呈现所生成的交互界面。
在本实施例中,上述执行主体在生成上述第一交互界面后,可以呈现所生成的第一交互界面。
在一些可选的实现方式中,该呈现所生成的交互界面可以包括:基于预设接口协议,将第一交互界面渲染至屏幕中。
具体的,现有的终端系统通常可以包括安卓系统平台、IOS系统平台、windows系统平台等。上述各系统平台均可以提供呈现信息的接口。也即是说,上述各系统平台均可以提供屏幕渲染接口。每一个系统平台均预先设置有其屏幕渲染接口的接口协议。从而,可以根据相应的系统平台接口协议,将包括所获取的信息的页面渲染至各系统所支持的终端设备的屏幕中。
进一步参考图3,其示出了本公开的信息呈现方法的一个应用场景图。如图3所示,在图3所示的应用场景中,待呈现的界面内容为房源信息。其中,包括A小区的B房,C小区的D房。用户可以通过终端301向服务器302中输入A小区B房的描述信息、C小区D房的描述信息,该描述信息包括A小区B房的图片、地理位置,C小区D房的图片、地理位置。然后,服务器302可以调用预先设置的Flatter框架,将上述描述信息填充至Flatter框架中,从而生成交互界面303。最后,呈现该交互界面303。所生成的交互界面303包括A小区B房的描述信息、C小区D房的描述信息。
本公开的实施例提供的信息呈现方法,通过调用预先设置的用户界面框架,将所获取的对待呈现的界面内容进行描述的描述信息填充至用户界面框架中,从而生成交互界面,可以使得研发人员基于该用户界面框架编写一套代码,不需要进行多套代码研发,节省了研发成本。
进一步参考图4,其示出了根据本公开的信息呈现方法的又一个实施例的流程400。该信息呈现方法包括以下步骤:
步骤401,获取对待呈现的界面内容进行描述的描述信息。
在本实施例中,信息呈现方法的执行主体(例如图1所示的服务器)可以获取对待呈现的界面内容进行描述的描述信息以在同一交互界面中呈现界面内容的描述信息,使得用户可以一目了然的看到上述每一条待呈现的界面内容的概述,从而进一步对感兴趣的界面内容进行进一步的浏览。
在本实施例中,上述描述信息可以为文本信息、图像信息、语音信息等。上述描述信息用于对每一界面内容进行描述。由于界面内容通常包括多条。因此,与界面内容对应的描述信息也包括多条。也即是说,每一条描述信息与每一条界面内容一一对应。
步骤402,调用预先设置的用户界面框架,将描述信息填充至所调用的用户界面框架中,生成交互界面。
步骤401、步骤402的具体实现以及所带来的有益效果可参考图2所示的步骤201、步骤202中的相关描述,在此不再赘述。
步骤403,基于预设接口协议,将第一交互界面渲染至屏幕中。
在本实施例中,现有的终端系统通常可以包括安卓系统平台、IOS系统平台、windows系统平台等。上述各系统平台均可以提供呈现信息的接口。也即是说,上述各系统平台均可以提供屏幕渲染接口。每一个系统平台均预先设置有其屏幕渲染接口的接口协议。从而,可以根据相应的系统平台接口协议,将包括所获取的信息的页面渲染至各系统所支持的终端设备的屏幕中。
步骤404,确定预设接口协议对应的系统平台是否支持控件实时更新。
在本实施例中,上述用户界面框架可以为Flatter框架。当需要更新利用该用户界面框架所生成的交互界面中的控件时(例如更新控件中的界面元素、控件所包括的链接地址等),上述执行主体可以首先确定与接口协议对应的系统平台是否支持控件的实时更新。通常,基于Flatter用户界面框架所所生成的用户界面,应用于IOS系统平台时,不支持控件的实时更新;应用于安卓系统平台时,可以支持控件的实时更新。
步骤405,响应于确定预设接口协议对应的系统平台支持控件实时更新,更新待更新的控件。
在本实施例中,上述执行主体在响应于确定预设接口协议对应的系统平台支持控件的实时更新时,可以直接更新需要更新的控件,例如更新控件的页面元素、控件中所包括的链接地址等。当对待更新的控件更新后,利用支持控件实时更新的系统平台可以将所更新的控件直接呈现。
从图4中可以看出,与图2所示的实施例不同的是,本申请实施例突出了对交互界面中的控件实施更新的步骤。从而,使得所生成的交互界面更加准确有效,有利于提高用户的使用体验。
进一步参考图5,作为对上述各图所示方法的实现,本公开提供了信息呈现装置的一个实施例,该装置实施例与图2所示的方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图5所示,本实施例提供的信息呈现装置500包括获取单元501、生成单元502和呈现单元503。其中,获取单元501,被配置成获取对待呈现的界面内容进行描述的描述信息;生成单元502,被配置成调用预先设置的用户界面框架,将描述信息填充至所调用的用户界面框架中,生成交互界面;呈现单元503,被配置成呈现所生成的交互界面。
在本实施例中,信息呈现装置500中:获取单元501、生成单元502和呈现单元503的具体处理及其所带来的技术效果可分别参考图2对应实施例中的步骤201、步骤202和步骤203的相关说明,在此不再赘述。
在本实施例的一些可选的实现方式中,用户界面框架包括用于交互的界面元素;以及生成单元502包括:接收子单元(未示出),被配置成接收用户选择出的界面元素;关联子单元(未示出),被配置成将用户选择出的界面元素与描述信息相关联;第一生成子单元(未示出),被配置成基于关联结果,生成与描述信息关联的预设数目个控件;第二生成子单元(未示出),被配置成基于预设数目个控件,生成交互界面,作为第一交互界面。
在本实施例的一些可选的实现方式中,第二生成子单元(未示出)进一步被配置成:基于预设数目个控件,生成交互界面预览模板以向用户呈现;接收用户通过终端对控件在交互界面预览模板中的位置的调整结果;保存调整结果,将调整后的交互界面预览模板作为第一交互界面。
在本实施例的一些可选的实现方式中,第一生成子单元(未示出)进一步被配置成:基于用户界面框架,建立包括界面内容的至少一个交互界面,作为第二交互界面;基于描述信息与界面内容之间的对应关系,建立第一交互界面与至少一个第二交互界面之间的链接关系;基于关联结果、链接关系,生成预设数目个控件。
在本实施例的一些可选的实现方式中,呈现单元503进一步被配置成:基于预设接口协议,将第一交互界面渲染至屏幕中。
在一些实施例中,信息呈现装置500还包括:确定单元(未示出),被配置成确定预设接口协议对应的系统平台是否支持控件实时更新;更新单元(未示出),被配置成响应于确定预设接口协议对应的系统平台支持控件实时更新,更新待更新的控件。
本公开的实施例提供的信息呈现装置,通过调用预先设置的用户界面框架,将所获取的对待呈现的界面内容进行描述的描述信息填充至用户界面框架中,从而生成交互界面,可以使得研发人员基于该用户界面框架编写一套代码,不需要进行多套代码研发,节省了研发成本。
下面参考图6,其示出了适于用来实现本公开的实施例的电子设备(例如图1中的服务器设备)600的结构示意图。本公开的实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图6示出的终端设备仅仅是一个示例,不应对本公开的实施例的功能和使用范围带来任何限制。
如图6所示,电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中,还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
通常,以下装置可以连接至I/O接口605:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607;包括例如磁带、硬盘等的存储装置608;以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备600,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图6中示出的每个方框可以代表一个装置,也可以根据需要代表多个装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置609从网络上被下载和安装,或者从存储装置608被安装,或者从ROM 602被安装。在该计算机程序被处理装置601执行时,执行本公开的实施例的方法中限定的上述功能。
需要说明的是,本公开的实施例描述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的实施例中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述终端设备中所包含的;也可以是单独存在,而未装配入该终端设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备::获取对待呈现的界面内容进行描述的描述信息;调用预先设置的用户界面框架,将描述信息填充至所调用的用户界面框架中,生成交互界面;呈现所生成的交互界面。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的实施例的操作的计算机程序代码,程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开的实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器包括一种处理器,包括获取单元、生成单元和呈现单元。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定,例如,获取单元还可以被描述为“获取对待呈现的界面内容进行描述的描述信息的单元”。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开的实施例中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
Claims (8)
1.一种信息呈现方法,包括:
获取对待呈现的界面内容进行概述的描述信息;所述描述信息的信息类别包括文本、图像和语音;
接收用户选择出的界面元素;
将所述界面元素与所述描述信息相关联;
基于关联结果,生成与所述描述信息关联的预设数目个控件;
基于所述预设数目个控件,生成交互界面预览模板以向用户呈现;
接收用户通过终端对所述预设数目个控件在所述交互界面预览模板中的位置的调整结果;
保存所述调整结果,将调整后的交互界面预览模板作为第一交互界面;呈现所生成的第一交互界面;
所述基于关联结果,生成与所述描述信息关联的预设数目个控件,包括:
基于预先设置的用户界面框架,建立包括所述界面内容的至少一个交互界面,作为第二交互界面;所述用户界面框架包括用于交互的界面元素;
基于所述描述信息与所述界面内容之间的对应关系,以及所述第二交互界面的地址,建立所述第一交互界面与至少一个所述第二交互界面之间的链接关系;其中,所述第二交互界面的地址设置于所述第一交互界面中与所述页面对应的描述信息处;
基于所述关联结果、所述链接关系,生成所述预设数目个控件。
2.根据权利要求1所述的方法,其中,所述呈现所生成的第一交互界面,包括:
基于预设接口协议,将所述第一交互界面渲染至屏幕中。
3.根据权利要求2所述的方法,其中,所述方法还包括:
确定所述预设接口协议对应的系统平台是否支持控件实时更新;
响应于确定所述预设接口协议对应的系统平台支持控件实时更新,更新待更新的控件。
4.一种信息呈现装置,包括:
获取单元,被配置成获取对待呈现的界面内容进行概述的描述信息;所述描述信息的信息类别包括文本、图像和语音;
生成单元,被配置成调用预先设置的用户界面框架,将所述描述信息填充至所调用的用户界面框架中,生成交互界面;所述用户界面框架包括用于交互的界面元素;
呈现单元,被配置成呈现所生成的交互界面;
所述生成单元包括:
接收子单元,被配置成接收用户选择出的界面元素;
关联子单元,被配置成将所述界面元素与所述描述信息相关联;
第一生成子单元,被配置成基于关联结果,生成与所述描述信息关联的预设数目个控件;
第二生成子单元,被配置成基于所述预设数目个控件,生成交互界面,作为第一交互界面;
所述第一生成子单元,进一步被配置成基于所述用户界面框架,建立包括所述界面内容的至少一个交互界面,作为第二交互界面;基于所述描述信息与所述界面内容之间的对应关系,以及所述第二交互界面的地址,建立所述第一交互界面与至少一个所述第二交互界面之间的链接关系;基于所述关联结果、所述链接关系,生成所述预设数目个控件;其中,所述第二交互界面的地址设置于所述第一交互界面中与所述页面对应的描述信息处;
第二生成子单元,被配置成基于所述预设数目个控件,生成交互界面,作为第一交互界面;
所述第二生成子单元进一步被配置成:基于所述预设数目个控件,生成交互界面预览模板以向用户呈现;接收用户通过终端对所述控件在所述交互界面预览模板中的位置的调整结果;保存所述调整结果,将调整后的交互界面预览模板作为所述第一交互界面;
所述呈现单元,进一步被配置成呈现所生成的第一交互界面。
5.根据权利要求1所述的装置,其中,所述呈现单元进一步被配置成:
基于预设接口协议,将所述第一交互界面渲染至屏幕中。
6.根据权利要求5所述的装置,其中,所述装置还包括:
确定单元,被配置成确定所述预设接口协议对应的系统平台是否支持控件实时更新;
更新单元,被配置成响应于确定所述预设接口协议对应的系统平台支持控件实时更新,更新待更新的控件。
7.一种终端设备,包括:
一个或多个处理器;
存储装置,其上存储有一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-3中任一所述的方法。
8.一种计算机可读介质,其上存储有计算机程序,其中,该程序被处理器执行时实现如权利要求1-3中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910204792.7A CN110618811B (zh) | 2019-03-18 | 2019-03-18 | 信息呈现方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910204792.7A CN110618811B (zh) | 2019-03-18 | 2019-03-18 | 信息呈现方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110618811A CN110618811A (zh) | 2019-12-27 |
CN110618811B true CN110618811B (zh) | 2023-10-13 |
Family
ID=68921221
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910204792.7A Active CN110618811B (zh) | 2019-03-18 | 2019-03-18 | 信息呈现方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110618811B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111158689A (zh) * | 2019-12-30 | 2020-05-15 | 深圳Tcl数字技术有限公司 | 跨系统的ui应用生成方法、设备及计算机可读存储介质 |
CN111831263B (zh) * | 2020-07-20 | 2023-04-25 | 抖音视界有限公司 | 数据处理的方法、装置、电子设备和计算机可读介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102184101A (zh) * | 2011-04-27 | 2011-09-14 | 赵悦 | 一种面向智能手机的软件应用框架及其开发系统 |
CN107247544A (zh) * | 2015-10-01 | 2017-10-13 | Sap欧洲公司 | 使用交互图像优化软件应用用户界面性能 |
CN108304183A (zh) * | 2018-02-26 | 2018-07-20 | 北京车和家信息技术有限公司 | 一种用户界面生成方法、装置及电子设备 |
CN108984174A (zh) * | 2018-07-03 | 2018-12-11 | 百度在线网络技术(北京)有限公司 | 跨平台的应用创建方法、装置、服务器和存储介质 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120079451A1 (en) * | 2010-09-29 | 2012-03-29 | Sap Ag | Unified process to design, develop, and configure user interfaces |
-
2019
- 2019-03-18 CN CN201910204792.7A patent/CN110618811B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102184101A (zh) * | 2011-04-27 | 2011-09-14 | 赵悦 | 一种面向智能手机的软件应用框架及其开发系统 |
CN107247544A (zh) * | 2015-10-01 | 2017-10-13 | Sap欧洲公司 | 使用交互图像优化软件应用用户界面性能 |
CN108304183A (zh) * | 2018-02-26 | 2018-07-20 | 北京车和家信息技术有限公司 | 一种用户界面生成方法、装置及电子设备 |
CN108984174A (zh) * | 2018-07-03 | 2018-12-11 | 百度在线网络技术(北京)有限公司 | 跨平台的应用创建方法、装置、服务器和存储介质 |
Non-Patent Citations (2)
Title |
---|
Flutter快速上车之Widget;阿里云云栖号;《https://blog.csdn.net/yunqiinsight/article/details/82495070》;20180907;全文 * |
为什么原生应用开发者需要关注 Flutter;Animesh Jain;《https://www.infoq.cn/news/2017/11/Why-native-app-developer-Flutter/》;20171127;1-9 * |
Also Published As
Publication number | Publication date |
---|---|
CN110618811A (zh) | 2019-12-27 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109976620B (zh) | 列表项展现属性信息的确定方法、装置、设备及存储介质 | |
CN109460233B (zh) | 页面的原生界面显示更新方法、装置、终端设备及介质 | |
US11016716B2 (en) | Picture interface display method and apparatus according to jump protocol | |
WO2017206626A1 (zh) | 网络资源访问设备、混合设备及方法 | |
EP3848798A1 (en) | Information processing method and apparatus, storage medium, and electronic device | |
CN105335132B (zh) | 一种自定义应用程序功能的方法、装置以及系统 | |
CN111338623B (zh) | 一种开发用户界面的方法、装置、介质和电子设备 | |
US20130036196A1 (en) | Method and system for publishing template-based content | |
CN110619100B (zh) | 用于获取数据的方法和装置 | |
US20220374538A1 (en) | Permission control method and device and electronic equipment | |
CN111596991A (zh) | 交互操作执行方法、装置和电子设备 | |
CN111324834B (zh) | 图文混排的方法、装置、电子设备及计算机可读介质 | |
CN110618811B (zh) | 信息呈现方法和装置 | |
CN110647369B (zh) | 页面动态显示的方法、装置、移动终端及存储介质 | |
CN110058854B (zh) | 用于生成应用的方法、终端设备和计算机可读介质 | |
CN111694629A (zh) | 信息展示方法、装置和电子设备 | |
CN110619101B (zh) | 用于处理信息的方法和装置 | |
CN114428925A (zh) | 页面渲染方法、装置、电子设备和计算机可读介质 | |
CN114626332A (zh) | 内容展示方法、装置和电子设备 | |
CN114327453A (zh) | 页面显示方法、装置、设备及存储介质 | |
CN113296771A (zh) | 页面显示方法、装置、设备和计算机可读介质 | |
CN113672317A (zh) | 用于渲染题目页面的方法和装置 | |
CN110908711A (zh) | 应用程序的控件开发方法、装置及电子设备 | |
CN112306469A (zh) | 一种无障碍组件构建方法、装置、设备及存储介质 | |
US20140101284A1 (en) | System and method for customization of web content |
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: 20230508 Address after: Room 802, Information Building, 13 Linyin North Street, Pinggu District, Beijing, 101299 Applicant after: Beijing youzhuju Network Technology Co.,Ltd. Address before: No. 715, 7th floor, building 3, 52 Zhongguancun South Street, Haidian District, Beijing 100081 Applicant before: Beijing infinite light field technology Co.,Ltd. |
|
TA01 | Transfer of patent application right | ||
GR01 | Patent grant | ||
GR01 | Patent grant |