CN117055792A - 界面呈现方法、装置、设备、介质和程序产品 - Google Patents
界面呈现方法、装置、设备、介质和程序产品 Download PDFInfo
- Publication number
- CN117055792A CN117055792A CN202310097057.7A CN202310097057A CN117055792A CN 117055792 A CN117055792 A CN 117055792A CN 202310097057 A CN202310097057 A CN 202310097057A CN 117055792 A CN117055792 A CN 117055792A
- Authority
- CN
- China
- Prior art keywords
- configuration
- interface
- skin
- operating system
- application
- 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
- 238000000034 method Methods 0.000 title claims abstract description 49
- 230000004044 response Effects 0.000 claims description 16
- 238000004590 computer program Methods 0.000 claims description 15
- 238000012545 processing Methods 0.000 claims description 14
- 238000010586 diagram Methods 0.000 description 25
- 230000006870 function Effects 0.000 description 23
- 230000000694 effects Effects 0.000 description 18
- 238000007726 management method Methods 0.000 description 15
- 238000011161 development Methods 0.000 description 7
- 238000004891 communication Methods 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 5
- 239000003086 colorant Substances 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000001960 triggered effect Effects 0.000 description 4
- 230000008859 change Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000006399 behavior Effects 0.000 description 2
- 238000001514 detection method Methods 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 241000405217 Viola <butterfly> Species 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000008878 coupling Effects 0.000 description 1
- 238000010168 coupling process Methods 0.000 description 1
- 238000005859 coupling reaction Methods 0.000 description 1
- 238000007405 data analysis Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 239000012634 fragment Substances 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000004215 skin function Effects 0.000 description 1
- 238000005406 washing 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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- 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/0481—Interaction 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/0482—Interaction with lists of selectable items, e.g. menus
-
- 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/04842—Selection of displayed objects or displayed text elements
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了界面呈现方法、装置、设备、介质和程序产品,涉及计算机技术领域,具体涉及界面呈现技术领域。该方法包括:展示操作系统的皮肤设置界面,皮肤设置界面包含多个配置区域,配置区域包含类别相同的多个界面元素的配置控件,界面元素包括界面背景以及应用图标中的至少一种;接收配置控件的配置操作,响应于配置操作呈现操作系统的皮肤预览界面;皮肤预览界面包括配置操作对应的目标界面元素,目标界面元素的显示方式与配置操作对应的配置参数相关。能够实现皮肤的自定义配置,提高了界面展示风格的多样性。
Description
技术领域
本申请一般涉及计算机技术领域,具体涉及界面呈现技术领域,尤其涉及一种界面呈现方法、装置、设备、介质和程序产品。
背景技术
随着车载终端技术的发展,用户对车载终端的使用要求也越来越多。而车企为了追求丰富多彩的产品功能,同时也不断寻求更好的用户体验,绝大多数的车载终端不再局限于单一的界面展示风格,推出了不同的皮肤资源,以供用户进行选择。
然而,这种方式通常是把固定的皮肤资源提前内置到操作系统内,用户还是只能在固定的皮肤资源中进行选择,这就导致在一定程度上限制了车载终端的界面展示风格。
发明内容
鉴于现有技术中的上述缺陷或不足,期望提供一种界面呈现方法、装置、设备、介质和程序产品,能够实现皮肤的自定义配置,提高了界面展示风格的多样性。
第一方面,本申请提供了一种界面呈现方法,该方法包括:展示操作系统的皮肤设置界面,皮肤设置界面包含多个配置区域,配置区域包含类别相同的多个界面元素的配置控件,界面元素包括界面背景以及应用图标中的至少一种;接收配置控件的配置操作,响应于配置操作呈现操作系统的皮肤预览界面;皮肤预览界面包括配置操作对应的目标界面元素,目标界面元素的显示方式与配置操作对应的配置参数相关。
第二方面,本申请提供了一种界面呈现装置,该界面呈现装置包括:
展示模块,用于展示操作系统的皮肤设置界面,皮肤设置界面包含多个配置区域,配置区域包含类别相同的多个界面元素的配置控件,界面元素包括界面背景以及应用图标中的至少一种。
接收模块,用于接收配置控件的配置操作。
处理模块,用于响应于配置操作呈现操作系统的皮肤预览界面;皮肤预览界面包括配置操作对应的目标界面元素,目标界面元素的显示方式与配置操作对应的配置参数相关。
在一种实现方式中,处理模块,具体用于,
响应于配置操作,显示配置界面;配置界面包括至少一个参数配置项。
接收参数配置项的操作,获取通过参数配置项输入的配置参数。
根据配置参数显示操作系统的皮肤预览界面。
在一种实现方式中,显示模块,用于依次显示各配置操作对应的配置控件的配置界面;或者集成显示进行配置操作的各配置控件对应的配置界面。
在一种实现方式中,处理模块,具体用于,
响应于配置操作,获取配置操作对应的配置控件关联的配置参数。
根据配置操作对应的配置控件关联的配置参数显示操作系统的皮肤预览界面。
在一种实现方式中,皮肤预览界面还包括操作系统相关的界面元素中未进行配置操作的界面元素。
在一种实现方式中,目标界面元素的显示方式与配置参数一致;或者,目标界面元素的显示方式由配置参数和默认参数中的至少一项确定,默认参数为未进行配置操作的配置控件对应的参数。
在一种实现方式中,皮肤预览界面上类型相同的各目标界面元素的显示方式相同。
在一种实现方式中,界面元素的类别与界面元素的应用类型相关。
在一种实现方式中,处理模块,还用于根据操作系统的显示方式设置操作系统上运行的各个应用程序的显示方式。
在一种实现方式中,操作系统为车载终端的车机系统。
第三方面,本申请实施例提供了一种计算机设备,包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,该处理器执行该程序时实现如本申请实施例描述的方法。
第四方面,本申请实施例提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本申请实施例描述的方法。
第五方面,本申请实施例提供一种计算机程序产品,该计算机程序产品包括指令,当该指令被运行时,使得如本申请实施例描述的方法被执行。
本申请提出的界面呈现方法、装置、设备、介质和程序产品,考虑到现有技术虽然能够提供不同的皮肤资源,但由于这些皮肤资源依然是固定的,当用户需要对车载终端的界面展示风格进行更换时,也只能在固定的皮肤资源中进行选择,实际还是局限了车载终端的界面展示风格。而本申请能够提供一种皮肤配置功能,用户可以根据自己的喜好或者需求进行自定义的皮肤配置,实现了界面展示风格的灵活扩展。具体是通过接收用户在展示的操作系统的皮肤设置界面中对配置控件的配置操作,并响应于该配置操作呈现操作系统的皮肤预览界面。这样,不仅能够实现皮肤的自定义配置,提高了界面展示风格的多样性;并且,由于目标界面元素的显示方式与配置操作对应的配置参数相关,通过皮肤预览界面呈现目标界面元素,能够方便用户对新配置的皮肤进行查看,有利于用户及时确认是否为实际所需求的界面展示风格,提高了用户的使用体验感。
另外,考虑到界面元素实际包括了界面背景以及应用图标中的至少一种,可能使界面元素较多。若一一对界面元素进行皮肤配置将会非常耗费时间和精力;若对所有的界面元素进行统一配置,则会降低界面元素的展示效果。因此,本申请还对界面元素进行类别区分,将类别相同的界面元素的配置控件划分至同一配置区域中,方便用户对同一类别的界面元素进行统一的皮肤配置,简化了皮肤配置的操作,大大提高了皮肤配置的便捷性。并且,当用户只需要对某一类别的界面元素的显示方式进行配置,用户则只需要在该类界面元素所对应的配置区域中的配置控件进行配置操作即可,从而增加了皮肤配置的灵活性和可操作性。
本申请附加的方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本申请的实践了解到。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本申请的其它特征、目的和优点将会变得更明显:
图1为本申请实施例提供的一种界面呈现系统的结构示意图;
图2为本申请实施例提供的一种界面呈现方法的流程示意图;
图3为本申请实施例提供的一种操作系统的皮肤设置界面的效果示意图;
图4a为本申请实施例提供的一种界面呈现的结构示意图;
图4b为本申请实施例提供的一种皮肤预览界面的效果示意图;
图5a为本申请实施例提供的一种样式文件的代码示意图;
图5b为本申请实施例提供的一种页面预埋的代码示意图;
图6为本申请实施例提供的一种设置界面的效果示意图;
图7为本申请实施例提供的另一种皮肤预览界面的效果示意图;
图8为本申请实施例提供的再一种皮肤预览界面的效果示意图;
图9为本申请实施例提供的又一种皮肤预览界面的效果示意图;
图10为本申请实施例提供的又一种皮肤预览界面的效果示意图;
图11a为本申请实施例提供的一种配置界面的效果示意图;
图11b为本申请实施例提供的另一种配置界面的效果示意图;
图12为本申请实施例提供的一种换肤的结构框架图;
图13为本申请实施例提供的一种界面呈现装置的结构示意图;
图14为本申请实施例提供的一种计算机设备的结构示意图。
具体实施方式
下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释相关发明,而非对该发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与发明相关的部分。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
由于现有技术虽然能够提供不同的皮肤资源,但由于这些皮肤资源依然是固定的,当用户需要对车载终端的界面展示风格进行更换时,也只能在固定的皮肤资源中进行选择,实际还是局限了车载终端的界面展示风格。
基于此,本申请实施例提供一种界面呈现方法、装置、设备、介质和程序产品,提供了一种皮肤配置功能,该皮肤配置功能主要是通过为用户展示操作系统的皮肤设置界面,用户通过对皮肤设置界面中配置控件进行相关的配置操作来实现。进而,响应该配置操作呈现操作系统的皮肤预览界面。其中,皮肤设置界面包含多个配置区域,配置区域包含类别相同的多个界面元素的配置控件,界面元素包括界面背景以及应用图标中的至少一种;皮肤预览界面包括配置操作对应的目标界面元素,目标界面元素的显示方式与配置操作对应的配置参数相关。通过上述方式,用户可以根据自己的喜好或者需求进行自定义的皮肤配置,实现了界面展示风格的灵活扩展。
图1为本申请实施例提供的一种界面呈现系统的结构示意图。本申请实施例所提供的界面呈现方法可应用于该界面呈现系统100。参考图1,该界面呈现系统100包括管理端设备101、应用端设备102以及服务器103。
其中,管理端设备101和应用端设备102均可以用于实现界面呈现方法的终端设备该终端设备可以是具有界面显示功能的移动电话、个人计算、平台电脑、智能手机、车载终端等,本申请实施例对此不作限定。
作为一个示例,管理端设备101和应用端设备102运行有操作系统,该操作系统可以包括但不限于任何通过向移动设备提供各种移动应用来丰富设备功能的操作系统,诸如安卓(AndroidTM)、iOSTM、Windows PhoneTM等。
在一种可能的实现方式中,管理端设备101负责实现本申请实施例所提供的界面呈现方法以实现包含有目标界面元素的皮肤配置以及预览功能;应用端设备102负责对界面呈现方法最终配置生成的包含有目标界面元素的皮肤进行应用性的展示。例如,管理端设备101可以是车企侧的终端设备,而应用端设备102可以是车载终端。车企侧的终端设备通过本申请的界面呈现方法生成皮肤预览界面。并将皮肤预览界面中的皮肤资源下发至车载终端,车载终端可以按照皮肤资源在其界面中进行呈现。可以理解的是,上述仅示例性的说明了通过管理端设备101与应用端设备102进行结合实现皮肤的配置、预览以及应用,而单独由管理端设备101和应用端设备102的其中一个终端设备依然可以实现上述流程,本申请实施例对此不作限定。
在另一种可能的实现方式中,管理端设备101也可以是服务器,该服务器可以是独立的物理服务器,也可以是多个物理服务器构成的服务器集群或者分布式系统,还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(content delivery network,CDN)、以及大数据和人工智能平台等基础云计算服务的云服务器。
另外,服务器103的实施例可以参考前述中管理端设备101中关于服务器的说明,此处不在赘述。
下面将结合图1,以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。以下具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。
如图2所示,本申请实施例提供一种界面呈现方法,该方法可应用于图1所示的管理端设备101或者应用端设备102,该方法具体包括以下步骤:
201、展示操作系统的皮肤设置界面,皮肤设置界面包含多个配置区域,配置区域包含类别相同的多个界面元素的配置控件,界面元素包括界面背景以及应用图标中的至少一种。
示例性的,皮肤设置界面为应用端设备,如车载终端的命令行用户交互接口(Command User Interface,CUI)或者图形用户接口(Graphical User Interface,GUI),也可以是服务器的配置接口。
可选的,应用端设备可以是车辆、飞机或者轮船等交通工具中的终端设备,驾驶工具中可以设置至少一个应用端设备,各应用端设备可以用于显示应用界面。例如,车辆设置主驾屏、中控屏或者副驾屏的至少一个显示屏。每一应用端设备设有一个操作系统,且同一交通工具中的不同应用端设备可以被同个操作系统控制。
在一种实现方式中,界面元素的类别与界面元素的应用类型相关。
可以理解的是,界面元素的类别是基于界面元素的应用类型进行划分的。其中,应用类型是基于界面元素的开发框架确定;换言之,不同应用类型的界面元素所采用的技术栈不同。
作为一个示例,界面元素的应用类型包括但不限于操作系统原生应用(即Native)、小程序以及基于动态化框架生成的应用中的至少一种。
其中,操作系统原生应用可以是为特定设备的操作系统研发的应用。例如,一个手机软件如果要同时支持苹果手机和安卓手机,就需要为它们各写一个原生App。
动态化框架可以为Viola动态化框架,还可以为React Native、Weex以及hippy等动态化框架。其中,React Native是一种混合移动应用开发框架,具体用于构建基于Web的交互界面的JavaScript库,因此会有更丰富的用户界面(User Interface,UI)体验效果,同时也能够很好地调用底层框架的UI使用。Weex是一个构建移动端跨平台UI框架,其提供了一套基础的内置组件,可以对这些基础的内置组件进行封装、组合形成自己的组件;也可以创建自己的全新组件来包装操作系统提供的地图、视频等功能。Hippy是一款高性能的跨端开发框架,它能帮助开发者快速构建移动双端应用。与传统web相比,Hippy应用兼顾性能和扩展性,支持动态更新,且无任何协议风险,适合需快速迭代且对性能有要求的移动场景。
小程序也即小场景,是能够在母应用提供的环境中实现的应用程序。母应用程序是承载子应用程序(即小程序)的应用程序,为子应用程序的实现提供环境。母应用程序是原生应用程序。原生应用程序是可直接运行于操作系统的应用程序。例如,母应用程序可以是即时通讯应用程序,子应用程序可以是文件管理应用程序、邮件应用程序或者游戏应用程序等。当子应用程序发布后,可以在母应用程序对应的页面中展示子应用程序的图标,当用户点击该图标后,则可以在母应用提供的环境中运行该子应用程序,例如,在微信应用程序(即母应用程序)中运行游戏应用(即子应用程序),用户可以通过在微信中对游戏应用的图标进行点击后,即可进入到游戏应用的界面中。
在一种可能的实现方式中,皮肤设置界面中的每一配置区域还可以根据配置控件的功能进行进一步的子区域划分。例如,可以将调整界面元素中的颜色、形状类的配置控件划分到一个子区域中;将调整界面元素中的按钮、控件类的配置控件划分到一个子区域。有利于实现不同功能的配置控件的快速查找。
基于上述,针对每一配置区域,该配置区域中包含至少一个子区域,每一子区域中包含类别相同的多个界面元素的至少一个配置控件,子区域的划分与配置控件的功能相关。
示例性的,以车辆场景为例,参照图3,提供了一种操作系统的皮肤设置界面30,该皮肤设置界面30中包含了本地(Native)页面区域31、hippy页面区域32以及小场景(即小程序)区域33三个配置区域。其中,本地页面区域31包含了通用样式、基础控件、弹窗以及页面四个子区域;hippy页面区域32中包含了首页和个人中心页两个子区域。每一子区域中都可以对应有配置控件。例如,图3中示出的本地页面区域31中的通用样式这一子区域中可以包含主题色、页面背景色以及字体颜色等配置控件;hippy页面区域32中首页这一子区域中可以包含通用样式、首页顶部以及卡片通用等配置控件。另外,图3中示出的toast弹窗表示操作系统中一种消息框类型的弹窗,push强提醒弹窗表示推送强提醒弹出,push弱提醒弹窗表示推送弱提醒弹出,banner(横幅)栏一般表示一种特殊类型的在线广告资源或广告图片,banner栏通常位于所属的显示界面的顶部或侧面。
需要说明的是,对于上述的关于子区域的配置控件仅示例性的说明了图3中的一部分,其他的子区域以及配置控件的具体可参照图3,此处不再赘述。
可以理解的是,图3仅示例性的展示的一种皮肤设置界面的效果图,开发人员可以根据实际需求对皮肤设置界面中的子区域划分以及配置控件进行自定义设定,本申请实施例对此不作任何限定。
在一个实施例中,针对配置控件的配置操作可以对配置控件的点击操作;点击操作可以是如利用肢体(如手指)、触控笔或者鼠标进行的交互工具进行的单击操作、双击操作等。
可选的,用于运行该步骤中的操作系统的终端设备可以是图1中示出的管理端设备或者应用端设备中的任意一个。当终端设备为应用端设备时,该终端设备可以是车载终端。则该操作系统为车载终端的车机系统。
202、接收配置控件的配置操作,响应于配置操作呈现操作系统的皮肤预览界面;皮肤预览界面包括配置操作对应的目标界面元素,目标界面元素的显示方式与配置操作对应的配置参数相关。
可选的,接收配置控件的配置操作包括接收对至少一个配置控件的配置操作。
可以理解的是,配置操作对应的目标界面元素即为操作系统的界面元素中进行了配置操作的界面元素。也就是说,目标界面元素即为进行参数更改的界面元素。而操作系统的界面元素则可以理解为能够在操作系统的界面上进行展示的元素,这里不限于操作系统的主展示界面。
在一种实现方式,皮肤预览界面可以只进行了更改的界面元素,即目标界面元素,以供用户查看更改了界面元素的实际展示效果。
可选的,考虑到操作系统的同一展示界面中可能包含有不同类型的界面元素,当对其中一种类型的界面元素进行修改时,若只展示进行修改了该种类型的界面元素时,可能无法确定与该展示界面中其他类型的界面元素一起展示时的效果是否满意。因此,皮肤预览界面还包括操作系统相关的界面元素中未进行所述配置操作的界面元素。这样,将进行更改的界面元素(即目标界面元素)以及未进行更改的界面元素(即未进行配置操作的界面元素)在皮肤预览界面中同时进行展示,用户既能够查看更改的界面元素的界面展示效果是否为所需要的,还可以查看更改的界面元素以及未更改的界面元素在同一展示界面中整体的展示效果。
可选的,皮肤预览界面可以是在皮肤设置界面之上展示的一个子界面,例如以弹窗的展示形式展示皮肤预览界面;也可以是新的标签页。
作为一个示例,结合图3,参照图4a,以修改Native页面这一类型为例,假设Native页面这一类型的界面元素为图4a中(a)所示出的关于洗车的提醒弹窗,该提醒弹窗的页面背景色为白色。若需要对该提醒弹窗中的页面背景色修改为黑色,可以通过触发图4a中(b)所示出的Native页面这一配置区域31的通用样式子区域中标识为页面背景色的配置控件311,将白色修改为灰色。并将修改后的提醒弹窗展示在图4a中(c)或者图4a中(d)所示出的皮肤预览界面40中。
基于上例,若操作系统中还包括界面元素a和界面元素b,参照图4b,除了图4a中(c)或者图4a中(d)所示出的皮肤预览界面40包含的修改后的提醒弹窗,还可以是图4b中(a)或者图4b中(b)示出的包含未修改的界面元素a和界面元素b。
在一种实现方式中,当用户确定保留皮肤预览界面中界面元素的展示方式,则可以通过保存操作,将皮肤预览界面中界面元素的展示方式所对应的皮肤资源进行本地存储或者存储至服务器中。当用户确定不保留皮肤预览界面中界面元素的展示方式,则可以通过取消操作,取消本次所设置的皮肤预览界面中界面元素的展示方式。可以理解的是,无论是保存操作或者是取消操作可以通过触发针对皮肤预览界面所设定的保存控件或者取消控件来实现。
其中,保存操作对应的保存控件可以部署于皮肤设置界面中,也可以部署于皮肤预览界面中,本申请实施例对此不作限定。同理,取消操作对应的取消控件可以部署于皮肤设置界面中,也可以部署于皮肤预览界面中,同样对此不作限定。
作为一个示例,当用户触发保存控件后,可以自动生成该皮肤资源所对应的标识,或者为用户展示标识配置项,用户可以通过标识配置项中输入该皮肤资源自定义的标识。
在一种实现方式中,响应于配置操作,获取配置操作对应的配置参数,并按照配置参数展示皮肤预览界面。
可以理解的是,每一配置操作对应一个配置参数,该配置参数包括该配置操作所对应的配置值,在代码程序中,将配置值填充至皮肤配置文件中的代码程序中,以生成该配置参数的代码程序。而配置参数的代码程序属于皮肤数据中的代码程序。参照图5a,提供了皮肤配置文件中的代码程序。
可选的,为收集用户在皮肤配置界面上的行为相关信息(即用户操作信息,该用户操作信息包括对皮肤配置界面的配置操作)需要在皮肤配置界面中进行页面预埋(即埋点),用过页面预埋的代码程序收集用户操作信息并将该信息上报至服务端,服务端可基于用户操作信息进行数据分析,动态修改配置文件中的代码程序。参照图5b,展示了一部分页面预埋的代码程序。
作为一个示例,可以采用埋点配置项实现对皮肤配置界面的页面预埋。管理端设备和/或应用端设备首先获取埋点配置信息。在此,埋点配置信息是用于指示进行埋点配置的相关信息,埋点配置信息中可包括多个埋点配置项,每个埋点配置项可用于指示一项具体的埋点配置。通过使用可描述埋点的埋点配置信息,可解除埋点与管理端设备和/或应用端设备的耦合,管理端设备和/或应用端设备通过埋点配置信息而不是固定的埋点代码进行埋点,可实现灵活、实时、动态的埋点。埋点配置信息的载体可以有多种,例如配置文件、配置字符串等。
本申请的一些实施例中,埋点配置信息可以包括如下信息:埋点事件信息、埋点上报相关信息,也可以是上述信息的任意组合,还可以是根据用户需要所设置的其它信息等。在此,埋点事件信息可包括与埋点的触发事件相关的信息。例如,埋点事件标识、埋点事件类型等。埋点上报相关信息可包括埋点获取的用户在皮肤配置界面上的行为相关信息;又如,埋点上报平台信息,可用于指示用户操作相关信息上报的平台,平台的标识及地址等;还例如埋点上报内容信息,可用于指示埋点上报的具体内容等。
进一步的,当用户确定即刻使用皮肤预览界面中界面元素的展示方式,则可以使用操作,则按照皮肤预览界面中界面元素的展示方式对操作系统中的界面元素进行展示。
在实际应用场景中,若用户为车企方用户,本申请实施例在确定即刻使用皮肤预览界面中界面元素的展示方式时,可以将该展示方式所对应的皮肤资源发布至目标车辆(如指定品牌以及型号的车辆)的终端设备中,并在该终端设备的操作系统中进行展示。
例如,对于节假日,车企方可以通过配置生成节假日所对应的皮肤资源,并发布至目标车辆的中,并在该终端设备的操作系统备进行展示。
在车辆场景中,参照图6,考虑到车主可能存在不接受由车企方控制操作系统的界面展示方式和/或跟随操作系统预配置的界面展示方式进行展示的情况,则可以在车辆的终端设备中设置外观跟随系统的配置项。车主可以通过打开或关闭该配置项,以实现是否接受由车企方控制操作系统的界面展示方式和/或跟随操作系统预配置的界面展示方式进行展示。在该配置项中还可以对配置项的功能进行说明,例如“开启后界面外观风格跟随系统切换”等说明字样。可以理解的是,界面外观风格即为操作系统的界面展示方式。
本申请提出的界面呈现方法、装置、设备、介质和程序产品,考虑到现有技术虽然能够提供不同的皮肤资源,但由于这些皮肤资源依然是固定的,当用户需要对车载终端的界面展示风格进行更换时,也只能在固定的皮肤资源中进行选择,实际还是局限了车载终端的界面展示风格。而本申请能够提供一种皮肤配置功能,用户可以根据自己的喜好或者需求进行自定义的皮肤配置,实现了界面展示风格的灵活扩展。具体是通过接收用户在展示的操作系统的皮肤设置界面中对配置控件的配置操作,并响应于该配置操作呈现操作系统的皮肤预览界面。这样,不仅能够实现皮肤的自定义配置,提高了界面展示风格的多样性;并且,由于目标界面元素的显示方式与配置操作对应的配置参数相关,通过皮肤预览界面呈现目标界面元素,能够方便用户对新配置的皮肤进行查看,有利于用户及时确认是否为实际所需求的界面展示风格,提高了用户的使用体验感。
另外,考虑到界面元素实际包括了界面背景以及应用图标中的至少一种,可能使界面元素较多。若一一对界面元素进行皮肤配置将会非常耗费时间和精力;若对所有的界面元素进行统一配置,则会降低界面元素的展示效果。因此,本申请还对界面元素进行类别区分,将类别相同的界面元素的配置控件划分至同一配置区域中,方便用户对同一类别的界面元素进行统一的皮肤配置,简化了皮肤配置的操作,大大提高了皮肤配置的便捷性。并且,当用户只需要对某一类别的界面元素的显示方式进行配置,用户则只需要在该类界面元素所对应的配置区域中的配置控件进行配置操作即可,从而增加了皮肤配置的灵活性和可操作性。
在本申请其中的一个实施例中,若配置控件无法直接获取配置参数,则可以通过配置操作触发了该配置控件所对应的子配置界面,则还可以通过子配置界面进一步操作获取配置参数。因此,在一种可能的实现方式中,响应于配置操作显示操作系统的皮肤预览界面,包括:响应于配置操作,显示配置界面;配置界面包括至少一个参数配置项;接收参数配置项的操作,获取通过参数配置项输入的配置参数;根据配置参数显示操作系统的皮肤预览界面。
可选的,参数配置项可以是选择项和/或输入项。
进一步的,接收参数配置项的操作可以接收用户在参数配置项对应的输入栏中输入相应的参数,也可以是在参数配置窗口显示每个参数配置项的各个选项,接收用户对参数配置项的各个选项中目标项的选择操作。
在一种实现方式中,配置项可以是选择项。选择项支持用户根据实际的配置需求。例如,在该选择项的下拉菜单中展示配置控件对应的各个参数配置项;又如,在配置界面中直接展示各个选择项对应的参数配置项,也即参数配置控件。
作为一个示例,假设配置控件对应的标识为主题色,用户通过触发图7中(a)所示出的主题色这一配置控件,展示图7中(b)所示出的配置界面70,在该配置界面70中包括关于各个颜色的参数配置项,该参数配置项上可以直接展示颜色;例如图7中(b)所示出的白色的参数配置项711和黑色的参数配置项712,当触发白色的参数配置项(即目标配置项)711时,则确定主题色采用白色。
作为另一示例,假设配置控件对应的标识为主题色,用户通过触发图8中(a)所示出的主题色这一配置控件,展示图8中(b)所示出的配置界面70,在该配置界面70中包括关于主题色的菜单控件701,用户可通过触发菜单控件801,展示下拉菜单,下拉菜单中包含各个颜色对应的各个参数配置项,该参数配置项中用文字标明颜色;例如图8中(b)所示出的白色字样的参数配置项811和黑色字样的参数配置项812,当触发黑色字样的参数配置项(即目标配置项)812时,则确定主题色采用黑色。
具体实现中,接收用户通过主题色的配置界面70的选择项选择的颜色后,响应于用户选择的颜色确定目标界面元素的主题色的配置参数。
在另一实现方式中,配置项可以是输入项。输入项支持用户根据实际的配置需求,在该输入项输入配置内容。
作为一个示例,假设配置控件对应的标识为主题色,用户通过触发图9中(a)所示出的主题色这一配置控件,展示图9中(b)所示出的配置界面70,在该配置界面70中包括关于各个颜色的输入项90,可以通过用户在输入项中输入颜色的文字,获取主题色所采用的颜色,例如,在输入项中输入红色,则确定主题色的配置参数。
当然,配置项也可以同时包括选择项和输入项,当选择项中没有用户需要选择的配置内容,则可以通过输入的方式确定所需要的配置内容。例如,参照图10,若选择项中只有白色的参数配置项811和黑色的参数配置项812,而用户想要红色,则可以通过在输入项中输入文字“红色”,也可以输入红色的英文字符“red”,以便得到红色的主题色。
在实际应用中,针对参数配置项的操作可以是对配置项的输入操作或者选择操作。这里,输入操作可以是字符输入操作,还可以是语音输入操作,当该输入操作为字符输入操作时,可以通过字符输入操作直接确定输入的字符;当该输入操作为语音输入操作时,可以在获取到输入的语音信息后,将语音信息转换为文字,得到输入的字符。
上述选择操作可以是指触摸操作、光标操作。其中,触摸操作可以是对目标配置项的触摸点击操作、触摸按压操作或者触摸滑动操作,触摸操作也可以是对目标配置项的单点触摸操作或者多点触摸操作;光标操作可以是控制光标进行对目标配置项的点击的操作或者控制光标对目标配置项的进行按压的操作;按键操作可以是对目标配置项所对应的虚拟按键操作或者实体按键操作等。
本实施例中,响应于配置操作,显示包括了至少一个参数配置项的配置界面;并接收参数配置项的操作,获取通过参数配置项输入的配置参数;根据配置参数显示操作系统的皮肤预览界面。以实现皮肤的自定义配置,提高了界面展示风格的多样性。
在本申请其中的一个实施例中,对于配置界面可以基于配置操作进行依次显示或者集成显示两种显示方式。因此,在一种实现方式中,显示配置界面,包括:依次显示各配置操作对应的配置控件的配置界面;或者集成显示进行配置操作的各配置控件对应的配置界面。
可选的,依次显示各配置操作对应的配置控件的配置界面即为按照预设顺序将各配置操作对应的配置控件的配置界面进行独立显示,也即一个配置操作对应一个配置界面。
例如,按照进行配置操作的操作顺序,依次显示配置操作对应的配置控件的配置界面。
在实际应用中,产生一次配置操作,即可显示该配置操作对应的配置界面,在对该配置界面操作完毕后,才能进行下一次的配置操作。
作为一个示例,参照图11a,以小场景区域为例,假设用户需要小场景区域中的对小场景区域33中小场景标签的配置控件以及通知标签的配置控件进行配置操作。若按照配置操作的操作顺序进行配置界面的显示,当用户对小场景标签的配置控件进行配置操作先于通知标签的配置控件,则首先显示小场景标签的配置控件所对应的配置界面1;当用户对配置界面1中的参数配置项操作完毕后,通过对通知标签的配置控件进行配置操作,显示通知标签的配置控件所对应的配置界面2。其中,配置界面1中包含有关于小场景列表的应用A、应用B、应用C的参数配置项;配置界面2中包含有关于通知列表的应用D、应用E、应用F的参数配置项。
可选的,集成显示进行配置操作的各配置控件对应的配置界面即为将多个配置操作对应的参数配置项显示在同一配置界面中。
例如,可以按照界面元素的类别,将同一配置区域的配置控件所对应的参数配置项显示在同一配置界面中。再如,将同一配置区域中的同一子配置区域的配置控件所对应的参数配置项显示在同一配置界面中。又如,按照配置操作的操作顺序,将预设数量的配置控件所对应的参数配置项显示在同一配置界面中。
作为一个示例,参照图11b,以小场景区域为例,假设用户需要小场景区域中的对小场景区域33中小场景标签的配置控件以及通知标签的配置控件进行配置操作。若采用集成的方式显示配置界面,假设将同一配置区域中的配置操作所对应的参数配置项在同一配置界面中进行集成显示,则当用户对小场景标签的配置控件以及通知标签的配置控件进行配置操作均操作完毕后,显示如图12的配置界面12。配置界面12中包含有区域1和区域2。其中,区域1中包含有小场景列表所对应的应用A、应用B、应用C的参数配置项;区域2中包含有通知列表所对应的应用D、应用E、应用F的参数配置项。
在实际应用中,集成显示这一显示方式可以通过特定的操作方式实现,例如,对于数量不多的配置控件,可对需要进行配置操作的配置控件进行同时触发。或者,提供一个配置界面的触发接口,当用户进行了配置操作,并对该触发接口触发时,将会在配置界面中展示进行了配置操作的参数配置项。
本实施例中,采用依次显示各配置操作对应的配置控件的配置界面的方式,能够适用于大多数用户的操作习惯。而采用集成显示进行配置操作的各配置控件对应的配置界面的方式,方便用户对一个或多个配置操作的参数配置项在同一界面进行操作。
在本申请其中的一个实施例中,考虑到配置控件可能无需展示配置界面也可以实现对配置参数的获取,则在此种情况下,响应于配置操作显示操作系统的皮肤预览界面,包括:响应于配置操作,获取配置操作对应的配置控件关联的配置参数;根据配置操作对应的配置控件关联的配置参数显示操作系统的皮肤预览界面。
可选的,配置操作对应的配置控件关联的配置参数可以是出厂时针对配置控件所设置的参数(即出厂参数)。
在一种实现方式中,考虑到同一配置区域中一般包含有多个配置控件,根据配置控件的功能不同,配置控件的配置操作也可能存在的区别。例如,有的配置控件在被配置操作后可以直接得到配置参数,有的配置控件在被配置操作后,展示配置界面,还需要用户对配置界面中的参数配置项进行操作,从而获取到配置参数。
基于上述,针对同一配置区域的配置控件可以分为第一配置控件和第二配置控件这两种配置控件,相应的,将对第一配置控件的配置操作即为第一配置操作;将对第二配置控件的配置操作即为第二配置操作。则接收配置控件的配置操作,响应于配置操作显示操作系统的皮肤预览界面,包括:接收第一配置控件的第一配置操作,并响应于第一配置操作,显示包括了至少一个参数配置项的配置界面;以及接收参数配置项的操作,获取通过参数配置项输入的第一配置参数。接收第二配置控件的第二配置操作,并响应于第二配置操作,获取配置操作对应的配置控件关联的第二配置参数。最后,根据第一配置参数和第二配置参数显示操作系统的皮肤预览界面。
在其中一种可能的实现方式中,目标界面元素的显示方式与配置操作对应的配置参数相关,包括:目标界面元素的显示方式与配置参数一致;或者,目标界面元素的显示方式由配置参数和默认参数中的至少一项确定,默认参数为未进行配置操作的配置控件对应的参数。
可选的,默认参数可以是出厂时针对配置控件所设置的参数(即出厂参数),也可以是上一次进行配置操作的配置参数。
当对皮肤设置界面中所有配置控件均进行了配置操作,则可以认为皮肤设置界面所对应设置的界面元素均为目标界面元素,从而确定目标界面元素的显示方式与配置操作对应的配置参数一致。
当对皮肤设置界面中的部分配置控件进行了配置操作,则可以认为未进行配置操作的配置控件采用默认参数进行显示。
可以理解的是,界面元素与配置控件的对应关系可以是一对一关系、一对多关系、多对一关系或者多对多关系。
其中,一对一关系指代一个界面元素对应一个配置控件,当对该配置控件进行了配置操作后,则该界面元素即为目标界面元素,并且该目标界面元素的显示方式与配置参数一致。
一对多关系指代一个界面元素对应多个配置控件,当对多个配置控件中的至少一个配置控件进行了配置操作,则该界面元素即为目标界面元素。针对该对应关系,假设一个界面元素对应两个配置控件,一个配置控件进行了配置操作,另一配置控件未进行配置操作,则该目标界面元素的显示方式由进行了配置操作的配置控件所对应的配置参数和未进行配置操作的配置控件所对应的默认参数共同确定。
多对一关系指代多个界面元素对应一个配置控件,当对该配置控件进行了配置操作后,则该多个界面元素中的每一界面元素都可称之为目标界面元素,并且该多个目标界面元素的显示方式与配置参数一致。
多对多关系指代一类界面元素对应一类配置控件,其中,一类包含有多个。这种对应关系指代多个配置控件能够同时控制多个界面元素的显示方式,当对多个配置控件中的至少一个配置控件进行了配置操作,则该多个界面元素的每一界面元素均为目标界面元素。针对该对应关系,假设三个界面元素对应两个配置控件,一个配置控件进行了配置操作,另一配置控件未进行配置操作,则该三个界面元素的显示方式由进行了配置操作的配置控件所对应的配置参数和未进行配置操作的配置控件所对应的默认参数共同确定。
在本申请其中的一个实施例中,皮肤预览界面上类型相同的各目标界面元素的显示方式相同。
可以理解的是,每一界面元素实际是一个应用,对界面元素进行类别划分一般是按照其开发框架进行区分。例如,对于弹窗类的应用,其开发框架一般采用安卓(AndroidTM)、iOSTM等这类操作系统的原生开发框架进行开发的,因此,可以将弹窗归为Native页面这一类别。又如,以小程序为例,小程序是需要运行在原生应用中,因此可将所有的小程序归为一类。
可选的,将界面元素应用类别进行划分,将应用类别相同的界面元素的配置控件划分至同一配置区域中,并建立该配置区域中的配置控件与该应用类别的界面元素的对应关系,当对其中一个配置控件进行配置操作时,该应用类别的所有界面元素均采用该配置操作所产生的配置参数。例如,假设背景色对应的配置参数为红色,则该类别的所有界面元素的背景色均采用红色。
基于上述,用户对同一类别的界面元素进行相同的皮肤配置,简化了皮肤配置的操作,大大提高了皮肤配置的便捷性。并且,当用户只需要对某一类别的界面元素的显示方式进行配置,用户则只需要在该类界面元素所对应的配置区域中的配置控件进行配置操作即可,从而增加了皮肤配置的灵活性和可操作性。
在本申请其中的一个实施例中,考虑到在实际应用中,用户可能对操作系统的显示方式以及应用程序的显示方式有统一显示的需求。则根据操作系统的显示方式设置操作系统上运行的各个应用程序的显示方式。
在实际应用中,操作系统的界面中包含多种界面元素的显示方式,例如可能有背景、应用图标等界面元素。而应用程序中可能不存在应用图标这种界面元素。因此,不是操作系统的每一种界面元素的显示方式都适用于应用程序的界面显示方式。基于此,可以将操作系统与应用程序相同界面元素采用同一显示方式。
例如,根据操作系统中背景的显示方式设置操作系统上运行的各个应用程序中背景的显示方式。又如,根据操作系统中字体的显示方式设置操作系统上运行的各个应用程序中字体的显示方式。
在一种实现方式中,可以在操作系统的设置页面中配置应用系统跟随操作系统的配置项,该配置项可以是功能控件,通过该功能控件的打开与关闭的状态,能够确定是否根据操作系统的显示方式设置操作系统上运行的各个应用程序的显示方式。
在一种可能的实现方式中,参照图12,本申请实施例还提供一种换肤的结构框架图。该框架主要包含有三部分,包括主工程部分、换肤软件开发包(Software DevelopmentKit,SDK)部分,皮肤资源(即皮肤包)部分。
其中,主工程主要包括操作系统的界面元素,每一界面元素对应一个应用程序,例如图12中使出的界面元素1、界面元素2、界面元素3、界面元素4。其中,界面元素1属于native页面类,界面元素2属于hippy页面类,界面元素3、界面元素4属于小程序。
换肤软件开发包包含了各种类别的界面元素的换肤软件开发包,参照图12,以native页面、hippy页面以及小程序(即小场景)三个类别为例。
native页面的换肤软件开发包中可以包含基础(Base)模块、设置(Config)模块以及检测(Listener)模块。其中,基础(Base)模块包含但不限于活动皮肤(SkinActivity)、皮肤功能对话框(SkinDialog)、碎片换肤(SkinFragement)三个组件;设置(Config)模块包含但不限于换肤设置(SkinConfig)、换肤主工程apk工具(SkinThemeApkUtils)、主工程配置工具(SkinThemeConfigUtils)三个组件;检测(Listener)模块包含但不限于换肤接口(ISkinUpdate)、皮肤加载器(ISkinLoader)、动态新视图(IDynamicNewView)三个组件。
hippy页面的换肤软件开发包中可以包含加载器(Loader)模块,该加载器(Loader)模块包含但不限于换肤主工程加载器(SkinThemeLoader)、皮肤文件加载器(SkinResLoader)、皮肤管理(SkinManager)、皮肤安装包信息(SkinPkglnfo)。
小程序(即小场景)的换肤软件开发包中属性工厂(AttrFactory)模块,该属性工厂(AttrFactory)模块包括但不限于背景属性(BackgroundAttr)、按钮属性(ButtonAttr)、分隔线属性(DividerAttr)、字体颜色属性(TextColorAttr)、源代码属性(SrcAttr)、进度条属性(SeekBarAttr)、列表选择属性(ListSelectorAttr)、控件属性(ProgressBarAttr)、特殊符号属性(CheckMarkAttr)等组件。
皮肤包中包含了各种类型的界面元素的皮肤资源,该皮肤资源可以是基于本申请实施例所提供的界面呈现方法所生成的皮肤资源,也可以是其他方式生成的皮肤资源,本申请实施例对此不作限定。
参照图12,以native页面、hippy页面以及小程序(即小场景)三个类别为例。native页面对应的皮肤资源可以包括但不限于:可绘制物(drawable)、颜色(color)、值(values)、风格(styles),其中drawable用于存放图形资源,values用于存放特征值,colors用于存放color的颜色值、styles用于存放style的参数值。hippy页面对应的皮肤资源可以包括但不限于资源(Assets)、hippy主页样式hippy Main Page Styles.json、hippyMain Page Style.jsbundle、hippy用户页面风格hippy User Page Style.json、hippyMain User Style.jsbundle。小场景对应的皮肤资源可以包括但不限于:小场景主页样式moss Main Page Styles.json、moss Main Page Styles.pkg、小场景路由页面风格mossRoute Page Styles.json、moss Main Route Styles.pkg。
需要说明的是,由于hippy与操作系统的原生系统所对应的皮肤资源的文件格式不同,当所有类型的皮肤资源存储于同一皮肤包时,需要将hippy页面对应的皮肤资源的文件格式进行转换操作,将其转换为,hippy类型的界面元素能够识别的皮肤资源,即将json转换为Jsbundle。json和Jsbundle表示文件的格式。
同理,由于小场景与操作系统的原生系统所对应的皮肤资源的文件格式不同,当所有类型的皮肤资源存储于同一皮肤包时,需要将小场景页面对应的皮肤资源的文件格式进行转换操作,将其转换为,小场景类型的界面元素能够识别的皮肤资源,即将json转换为pkg。json和pkg表示文件的格式。
应当注意,尽管在附图中以特定顺序描述了本申请方法的操作,但是,这并非要求或者暗示必须按照该特定顺序来执行这些操作,或是必须执行全部所示的操作才能实现期望的结果。
图13为本申请一个实施例的界面呈现装置的方框示意图。
如图13所示,界面呈现装置包括:展示模块1301、接收模块1302以及处理模块1303,其中,
展示模块1301,用于展示操作系统的皮肤设置界面,皮肤设置界面包含多个配置区域,配置区域包含类别相同的多个界面元素的配置控件,界面元素包括界面背景以及应用图标中的至少一种。
接收模块1302,用于接收配置控件的配置操作。
处理模块1303,用于响应于配置操作呈现操作系统的皮肤预览界面;皮肤预览界面包括配置操作对应的目标界面元素,目标界面元素的显示方式与配置操作对应的配置参数相关。
在一种实现方式中,处理模块1303,具体用于,
响应于配置操作,显示配置界面;配置界面包括至少一个参数配置项。
接收参数配置项的操作,获取通过参数配置项输入的配置参数。
根据配置参数显示操作系统的皮肤预览界面。
在一种实现方式中,显示模块,用于依次显示各配置操作对应的配置控件的配置界面;或者集成显示进行配置操作的各配置控件对应的配置界面。
在一种实现方式中,处理模块1303,具体用于,
响应于配置操作,获取配置操作对应的配置控件关联的配置参数。
根据配置操作对应的配置控件关联的配置参数显示操作系统的皮肤预览界面。
在一种实现方式中,皮肤预览界面还包括操作系统相关的界面元素中未进行配置操作的界面元素。
在一种实现方式中,目标界面元素的显示方式与配置参数一致;或者,目标界面元素的显示方式由配置参数和默认参数中的至少一项确定,默认参数为未进行配置操作的配置控件对应的参数。
在一种实现方式中,皮肤预览界面上类型相同的各目标界面元素的显示方式相同。
在一种实现方式中,界面元素的类别与界面元素的应用类型相关。
在一种实现方式中,处理模块1303,还用于根据操作系统的显示方式设置操作系统上运行的各个应用程序的显示方式。
在一种实现方式中,操作系统为车载终端的车机系统。
本申请提出的界面呈现装置,考虑到现有技术虽然能够提供不同的皮肤资源,但由于这些皮肤资源依然是固定的,当用户需要对车载终端的界面展示风格进行更换时,也只能在固定的皮肤资源中进行选择,实际还是局限了车载终端的界面展示风格。而本申请能够提供一种皮肤配置功能,用户可以根据自己的喜好或者需求进行自定义的皮肤配置,实现了界面展示风格的灵活扩展。具体是通过接收用户在展示的操作系统的皮肤设置界面中对配置控件的配置操作,并响应于该配置操作呈现操作系统的皮肤预览界面。这样,不仅能够实现皮肤的自定义配置,提高了界面展示风格的多样性;并且,由于目标界面元素的显示方式与配置操作对应的配置参数相关,通过皮肤预览界面呈现目标界面元素,能够方便用户对新配置的皮肤进行查看,有利于用户及时确认是否为实际所需求的界面展示风格,提高了用户的使用体验感。
另外,考虑到界面元素实际包括了界面背景以及应用图标中的至少一种,可能使界面元素较多。若一一对界面元素进行皮肤配置将会非常耗费时间和精力;若对所有的界面元素进行统一配置,则会降低界面元素的展示效果。因此,本申请还对界面元素进行类别区分,将类别相同的界面元素的配置控件划分至同一配置区域中,方便用户对同一类别的界面元素进行统一的皮肤配置,简化了皮肤配置的操作,大大提高了皮肤配置的便捷性。并且,当用户只需要对某一类别的界面元素的显示方式进行配置,用户则只需要在该类界面元素所对应的配置区域中的配置控件进行配置操作即可,从而增加了皮肤配置的灵活性和可操作性。
应当理解,界面呈现装置中记载的诸单元与参考图2描述的方法中的各个步骤相对应。由此,上文针对方法描述的操作和特征同样适用于界面呈现装置及其中包含的单元,在此不再赘述。界面呈现装置可以预先实现在计算机设备的浏览器或其他安全应用中,也可以通过下载等方式而加载到计算机设备的浏览器或其安全应用中。界面呈现装置中的相应单元可以与计算机设备中的单元相互配合以实现本申请实施例的方案。
在上文详细描述中提及的若干模块或者单元,这种划分并非强制性的。实际上,根据本申请的实施方式,上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之,上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
需要说明的是,本申请实施例的界面呈现装置中未披露的细节,请参照本申请上述实施例中所披露的细节,这里不再赘述。
下面参考图14,图14示出了适于用来实现本申请实施例的计算机设备的结构示意图,如图14所示,计算机系统1400包括中央处理单元(CPU)1401,其可以根据存储在只读存储器(ROM)1402中的程序或者从存储部分1408加载到随机访问存储器(RAM)1403中的程序而执行各种适当的动作和处理。在RAM1403中,还存储有系统的操作指令所需的各种程序和数据。CPU1401、ROM1402以及RAM1403通过总线1404彼此相连。输入/输出(I/O)接口1405也连接至总线1404。
以下部件连接至I/O接口1405;包括键盘、鼠标等的输入部分1406;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分1407;包括硬盘等的存储部分1408;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分1409。通信部分1409经由诸如因特网的网络执行通信处理。驱动器1410也根据需要连接至I/O接口1405。可拆卸介质1411,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器1410上,以便于从其上读出的计算机程序根据需要被安装入存储部分1408。
特别地,根据本申请的实施例,上文参考流程图图2描述的过程可以被实现为计算机软件程序。例如,本申请的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分1409从网络上被下载和安装,和/或从可拆卸介质1411被安装。在该计算机程序被中央处理单元(CPU)1401执行时,执行本申请的系统中限定的上述功能。
需要说明的是,本申请所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以为的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
附图中的流程图和框图,图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作指令。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,前述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以不同于附图中所标注的顺序发生。例如,两个连接表示的方框实际上可以基本并行地执行,他们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作指令的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本申请实施例中所涉及到的单元或模块可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元或模块也可以设置在处理器中,例如,可以描述为:一种处理器包括处理模块。其中,这些单元或模块的名称在某种情况下并不构成对该单元或模块本身的限定。
作为另一方面,本申请还提供了一种计算机可读存储介质,该计算机可读存储介质可以是上述实施例中描述的计算机设备中所包含的,也可以是单独存在,而未装配入该计算机设备中的。上述计算机可读存储介质存储有一个或多个程序,当上述程序被一个或者一个以上的处理器用来执行本申请所述的界面呈现方法。例如,可以执行图2所示的界面呈现方法的各个步骤。
本申请实施例提供一种计算机程序产品,该计算机程序产品包括指令,当该指令被运行时,使得如本申请实施例描述的方法被执行。例如,可以执行图2所示的界面呈现方法的各个步骤。
以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本申请中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离前述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其他技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
Claims (14)
1.一种界面呈现方法,其特征在于,所述方法包括:
展示操作系统的皮肤设置界面,所述皮肤设置界面包含多个配置区域,所述配置区域包含类别相同的多个界面元素的配置控件,所述界面元素包括界面背景以及应用图标中的至少一种;
接收所述配置控件的配置操作,响应于所述配置操作呈现所述操作系统的皮肤预览界面;所述皮肤预览界面包括所述配置操作对应的目标界面元素,所述目标界面元素的显示方式与所述配置操作对应的配置参数相关。
2.根据权利要求1所述的界面呈现方法,其特征在于,所述响应于所述配置操作显示所述操作系统的皮肤预览界面,包括:
响应于所述配置操作,显示配置界面;所述配置界面包括至少一个参数配置项;
接收所述参数配置项的操作,获取通过所述参数配置项输入的配置参数;
根据所述配置参数显示所述操作系统的皮肤预览界面。
3.根据权利要求2所述的界面呈现方法,其特征在于,所述显示配置界面,包括:
依次显示各所述配置操作对应的配置控件的配置界面;或者集成显示进行所述配置操作的各配置控件对应的所述配置界面。
4.根据权利要求1所述的界面呈现方法,其特征在于,所述响应于所述配置操作显示所述操作系统的皮肤预览界面,包括:
响应于所述配置操作,获取所述配置操作对应的配置控件关联的配置参数;
根据所述配置操作对应的配置控件关联的配置参数显示所述操作系统的皮肤预览界面。
5.根据权利要求1所述的界面呈现方法,其特征在于,所述皮肤预览界面还包括所述操作系统相关的界面元素中未进行所述配置操作的界面元素。
6.根据权利要求1-5任一项所述的界面呈现方法,其特征在于,所述目标界面元素的显示方式与所述配置操作对应的配置参数相关,包括:
所述目标界面元素的显示方式与所述配置参数一致;或者,所述目标界面元素的显示方式由所述配置参数和默认参数中的至少一项确定,所述默认参数为未进行所述配置操作的配置控件对应的参数。
7.根据权利要求1所述的界面呈现方法,其特征在于,所述皮肤预览界面上类型相同的各所述目标界面元素的显示方式相同。
8.根据权利要求1所述的界面呈现方法,其特征在于,所述界面元素的类别与所述界面元素的应用类型相关。
9.根据权利要求1所述的界面呈现方法,其特征在于,所述方法还包括:
根据所述操作系统的显示方式设置所述操作系统上运行的各个应用程序的显示方式。
10.根据权利要求1所述的界面呈现方法,其特征在于,所述操作系统为车载终端的车机系统。
11.一种界面呈现装置,其特征在于,所述装置包括:
展示模块,用于展示操作系统的皮肤设置界面,所述皮肤设置界面包含多个配置区域,所述配置区域包含类别相同的多个界面元素的配置控件,所述界面元素包括界面背景以及应用图标中的至少一种;
接收模块,用于接收所述配置控件的配置操作;
处理模块,用于响应于所述配置操作呈现所述操作系统的皮肤预览界面;所述皮肤预览界面包括所述配置操作对应的目标界面元素,所述目标界面元素的显示方式与所述配置操作对应的配置参数相关。
12.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时,实现如权利要求1-10任一项所述的方法。
13.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-10中任一项所述的方法。
14.一种计算机程序产品,其特征在于,所述计算机程序产品包括指令,当所述指令被运行时,使得如权利要求1-10任一项所述的方法被执行。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310097057.7A CN117055792A (zh) | 2023-01-18 | 2023-01-18 | 界面呈现方法、装置、设备、介质和程序产品 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310097057.7A CN117055792A (zh) | 2023-01-18 | 2023-01-18 | 界面呈现方法、装置、设备、介质和程序产品 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117055792A true CN117055792A (zh) | 2023-11-14 |
Family
ID=88652381
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310097057.7A Pending CN117055792A (zh) | 2023-01-18 | 2023-01-18 | 界面呈现方法、装置、设备、介质和程序产品 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117055792A (zh) |
-
2023
- 2023-01-18 CN CN202310097057.7A patent/CN117055792A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107820701B (zh) | 开发者交换系统 | |
KR101130525B1 (ko) | 서식 유형들을 사용하여 서식을 생성하기 위한 방법 및장치 | |
US20140082511A1 (en) | Method and system for emulating desktop software applications in a mobile communication network | |
US20210333984A1 (en) | Method and apparatus for generating customized visualization component | |
WO2019155369A1 (en) | Tri-affinity model driven method and platform for authoring, realizing, and analyzing a cross-platform application | |
WO2023093414A1 (zh) | 微应用的开发方法、装置、设备、存储介质及程序产品 | |
US20200125336A1 (en) | System and method for enhancing component based development models with auto-wiring | |
CN111045653B (zh) | 系统生成方法、装置、计算机可读介质及电子设备 | |
WO2023040443A1 (zh) | 用于绘制画布的方法和装置 | |
US11243753B2 (en) | Mobile app publishing for a responsive community experience | |
CN112217671B (zh) | 基于拆分部署的前端微服务进行界面显示的方法及设备 | |
CN112445564B (zh) | 界面显示方法及电子设备、计算机可读存储介质 | |
CN106919406A (zh) | 一种桌面应用组件发布、更新方法及装置 | |
CN113268212A (zh) | 投屏方法、装置、存储介质及电子设备 | |
CN111796820A (zh) | 基于集成化组件构建前端页面的方法、装置及电子设备 | |
CN111880813B (zh) | 实现安卓卡片ui的方法、存储介质 | |
CN112395027A (zh) | 微件界面生成方法、装置、存储介质与电子设备 | |
US20220050562A1 (en) | Methods and apparatuses for generating a hosted application | |
US10303331B2 (en) | Live mobile application visual editor demo | |
CN114168853A (zh) | 一种数据可视化展示方法、装置、介质及电子设备 | |
CN112445501A (zh) | 数据烧录方法及设备、计算机可读存储介质 | |
EP3819760A1 (en) | Methods and apparatus for generating a platform-agnostic mobile application configuration data structure with a dynamic quiz | |
US20190250896A1 (en) | System and method for developing software applications of wearable devices | |
US11568612B2 (en) | Personalized reactive augmented reality association | |
CN117055792A (zh) | 界面呈现方法、装置、设备、介质和程序产品 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication |