CN104850428A - 一种更新移动客户端的用户界面的方法与装置 - Google Patents
一种更新移动客户端的用户界面的方法与装置 Download PDFInfo
- Publication number
- CN104850428A CN104850428A CN201510197156.8A CN201510197156A CN104850428A CN 104850428 A CN104850428 A CN 104850428A CN 201510197156 A CN201510197156 A CN 201510197156A CN 104850428 A CN104850428 A CN 104850428A
- Authority
- CN
- China
- Prior art keywords
- skin picture
- assembly
- user interface
- picture
- skin
- 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
Abstract
本发明的目的是提供一种更新移动客户端的用户界面的方法与装置。其中,本发明通过将用户界面组件化,使得移动客户端的用户界面可以基于对应于组件的皮肤图片来进行更新。具体地,本发明获取至少一个皮肤图片,其中每个皮肤图片对应于包括一个或多个组件的用户界面的一个组件,并按照皮肤图片与组件的对应关系,加载皮肤图片,以更新该用户界面。根据本发明的方案,移动客户端的开发者不必须再专门为更新用户界面而开发新版本,用户也不必须再通过下载并安装新版本来更新移动客户端的用户界面。因此,本发明大幅度地降低了移动客户端更新用户界面的复杂度和繁琐度。
Description
技术领域
本发明涉及移动互联网技术领域,尤其涉及一种更新移动客户端的用户界面的技术。
背景技术
当前,移动客户端(APP)非常流行,用户可以在百度手机助手、APP store等应用商店中下载并安装移动客户端。移动客户端的用户界面(User Interface,简称为UI)是移动客户端与用户之间进行交互和信息交换的媒介。为改变冰冷的形象,用户界面的情感化设计正日益成为提升用户使用体验、增加移动客户端产品竞争力的重要手段。例如,每逢圣诞节、元旦等节日,移动客户端的用户界面会被更新为与节日有关的样式。
现有的更新移动客户端的方式一般通过在应用商店中发布新版本来实现。然而,对于开发者来说,开发新版本移动客户端的开发成本较高,仅为更新用户界面发布新版本并不实际。进一步地,用户界面可能需要经常更新,如果每次更新用户界面均需要开发者开发新版本移动客户端,将带来巨大的重复工作量。另一方面,用户也不得不频繁下载并按照新版本移动客户端,这明显十分麻烦,不利于用户的使用体验。
发明内容
本发明的目的是提供一种更新移动客户端的用户界面的方法与装置。
根据本发明的一个方面,提供了一种更新移动客户端的用户界面的方法,所述用户界面包括一个或多个组件;其中,该方法包括:
-获取至少一个皮肤图片,其中每个皮肤图片对应于所述用户界面的一个组件;
-按照所述皮肤图片与所述组件的对应关系,加载所述皮肤图片,以更新所述用户界面。
根据本发明的另一个方面,还提供了一种更新移动客户端的用户界面的装置,所述用户界面包括一个或多个组件;其中,该装置包括:
-用于获取至少一个皮肤图片的装置,其中每个皮肤图片对应于所述用户界面的一个组件;
-用于按照所述皮肤图片与所述组件的对应关系,加载所述皮肤图片,以更新所述用户界面的装置。
与现有技术相比,本发明通过将用户界面组件化,使得移动客户端的用户界面可以基于对应于组件的皮肤图片来进行更新。具体地,本发明获取至少一个皮肤图片,其中每个皮肤图片对应于包括一个或多个组件的用户界面的一个组件,并按照皮肤图片与组件的对应关系,加载皮肤图片,以更新该用户界面。根据本发明的方案,移动客户端的开发者不必须再专门为更新用户界面而开发新版本,用户也不必须再通过下载并安装新版本来更新移动客户端的用户界面。因此,本发明大幅度地降低了移动客户端更新用户界面的复杂度和繁琐度。进一步地,根据本发明的方案,用户界面也可以更容易地应用情感化设计,如使得用户界面始终与用户的当前心情/环境相匹配,增加用户粘性,从而提升移动客户端产品的竞争力。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本发明的其它特征、目的和优点将会变得更明显:
图1示出根据本发明一个实施例的一种更新移动客户端的用户界面的方法流程图;
图2(a)和图2(b)示出根据本发明一个优选实施例的一种更新移动客户端的用户界面的效果示意图;
图3示出根据本发明一个实施例的一种更新移动客户端的用户界面的装置示意图。
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
在更加详细地讨论示例性实施例之前应当提到的是,一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各项操作描述成顺序的处理,但是其中的许多操作可以被并行地、并发地或者同时实施。此外,各项操作的顺序可以被重新安排。当其操作完成时所述处理可以被终止,但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序等等。
在上下文中所称“计算机设备”,也称为“电脑”,是指可以通过运行预定程序或指令来执行数值计算和/或逻辑计算等预定处理过程的智能电子设备,其可以包括处理器与存储器,由处理器执行在存储器中预存的程序指令来执行预定处理过程,或是由ASIC、FPGA、DSP等硬件执行预定处理过程,或是由上述二者组合来实现。计算机设备包括但不限于服务器、个人电脑、笔记本电脑、平板电脑、智能手机等。
所述计算机设备例如包括移动终端与网络设备。其中,所述移动终端包括但不限于智能手机、PDA等;所述网络设备包括但不限于单个网络服务器、多个网络服务器组成的服务器组或基于云计算(CloudComputing)的由大量计算机或网络服务器构成的云,其中,云计算是分布式计算的一种,由一群松散耦合的计算机集组成的一个超级虚拟计算机。其中,所述计算机设备可单独运行来实现本发明,也可接入网络并通过与网络中的其他计算机设备的交互操作来实现本发明。其中,所述计算机设备所处的网络包括但不限于互联网、广域网、城域网、局域网、VPN网络等。
需要说明的是,所述移动终端、网络设备和网络等仅为举例,其他现有的或今后可能出现的计算机设备或网络如可适用于本发明,也应包含在本发明保护范围以内,并以引用方式包含于此。
本文后面所讨论的方法(其中一些通过流程图示出)可以通过硬件、软件、固件、中间件、微代码、硬件描述语言或者其任意组合来实施。当用软件、固件、中间件或微代码来实施时,用以实施必要任务的程序代码或代码段可以被存储在机器或计算机可读介质(比如存储介质)中。(一个或多个)处理器可以实施必要的任务。
这里所公开的具体结构和功能细节仅仅是代表性的,并且是用于描述本发明的示例性实施例的目的。但是本发明可以通过许多替换形式来具体实现,并且不应当被解释成仅仅受限于这里所阐述的实施例。
应当理解的是,虽然在这里可能使用了术语“第一”、“第二”等等来描述各个单元,但是这些单元不应当受这些术语限制。使用这些术语仅仅是为了将一个单元与另一个单元进行区分。举例来说,在不背离示例性实施例的范围的情况下,第一单元可以被称为第二单元,并且类似地第二单元可以被称为第一单元。这里所使用的术语“和/或”包括其中一个或更多所列出的相关联项目的任意和所有组合。
这里所使用的术语仅仅是为了描述具体实施例而不意图限制示例性实施例。除非上下文明确地另有所指,否则这里所使用的单数形式“一个”、“一项”还意图包括复数。还应当理解的是,这里所使用的术语“包括”和/或“包含”规定所陈述的特征、整数、步骤、操作、单元和/或组件的存在,而不排除存在或添加一个或更多其他特征、整数、步骤、操作、单元、组件和/或其组合。
还应当提到的是,在一些替换实现方式中,所提到的功能/动作可以按照不同于附图中标示的顺序发生。举例来说,取决于所涉及的功能/动作,相继示出的两幅图实际上可以基本上同时执行或者有时可以按照相反的顺序来执行。
下面结合附图对本发明作进一步详细描述。
本发明可在移动终端实现。具体地,移动终端中的移动客户端获取至少一个皮肤图片,其中每个皮肤图片对应于包括一个或多个组件的用户界面的一个组件;随后,移动客户端按照该(等)皮肤图片与该(等)组件的对应关系,加载该(等)皮肤图片,以更新该用户界面。
在此,移动终端包括但不限于任何一种基于智能操作系统的手持式电子产品,其可与用户通过键盘、虚拟键盘、触摸板、触摸屏以及声控设备等输入设备来进行人机交互,诸如智能手机、平板电脑等。其中,智能操作系统包括但不限于任何通过向移动终端提供各种移动应用来丰富设备功能的操作系统,诸如安卓(Android)、IOS、WindowsPhone等。
移动客户端意指为装置并运行于移动终端中来为用户提供各项应用功能的程序产品。移动客户端例如各种APP,具体如手机百度APP等。进一步地,本发明的方案可以作为一个功能模块集成移动客户端中。
图1示出根据本发明一个实施例的方法流程图,其具体示出一种更新移动客户端的用户界面的过程。在步骤S1中,移动客户端获取至少一个皮肤图片,其中每个皮肤图片对应于用户界面的一个组件,其中,所述用户界面包括一个或多个组件;在步骤S2中,移动客户端按照该(等)皮肤图片与该(等)组件的对应关系,加载该(等)皮肤图片,以更新该用户界面。
本领域技术人员应能理解,步骤S1和步骤S2可以为连续进行的,也可以为并非连续进行的。例如,在获取对应于组件的皮肤图片后,移动客户端可以立即按照皮肤图片与组件的对应关系来加载皮肤图片以更新用户界面。又如,在获取对应于组件的皮肤图片后,移动客户端可以在预定的时间按照皮肤图片与组件的对应关系来加载皮肤图片以更新用户界面。其中,所述预定的时间可以为一准确的时间点,也可以为一段时间。例如,当用户在预定的时间段内激活移动客户端时,移动客户端按照皮肤图片与组件的对应关系来加载皮肤图片以更新用户界面。
具体地,在步骤S1中,移动客户端获取至少一个皮肤图片,其中每个皮肤图片对应于用户界面的一个组件,其中,所述用户界面包括一个或多个组件。
在此,所述用户界面(User Interface,简称为UI)意指移动客户端与用户之间进行交互和信息交换的媒介。用户界面可以包括一个或多个组件。所述组件意指组成用户界面的界面元素。组件例如用户界面中的输入框、交互按钮、图标等。
移动客户端可对应有一个或多个用户界面。为简单说明起见,本发明多以移动客户端的首页作为用户界面来进行举例。本领域技术人员应能理解,除首页以外的其他用户界面也可适用于本发明并且也应包含在本发明保护范围以内,并在此以引用方式包含于此。
本发明将用户界面组件化,也即,将用户界面分解为一个或多个组件。并且,皮肤图片被用于用户界面的各对应组件,以更新移动客户端的用户界面。
所述皮肤图片包括但不限于各种如同移动客户端的皮肤般的可见的图片。每个皮肤图片均对应于用户界面的一个组件。反之,用户界面的每个组件并非均对应于一个皮肤图片。也即,组件可以具有皮肤图片,也可以无皮肤图片。
皮肤图片与组件的对应关系可以基于多种方式来确定。例如,皮肤图片的文件名可以用于标识该皮肤图片所对应的组件。进一步地,例如示例A,文件名为“component001.jpg”的皮肤图片对应于组件001,文件名为“component002.jpg”的皮肤图片对应于组件002,以此类推。
在此,皮肤图片可以由其他设备提供。所述其他设备包括但不限于网络设备以及手机、ipad等其他用户设备。
移动客户端可在多种时机下获取皮肤图片。例如,当用户选择一预定的用户界面更新按钮时,移动客户端可以向网络设备发送用户界面更新请求,以获取网络设备响应该更新请求所返回的皮肤图片。又如,移动客户端可以在预定的时间(如每周五20:00)向其他设备发送用户界面更新请求,以获取其他设备相应该更新请求所返回的皮肤图片。
优选地,移动客户端所获取的至少一个皮肤图片属于同一主题。
其中,所述主题意指用户界面的风格或类型。所述主题例如圣诞节、春节等节日类主题,又如温暖、清凉等风格类主题等。
当属于同一主题的多个皮肤图片在后续步骤中被加载时,更新的用户界面可以为用户提供更好的整体视觉效果,例如更好地传达情感或情绪,以实现用户界面的情感化设计。
皮肤图片的形式既可以为静态图片,也可以为动态图片。其中,所述静态图片例如jpg、png等格式。所述动态图片例如gif、flash等格式。
移动客户端至少可以基于以下2种方式来获取皮肤图片:
1)移动客户端获取一个皮肤图片包,该皮肤图片包包括至少一个皮肤图片以及对该皮肤图片包中每个皮肤图片与用户界面的一个组件的对应关系的指示信息。
在此,皮肤图片包可以由其他设备提供。所述其他设备包括但不限于网络设备以及手机、ipad等其他用户设备。
其中,所述指示信息意指用于指示皮肤图片包中每个皮肤图片与用户界面的一个组件的对应关系的信息。
指示信息至少可以包括以下2种情形:
1.1)指示信息包括皮肤图片包中每个皮肤图片所对应的组件的坐标信息。
在此,所述坐标信息意指用于表示组件在用户界面中位置的信息。
例如示例B,一皮肤图片所对应的组件的坐标信息包括4个点坐标,分别为(200,150)、(400,150)、(200,200)、(400,200),用户界面中这4个点坐标所围绕的矩形区域即为该组件所在区域。
1.2)指示信息包括皮肤图片与组件的对应关系的关联表。
在此,所述关联表用于表示皮肤图片与组件的对应关系。
例如示例C,皮肤图片与组件的对应关系的关联表可以包括以下信息:文件名为“abc.jpg”的皮肤图片对应于组件101,文件名为“bcd.jpg”的皮肤图片对应于组件102,以此类推。
2)移动客户端获取用户对用户界面的至少一个组件所配置的皮肤图片。
在此,组件的皮肤图片可以由用户配置。
用户可以逐个地配置组件所分别对应的皮肤图片。相应地,皮肤图片将逐个地被加载。或者,用户也可以一次性地配置好用户界面中所有可配置组件所对应的所有皮肤图片。相应地,在用户配置完成后,用户所配置的所有皮肤图片将统一地被加载。
例如,当检测到预定的触发条件时,移动客户端可以进入皮肤配置模式。接着,移动客户端的用户界面中的可配置的组件可以呈现出晃动的视觉效果以提示用户进行选择。当用户选择用户界面中某一个组件时,移动客户端可以调出该移动客户端的本地图片文件夹,以供用户选择其中任一个图片作为对应于用户所选择的组件的皮肤图片。并且,移动客户端可以放大或缩小用户所选择的皮肤图片,以使该皮肤图片的尺寸符合用户所选择的组件所对应的皮肤图片的预定尺寸。
本领域技术人员应能理解,前述2种移动客户端获取皮肤图片的方式仅为举例,而不应被视为对本发明的任何限制,任何现有其它方案或今后可能出现的移动客户端获取皮肤图片的方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
在步骤S2中,移动客户端按照所获取的至少一个皮肤图片与用户界面的组件的对应关系,加载该(等)皮肤图片,以更新该用户界面。
在此,移动客户端按照皮肤图片与用户界面的组件的对应关系,将每个皮肤图片呈现在其对应组件所在的区域中。
例如,继前示例A,文件名为“component001.jpg”的皮肤图片对应于组件001,文件名为“component002.jpg”的皮肤图片对应于组件002。移动客户端则将对应于组件001的皮肤图片“component001.jpg”呈现在组件001所在区域中,并将对应于组件002的皮肤图片“component002.jpg”呈现在组件002所在区域中。
优选地,对于移动客户端获得皮肤图片包的情形,移动客户端可以按照该皮肤图片包中所包括的对该皮肤图片包中每个皮肤图片与用户界面的一个组件的对应关系的指示信息来加载皮肤图片包中的皮肤图片。
例如,继前示例B,皮肤图片包中一皮肤图片所对应的组件的坐标信息包括4个点坐标,分别为(200,150)、(400,150)、(200,200)、(400,200),用户界面中这4个点坐标所围绕的矩形区域即为该组件所在区域。移动客户端则在该矩形区域中加载该皮肤图片。
优选地,移动客户端可以按照以下方式加载皮肤图片:如果皮肤图片的尺寸不超过皮肤图片所对应的组件的当前呈现区域,移动客户端在该当前呈现区域加载该皮肤图片;如果皮肤图片的尺寸超过该皮肤图片所对应的组件的当前呈现区域,移动客户端在该组件的扩展呈现区域加载该皮肤图片。
其中,所述组件的当前呈现区域意指组件当前在用户界面的可见区域。所述组件的扩展呈现区域意指为组件预留的超出其当前呈现区域的区域。
本发明为组件预留了更大的扩展呈现区域,可以使移动客户端能够加载其尺寸超过组件的当前呈现区域的皮肤图片,从而使用户界面具有更好的可扩展性。
优选地,对于静态图片形式的皮肤图片,移动客户端可以在连续时间间隔内多次加载该静态图片,其中,该静态图片每次被加载的位置不同。
在此,移动客户端可以通过多次加载静态图片为用户提供动态的视觉效果。
例如,移动客户端可以在连续的5秒内4次加载一内容为小鸟的静态图片,并且,该静态图片被加载的4个位置形成一方向指向右上方的斜线。该内容为小鸟的静态图片即可在用户界面中呈现出小鸟向右上方飞翔的动态视觉效果。
在此,静态图片多次被加载的位置可以为连续的,从而用户界面可以呈现出该静态图片被连续地移动的视觉效果。静态图片多次被加载的位置也可以为不连续的,从而用户界面可以呈现出该静态图片跳跃的视觉效果。甚至,静态图片多次被加载的位置可以为随机的,从而用户界面可以呈现出该静态图片随机跳跃的视觉效果。
图2(a)和图2(b)示出根据本发明一个优选实施例的一种更新移动客户端的用户界面的效果示意图。
在图2(a)和图2(b)中,手机百度APP作为移动客户端的示例,并且手机百度APP的首页作为用户界面的示例。该首页包括背景、百度标识、搜索框、入口小图标、添加按钮模块、TAB工具栏等组件。
手机百度APP首页的原始用户界面如图2(a)所示。在获取分别对应于前述组件的皮肤图片之后,手机百度APP按照每个皮肤图片与相应组件的对应关系,加载这些皮肤图片,以更新手机百度的首页。更新后手机百度APP的首页如图2(b)所示。
在该示例中,图2(b)中对应于搜索框的皮肤图片的尺寸超过搜索框在图2(a)所示的当前呈现区域(该皮肤图片还包括呈现为圣诞树样式的部分区域)。因此,如图2(b)所示,手机百度APP在预留的搜索框的扩展呈现区域加载其对应皮肤图片。
图3示出根据本发明一个实施例的装置示意图,其具体示出一种更新移动客户端的用户界面的装置,也即更新装置10。如图3所示,更新装置10被装置于移动客户端中,并具体包括装置11和装置12。
装置11获取至少一个皮肤图片,其中每个皮肤图片对应于用户界面的一个组件,其中,所述用户界面包括一个或多个组件(为便于区分,以下将装置11称为皮肤图片获取装置11);装置12按照该(等)皮肤图片与该(等)组件的对应关系,加载该(等)皮肤图片,以更新该用户界面(为便于区分,以下将装置12称为皮肤图片加载装置12)。
本领域技术人员应能理解,皮肤图片获取装置11的操作和皮肤图片加载装置12的操作可以为连续执行的,也可以为并非连续执行的。例如,在皮肤图片获取装置11获取对应于组件的皮肤图片后,皮肤图片加载装置12可以立即按照皮肤图片与组件的对应关系来加载皮肤图片以更新用户界面。又如,在皮肤图片获取装置11获取对应于组件的皮肤图片后,皮肤图片加载装置12可以在预定的时间按照皮肤图片与组件的对应关系来加载皮肤图片以更新用户界面。其中,所述预定的时间可以为一准确的时间点,也可以为一段时间。例如,当用户在预定的时间段内激活移动客户端时,皮肤图片加载装置12按照皮肤图片与组件的对应关系来加载皮肤图片以更新用户界面。
具体地,皮肤图片获取装置11获取至少一个皮肤图片,其中每个皮肤图片对应于用户界面的一个组件,其中,所述用户界面包括一个或多个组件。
在此,所述用户界面(User Interface,简称为UI)意指移动客户端与用户之间进行交互和信息交换的媒介。用户界面可以包括一个或多个组件。所述组件意指组成用户界面的界面元素。组件例如用户界面中的输入框、交互按钮、图标等。
移动客户端可对应有一个或多个用户界面。为简单说明起见,本发明多以移动客户端的首页作为用户界面来进行举例。本领域技术人员应能理解,除首页以外的其他用户界面也可适用于本发明并且也应包含在本发明保护范围以内,并在此以引用方式包含于此。
本发明将用户界面组件化,也即,将用户界面分解为一个或多个组件。并且,皮肤图片被用于用户界面的各对应组件,以更新移动客户端的用户界面。
所述皮肤图片包括但不限于各种如同移动客户端的皮肤般的可见的图片。每个皮肤图片均对应于用户界面的一个组件。反之,用户界面的每个组件并非均对应于一个皮肤图片。也即,组件可以具有皮肤图片,也可以无皮肤图片。
皮肤图片与组件的对应关系可以基于多种方式来确定。例如,皮肤图片的文件名可以用于标识该皮肤图片所对应的组件。进一步地,例如示例A,文件名为“component001.jpg”的皮肤图片对应于组件001,文件名为“component002.jpg”的皮肤图片对应于组件002,以此类推。
在此,皮肤图片可以由其他设备提供。所述其他设备包括但不限于网络设备以及手机、ipad等其他用户设备。
皮肤图片获取装置11可在多种时机下获取皮肤图片。例如,当用户选择一预定的用户界面更新按钮时,皮肤图片获取装置11可以向网络设备发送用户界面更新请求,以获取网络设备响应该更新请求所返回的皮肤图片。又如,皮肤图片获取装置11可以在预定的时间(如每周五20:00)向其他设备发送用户界面更新请求,以获取其他设备相应该更新请求所返回的皮肤图片。
优选地,皮肤图片获取装置11所获取的至少一个皮肤图片属于同一主题。
其中,所述主题意指用户界面的风格或类型。所述主题例如圣诞节、春节等节日类主题,又如温暖、清凉等风格类主题等。
当属于同一主题的多个皮肤图片在后续操作中被皮肤图片加载装置12加载时,更新的用户界面可以为用户提供更好的整体视觉效果,例如更好地传达情感或情绪,以实现用户界面的情感化设计。
皮肤图片的形式既可以为静态图片,也可以为动态图片。其中,所述静态图片例如jpg、png等格式。所述动态图片例如gif、flash等格式。
皮肤图片获取装置11至少可以基于以下2种方式来获取皮肤图片:
1)皮肤图片获取装置11获取一个皮肤图片包,该皮肤图片包包括至少一个皮肤图片以及对该皮肤图片包中每个皮肤图片与用户界面的一个组件的对应关系的指示信息。
在此,皮肤图片包可以由其他设备提供。所述其他设备包括但不限于网络设备以及手机、ipad等其他用户设备。
其中,所述指示信息意指用于指示皮肤图片包中每个皮肤图片与用户界面的一个组件的对应关系的信息。
指示信息至少可以包括以下2种情形:
1.1)指示信息包括皮肤图片包中每个皮肤图片所对应的组件的坐标信息。
在此,所述坐标信息意指用于表示组件在用户界面中位置的信息。
例如示例B,一皮肤图片所对应的组件的坐标信息包括4个点坐标,分别为(200,150)、(400,150)、(200,200)、(400,200),用户界面中这4个点坐标所围绕的矩形区域即为该组件所在区域。
1.2)指示信息包括皮肤图片与组件的对应关系的关联表。
在此,所述关联表用于表示皮肤图片与组件的对应关系。
例如示例C,皮肤图片与组件的对应关系的关联表可以包括以下信息:文件名为“abc.jpg”的皮肤图片对应于组件101,文件名为“bcd.jpg”的皮肤图片对应于组件102,以此类推。
2)皮肤图片获取装置11获取用户对用户界面的至少一个组件所配置的皮肤图片。
在此,组件的皮肤图片可以由用户配置。
用户可以逐个地配置组件所分别对应的皮肤图片。相应地,皮肤图片将逐个地被加载。或者,用户也可以一次性地配置好用户界面中所有可配置组件所对应的所有皮肤图片。相应地,在用户配置完成后,用户所配置的所有皮肤图片将统一地被加载。
例如,当检测到预定的触发条件时,移动客户端可以进入皮肤配置模式。接着,移动客户端的用户界面中的可配置的组件可以呈现出晃动的视觉效果以提示用户进行选择。当用户选择用户界面中某一个组件时,该移动客户端的本地图片文件夹可以被调出,以供用户选择其中任一个图片作为对应于用户所选择的组件的皮肤图片。并且,用户所选择的皮肤图片可以被放大或被缩小,以使该皮肤图片的尺寸符合用户所选择的组件所对应的皮肤图片的预定尺寸。
本领域技术人员应能理解,前述2种皮肤图片获取装置11获取皮肤图片的方式仅为举例,而不应被视为对本发明的任何限制,任何现有其它方案或今后可能出现的皮肤图片获取装置11获取皮肤图片的方式如可适用于本发明,也应包含在本发明保护范围以内,并在此以引用方式包含于此。
随后,皮肤图片加载装置12按照所获取的至少一个皮肤图片与用户界面的组件的对应关系,加载该(等)皮肤图片,以更新该用户界面。
在此,皮肤图片加载装置12按照皮肤图片与用户界面的组件的对应关系,将每个皮肤图片呈现在其对应组件所在的区域中。
例如,继前示例A,文件名为“component001.jpg”的皮肤图片对应于组件001,文件名为“component002.jpg”的皮肤图片对应于组件002。皮肤图片加载装置12则将对应于组件001的皮肤图片“component001.jpg”呈现在组件001所在区域中,并将对应于组件002的皮肤图片“component002.jpg”呈现在组件002所在区域中。
优选地,对于皮肤图片获取装置11获得皮肤图片包的情形,皮肤图片加载装置12可以按照该皮肤图片包中所包括的对该皮肤图片包中每个皮肤图片与用户界面的一个组件的对应关系的指示信息来加载皮肤图片包中的皮肤图片。
例如,继前示例B,皮肤图片包中一皮肤图片所对应的组件的坐标信息包括4个点坐标,分别为(200,150)、(400,150)、(200,200)、(400,200),用户界面中这4个点坐标所围绕的矩形区域即为该组件所在区域。皮肤图片加载装置12则在该矩形区域中加载该皮肤图片。
优选地,皮肤图片加载装置12可以按照以下方式加载皮肤图片:如果皮肤图片的尺寸不超过皮肤图片所对应的组件的当前呈现区域,皮肤图片加载装置12在该当前呈现区域加载该皮肤图片;如果皮肤图片的尺寸超过该皮肤图片所对应的组件的当前呈现区域,皮肤图片加载装置12在该组件的扩展呈现区域加载该皮肤图片。
其中,所述组件的当前呈现区域意指组件当前在用户界面的可见区域。所述组件的扩展呈现区域意指为组件预留的超出其当前呈现区域的区域。
本发明为组件预留了更大的扩展呈现区域,可以使其尺寸超过组件的当前呈现区域的皮肤图片能够被加载,从而使用户界面具有更好的可扩展性。
优选地,对于静态图片形式的皮肤图片,皮肤图片加载装置12可以在连续时间间隔内多次加载该静态图片,其中,该静态图片每次被加载的位置不同。
在此,皮肤图片加载装置12可以通过多次加载静态图片为用户提供动态的视觉效果。
例如,皮肤图片加载装置12可以在连续的5秒内4次加载一内容为小鸟的静态图片,并且,该静态图片被加载的4个位置形成一方向指向右上方的斜线。该内容为小鸟的静态图片即可在用户界面中呈现出小鸟向右上方飞翔的动态视觉效果。
在此,静态图片多次被加载的位置可以为连续的,从而用户界面可以呈现出该静态图片被连续地移动的视觉效果。静态图片多次被加载的位置也可以为不连续的,从而用户界面可以呈现出该静态图片跳跃的视觉效果。甚至,静态图片多次被加载的位置可以为随机的,从而用户界面可以呈现出该静态图片随机跳跃的视觉效果。
需要注意的是,本发明可在软件和/或软件与硬件的组合体中被实施,例如,本发明的各个装置可采用专用集成电路(ASIC)或任何其他类似硬件设备来实现。在一个实施例中,本发明的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地,本发明的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中,例如,RAM存储器,磁或光驱动器或软磁盘及类似设备。另外,本发明的一些步骤或功能可采用硬件来实现,例如,作为与处理器配合从而执行各个步骤或功能的电路。
对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一,第二等词语用来表示名称,而并不表示任何特定的顺序。
虽然前面特别示出并且描述了示例性实施例,但是本领域技术人员将会理解的是,在不背离权利要求书的精神和范围的情况下,在其形式和细节方面可以有所变化。这里所寻求的保护在所附权利要求书中做了阐述。在下列编号条款中规定了各个实施例的这些和其他方面:
1.一种更新移动客户端的用户界面的方法,所述用户界面包括一个或多个组件;
其中,该方法包括:
-获取至少一个皮肤图片,其中每个皮肤图片对应于所述用户界面的一个组件;
-按照所述皮肤图片与所述组件的对应关系,加载所述皮肤图片,以更新所述用户界面。
2.根据条款1所述的方法,其中,所述获取至少一个皮肤图片的步骤具体包括:
-获取一个皮肤图片包,所述皮肤图片包包括至少一个皮肤图片以及对其中每个皮肤图片与所述用户界面的一个组件的对应关系的指示信息。
3.根据条款2所述的方法,其中,所述指示信息包括所述每个皮肤图片所对应的组件的坐标信息。
4.根据条款1所述的方法,其中,所述获取至少一个皮肤图片的步骤具体包括:
-获取用户对所述用户界面的至少一个组件所配置的皮肤图片。
5.根据条款1至4中任一项所述的方法,其中,所述加载所述皮肤图片的步骤具体包括以下任一项:
-如果所述皮肤图片的尺寸不超过所述皮肤图片所对应的组件的当前呈现区域,在所述当前呈现区域加载所述皮肤图片;
-如果所述皮肤图片的尺寸超过所述皮肤图片所对应的组件的当前呈现区域,在所述组件的扩展呈现区域加载所述皮肤图片。
6.根据条款1至5中任一项所述的方法,其中,所述至少一个皮肤图片属于同一主题。
7.根据条款1至6中任一项所述的方法,其中,所述皮肤图片的形式包括以下至少任一项:
-静态图片;
-动态图片。
8.根据条款7所述的方法,其中,所述皮肤图片的形式包括静态图片;
其中,所述加载所述皮肤图片的步骤具体包括:
-在连续时间间隔内多次加载所述静态图片,其中,所述静态图片每次被加载的位置不同。
9.一种更新移动客户端的用户界面的装置,所述用户界面包括一个或多个组件;
其中,该装置包括:
-用于获取至少一个皮肤图片的装置,其中每个皮肤图片对应于所述用户界面的一个组件;
-用于按照所述皮肤图片与所述组件的对应关系,加载所述皮肤图片,以更新所述用户界面的装置。
10.根据条款9所述的装置,其中,所述获取至少一个皮肤图片的装置具体用于:
-获取一个皮肤图片包,所述皮肤图片包包括至少一个皮肤图片以及对其中每个皮肤图片与所述用户界面的一个组件的对应关系的指示信息。
11.根据条款10所述的装置,其中,所述指示信息包括所述每个皮肤图片所对应的组件的坐标信息。
12.根据条款9所述的装置,其中,所述获取至少一个皮肤图片的装置具体用于:
-获取用户对所述用户界面的至少一个组件所配置的皮肤图片。
13.根据条款9至12中任一项所述的装置,其中,所述加载所述皮肤图片的操作具体包括以下任一项:
-如果所述皮肤图片的尺寸不超过所述皮肤图片所对应的组件的当前呈现区域,在所述当前呈现区域加载所述皮肤图片;
-如果所述皮肤图片的尺寸超过所述皮肤图片所对应的组件的当前呈现区域,在所述组件的扩展呈现区域加载所述皮肤图片。
14.根据条款9至13中任一项所述的装置,其中,所述至少一个皮肤图片属于同一主题。
15.根据条款9至14中任一项所述的装置,其中,所述皮肤图片的形式包括以下至少任一项:
-静态图片;
-动态图片。
16.根据条款15所述的装置,其中,所述皮肤图片的形式包括静态图片;
其中,所述加载所述皮肤图片的操作具体包括:
-在连续时间间隔内多次加载所述静态图片,其中,所述静态图片每次被加载的位置不同。
17.一种移动客户端,包括如条款9至16中任一项所述的更新移动客户端的用户界面的装置。
Claims (17)
1.一种更新移动客户端的用户界面的方法,所述用户界面包括一个或多个组件;
其中,该方法包括:
-获取至少一个皮肤图片,其中每个皮肤图片对应于所述用户界面的一个组件;
-按照所述皮肤图片与所述组件的对应关系,加载所述皮肤图片,以更新所述用户界面。
2.根据权利要求1所述的方法,其中,所述获取至少一个皮肤图片的步骤具体包括:
-获取一个皮肤图片包,所述皮肤图片包包括至少一个皮肤图片以及对其中每个皮肤图片与所述用户界面的一个组件的对应关系的指示信息。
3.根据权利要求2所述的方法,其中,所述指示信息包括所述每个皮肤图片所对应的组件的坐标信息。
4.根据权利要求1所述的方法,其中,所述获取至少一个皮肤图片的步骤具体包括:
-获取用户对所述用户界面的至少一个组件所配置的皮肤图片。
5.根据权利要求1至4中任一项所述的方法,其中,所述加载所述皮肤图片的步骤具体包括以下任一项:
-如果所述皮肤图片的尺寸不超过所述皮肤图片所对应的组件的当前呈现区域,在所述当前呈现区域加载所述皮肤图片;
-如果所述皮肤图片的尺寸超过所述皮肤图片所对应的组件的当前呈现区域,在所述组件的扩展呈现区域加载所述皮肤图片。
6.根据权利要求1至5中任一项所述的方法,其中,所述至少一个皮肤图片属于同一主题。
7.根据权利要求1至6中任一项所述的方法,其中,所述皮肤图片的形式包括以下至少任一项:
-静态图片;
-动态图片。
8.根据权利要求7所述的方法,其中,所述皮肤图片的形式包括静态图片;
其中,所述加载所述皮肤图片的步骤具体包括:
-在连续时间间隔内多次加载所述静态图片,其中,所述静态图片每次被加载的位置不同。
9.一种更新移动客户端的用户界面的装置,所述用户界面包括一个或多个组件;
其中,该装置包括:
-用于获取至少一个皮肤图片的装置,其中每个皮肤图片对应于所述用户界面的一个组件;
-用于按照所述皮肤图片与所述组件的对应关系,加载所述皮肤图片,以更新所述用户界面的装置。
10.根据权利要求9所述的装置,其中,所述获取至少一个皮肤图片的装置具体用于:
-获取一个皮肤图片包,所述皮肤图片包包括至少一个皮肤图片以及对其中每个皮肤图片与所述用户界面的一个组件的对应关系的指示信息。
11.根据权利要求10所述的装置,其中,所述指示信息包括所述每个皮肤图片所对应的组件的坐标信息。
12.根据权利要求9所述的装置,其中,所述获取至少一个皮肤图片的装置具体用于:
-获取用户对所述用户界面的至少一个组件所配置的皮肤图片。
13.根据权利要求9至12中任一项所述的装置,其中,所述加载所述皮肤图片的操作具体包括以下任一项:
-如果所述皮肤图片的尺寸不超过所述皮肤图片所对应的组件的当前呈现区域,在所述当前呈现区域加载所述皮肤图片;
-如果所述皮肤图片的尺寸超过所述皮肤图片所对应的组件的当前呈现区域,在所述组件的扩展呈现区域加载所述皮肤图片。
14.根据权利要求9至13中任一项所述的装置,其中,所述至少一个皮肤图片属于同一主题。
15.根据权利要求9至14中任一项所述的装置,其中,所述皮肤图片的形式包括以下至少任一项:
-静态图片;
-动态图片。
16.根据权利要求15所述的装置,其中,所述皮肤图片的形式包括静态图片;
其中,所述加载所述皮肤图片的操作具体包括:
-在连续时间间隔内多次加载所述静态图片,其中,所述静态图片每次被加载的位置不同。
17.一种移动客户端,包括如权利要求9至16中任一项所述的更新移动客户端的用户界面的装置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510197156.8A CN104850428A (zh) | 2015-04-23 | 2015-04-23 | 一种更新移动客户端的用户界面的方法与装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510197156.8A CN104850428A (zh) | 2015-04-23 | 2015-04-23 | 一种更新移动客户端的用户界面的方法与装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN104850428A true CN104850428A (zh) | 2015-08-19 |
Family
ID=53850086
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510197156.8A Pending CN104850428A (zh) | 2015-04-23 | 2015-04-23 | 一种更新移动客户端的用户界面的方法与装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104850428A (zh) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105389176A (zh) * | 2015-10-15 | 2016-03-09 | 中国民生银行股份有限公司 | 基于应用的皮肤处理方法及装置 |
CN106201532A (zh) * | 2016-07-15 | 2016-12-07 | 乐视控股(北京)有限公司 | 界面元素更换方法及装置 |
CN106294816A (zh) * | 2016-08-16 | 2017-01-04 | 腾讯科技(深圳)有限公司 | 页面信息的处理方法和装置 |
CN106991018A (zh) * | 2017-04-18 | 2017-07-28 | 新华三技术有限公司 | 界面换肤的方法及装置 |
CN107566875A (zh) * | 2017-08-31 | 2018-01-09 | 江苏省公用信息有限公司 | 一种在智能机顶盒上ui灵活配置、动态更新的方法 |
CN108228293A (zh) * | 2017-12-29 | 2018-06-29 | 北京金山安全软件有限公司 | 一种界面皮肤切换方法及装置 |
CN108376091A (zh) * | 2018-02-23 | 2018-08-07 | 中国平安人寿保险股份有限公司 | 组件运行方法、装置、设备及计算机存储介质 |
CN113094139A (zh) * | 2021-04-20 | 2021-07-09 | 北京沃东天骏信息技术有限公司 | Ui样式更新方法和装置 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102799420A (zh) * | 2011-05-23 | 2012-11-28 | 腾讯科技(深圳)有限公司 | 一种客户端皮肤编辑方法和皮肤编辑器 |
CN103677860A (zh) * | 2012-08-30 | 2014-03-26 | 百度在线网络技术(北京)有限公司 | 一种用于更新浏览器的方法和设备 |
US8689802B2 (en) * | 2010-12-17 | 2014-04-08 | Alexander C. Schoenfeld | Combination smoking and drinking apparatus |
CN104090749A (zh) * | 2014-05-30 | 2014-10-08 | 爱培科科技开发(深圳)有限公司 | 一种WinCE产品界面主题更新变换处理方法及系统 |
US20140310609A1 (en) * | 2010-10-15 | 2014-10-16 | Samsung Electronics Co., Ltd. | Method and apparatus for updating user interface |
CN104375793A (zh) * | 2014-10-15 | 2015-02-25 | 武汉润凌科技有限公司 | 一种嵌入式系统背景图更新显示方法 |
-
2015
- 2015-04-23 CN CN201510197156.8A patent/CN104850428A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140310609A1 (en) * | 2010-10-15 | 2014-10-16 | Samsung Electronics Co., Ltd. | Method and apparatus for updating user interface |
US8689802B2 (en) * | 2010-12-17 | 2014-04-08 | Alexander C. Schoenfeld | Combination smoking and drinking apparatus |
CN102799420A (zh) * | 2011-05-23 | 2012-11-28 | 腾讯科技(深圳)有限公司 | 一种客户端皮肤编辑方法和皮肤编辑器 |
CN103677860A (zh) * | 2012-08-30 | 2014-03-26 | 百度在线网络技术(北京)有限公司 | 一种用于更新浏览器的方法和设备 |
CN104090749A (zh) * | 2014-05-30 | 2014-10-08 | 爱培科科技开发(深圳)有限公司 | 一种WinCE产品界面主题更新变换处理方法及系统 |
CN104375793A (zh) * | 2014-10-15 | 2015-02-25 | 武汉润凌科技有限公司 | 一种嵌入式系统背景图更新显示方法 |
Non-Patent Citations (1)
Title |
---|
董卫军等: "《网页设计与网站建设》", 31 January 2014, 清华大学出版社 * |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105389176A (zh) * | 2015-10-15 | 2016-03-09 | 中国民生银行股份有限公司 | 基于应用的皮肤处理方法及装置 |
CN105389176B (zh) * | 2015-10-15 | 2019-04-16 | 中国民生银行股份有限公司 | 基于应用的皮肤处理方法及装置 |
CN106201532A (zh) * | 2016-07-15 | 2016-12-07 | 乐视控股(北京)有限公司 | 界面元素更换方法及装置 |
CN106294816A (zh) * | 2016-08-16 | 2017-01-04 | 腾讯科技(深圳)有限公司 | 页面信息的处理方法和装置 |
CN106294816B (zh) * | 2016-08-16 | 2022-03-25 | 腾讯科技(深圳)有限公司 | 页面信息的处理方法和装置 |
CN106991018A (zh) * | 2017-04-18 | 2017-07-28 | 新华三技术有限公司 | 界面换肤的方法及装置 |
CN107566875A (zh) * | 2017-08-31 | 2018-01-09 | 江苏省公用信息有限公司 | 一种在智能机顶盒上ui灵活配置、动态更新的方法 |
CN108228293A (zh) * | 2017-12-29 | 2018-06-29 | 北京金山安全软件有限公司 | 一种界面皮肤切换方法及装置 |
CN108228293B (zh) * | 2017-12-29 | 2021-08-13 | 北京金山安全软件有限公司 | 一种界面皮肤切换方法及装置 |
CN108376091A (zh) * | 2018-02-23 | 2018-08-07 | 中国平安人寿保险股份有限公司 | 组件运行方法、装置、设备及计算机存储介质 |
CN113094139A (zh) * | 2021-04-20 | 2021-07-09 | 北京沃东天骏信息技术有限公司 | Ui样式更新方法和装置 |
CN113094139B (zh) * | 2021-04-20 | 2024-04-19 | 北京沃东天骏信息技术有限公司 | Ui样式更新方法和装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104850428A (zh) | 一种更新移动客户端的用户界面的方法与装置 | |
CN107992304B (zh) | 一种生成显示界面的方法和装置 | |
CN106973099B (zh) | 一种数据更新方法、装置及系统 | |
CN109634598B (zh) | 一种页面显示方法、装置、设备及存储介质 | |
US9348563B1 (en) | Bi-directional editing between visual screen designer and source code | |
CN102971688B (zh) | 跨平台应用程序框架 | |
CN110109670B (zh) | 视图列表数据的处理方法、装置、电子设备及存储介质 | |
Jackson et al. | Android apps for absolute beginners | |
WO2022022700A1 (zh) | 应用图标显示方法、装置及电子设备 | |
EP3726373B1 (en) | Creating an app method and system | |
US9176726B2 (en) | Method and apparatus for developing, distributing and executing applications | |
US20130166527A1 (en) | System and methods thereof for dynamically updating the contents of a folder on a device | |
CN108153848B (zh) | 轻应用数据的搜索方法、设备及电子设备 | |
CN111124412B (zh) | 一种游戏页面绘制方法、装置、设备及存储介质 | |
CN108536467B (zh) | 代码的定位处理方法、装置、终端设备及存储介质 | |
CN107451244A (zh) | 文件夹命名方法、移动终端及计算机可读存储介质 | |
CN105138351A (zh) | 一种为宿主配置插件包的方法与装置 | |
CN109361948B (zh) | 界面管理方法、智能终端及可读存储介质 | |
CN106257418A (zh) | 用于通过使用辅助应用来评价应用的技术 | |
CN110502268A (zh) | 应用程序更新方法、装置、服务器及存储介质 | |
CN109976744B (zh) | 一种可视化编程方法、系统及终端设备 | |
CN112698762B (zh) | 图标显示方法、装置及电子设备 | |
US20190212987A1 (en) | Content development device | |
CN113010059B (zh) | 应用程序图标管理方法、装置及电子设备 | |
CN113468121A (zh) | 文件夹管理方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
EXSB | Decision made by sipo to initiate substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20150819 |