CN106406866A - 一种支持卡片透明化的方法和装置 - Google Patents
一种支持卡片透明化的方法和装置 Download PDFInfo
- Publication number
- CN106406866A CN106406866A CN201610801338.6A CN201610801338A CN106406866A CN 106406866 A CN106406866 A CN 106406866A CN 201610801338 A CN201610801338 A CN 201610801338A CN 106406866 A CN106406866 A CN 106406866A
- Authority
- CN
- China
- Prior art keywords
- card
- skin
- transparent
- application
- transparence
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明的目的是提供一种支持卡片透明化的方法和装置;在应用中渲染卡片之前,判断所述应用当前使用的皮肤是否支持卡片透明化;若支持,则对所述卡片进行透明化处理,以获得经透明化处理的卡片;在所述应用中将所述经透明化处理的卡片进行渲染。与现有技术相比,本发明支持卡片透明化,有效提升用户对换肤及卡片使用的体验,在将皮肤效果最大化呈现给用户的同时,卡片阅读体验也有较大提升。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种支持卡片透明化的技术。
背景技术
对于移动应用来说,很多应用的主界面都有背景图片,以下称为皮肤。对于在主界面呈现卡片的应用来说,由于目前的卡片尚未进行透明化,从而遮盖了该卡片所在部位的皮肤,使得皮肤不能很好地展现,影响了用户的视觉体验。
因此,如何能够支持卡片透明化,既使得皮肤的效果最大化呈现,又提升卡片的阅读体验,成为本领域技术人员亟需解决的问题之一。
发明内容
本发明的目的是提供一种支持卡片透明化的方法和装置。
根据本发明的一个方面,提供了一种支持卡片透明化的方法,其中,该方法包括以下步骤:
a在应用中渲染卡片之前,判断所述应用当前使用的皮肤是否支持卡片透明化;
b若支持,则对所述卡片进行透明化处理,以获得经透明化处理的卡片;
c在所述应用中将所述经透明化处理的卡片进行渲染。
优选地,所述透明化处理包括以下至少任一项:
-对所述卡片的背景进行透明处理;
-对所述卡片中的字体进行反白处理。
优选地,所述步骤a包括:
在所述应用中渲染所述卡片之前,根据所述应用当前使用的所述皮肤的透明标识,判断所述皮肤是否支持卡片透明化。
优选地,该方法还包括:
根据各个皮肤所对应的属性,分别判断所述各个皮肤是否支持卡片透明化;
根据判断结果,分别设置所述各个皮肤所对应的透明标识。
优选地,该方法还包括:
获取用户对渲染后的所述卡片的滚动操作;
根据所述滚动操作,对所述应用当前使用的所述皮肤进行适应性处理。
优选地,所述适应性处理包括以下至少任一项:
模糊处理;
压黑处理。
根据本发明的另一个方面,还提供了一种支持卡片透明化的透明化装置,其中,该透明化装置包括:
判断装置,用于在应用中渲染卡片之前,判断所述应用当前使用的皮肤是否支持卡片透明化;
第一处理装置,用于若支持,则对所述卡片进行透明化处理,以获得经透明化处理的卡片;
渲染装置,用于在所述应用中将所述经透明化处理的卡片进行渲染。
优选地,所述透明化处理包括以下至少任一项:
-对所述卡片的背景进行透明处理;
-对所述卡片中的字体进行反白处理。
优选地,所述判断装置用于:
在所述应用中渲染所述卡片之前,根据所述应用当前使用的所述皮肤的透明标识,判断所述皮肤是否支持卡片透明化。
优选地,该透明化装置还包括设置装置,用于:
根据各个皮肤所对应的属性,分别判断所述各个皮肤是否支持卡片透明化;
根据判断结果,分别设置所述各个皮肤所对应的透明标识。
优选地,该透明化装置还包括第二处理装置,用于:
获取用户对渲染后的所述卡片的滚动操作;
根据所述滚动操作,对所述应用当前使用的所述皮肤进行适应性处理。
优选地,所述适应性处理包括以下至少任一项:
模糊处理;
压黑处理。
与现有技术相比,本发明在应用中渲染卡片之前,判断所述应用当前使用的皮肤是否支持卡片透明化,若支持,则对所述卡片进行透明化处理,以获得经透明化处理的卡片,在所述应用中将所述经透明化处理的卡片进行渲染,从而支持卡片透明化,有效提升用户对换肤及卡片使用的体验,在将皮肤效果最大化呈现给用户的同时,卡片阅读体验也有较大提升。
进一步地,针对用户对卡片的滚动等操作,本发明还可以对皮肤进行一定程度的适应性处理,从而使得该卡片在滚动过程中更能突出其中的内容,而不受皮肤的影响,保证卡片可读性等视觉体验。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本发明的其它特征、目的和优点将会变得更明显:
图1示出根据本发明一个方面的一种支持卡片透明化的透明化装置的结构示意图;
图2示出现有技术的一种卡片示意图;
图3示出根据本发明一个实施例的一种支持卡片透明化的卡片示意图;
图4示出根据本发明另一个方面的一种支持卡片透明化的方法的流程示意图。
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
在更加详细地讨论示例性实施例之前应当提到的是,一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各项操作描述成顺序的处理,但是其中的许多操作可以被并行地、并发地或者同时实施。此外,各项操作的顺序可以被重新安排。当其操作完成时所述处理可以被终止,但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序等等。
在上下文中所称“计算机设备”,也称为“电脑”,是指可以通过运行预定程序或指令来执行数值计算和/或逻辑计算等预定处理过程的智能电子设备,其可以包括处理器与存储器,由处理器执行在存储器中预存的存续指令来执行预定处理过程,或是由ASIC、FPGA、DSP等硬件执行预定处理过程,或是由上述二者组合来实现。计算机设备包括但不限于服务器、个人电脑、笔记本电脑、平板电脑等。
所述计算机设备包括用户设备与网络设备。其中,所述用户设备包括但不限于个人电脑、笔记本电脑、平板电脑等;所述网络设备包括但不限于单个网络服务器、多个网络服务器组成的服务器组或基于云计算(Cloud Computing)的由大量计算机或网络服务器构成的云,其中,云计算是分布式计算的一种,由一群松散耦合的计算机集组成的一个超级虚拟计算机。其中,所述计算机设备可单独运行来实现本发明,也可接入网络并通过与网络中的其他计算机设备的交互操作来实现本发明。其中,所述计算机设备所处的网络包括但不限于互联网、广域网、城域网、局域网、VPN网络等。
需要说明的是,所述用户设备、网络设备和网络等仅为举例,其他现有的或今后可能出现的计算机设备或网络如可适用于本发明,也应包含在本发明保护范围以内,并以引用方式包含于此。
后面所讨论的方法(其中一些通过流程图示出)可以通过硬件、软件、固件、中间件、微代码、硬件描述语言或者其任意组合来实施。当用软件、固件、中间件或微代码来实施时,用以实施必要任务的程序代码或代码段可以被存储在机器或计算机可读介质(比如存储介质)中。(一个或多个)处理器可以实施必要的任务。
这里所公开的具体结构和功能细节仅仅是代表性的,并且是用于描述本发明的示例性实施例的目的。但是本发明可以通过许多替换形式来具体实现,并且不应当被解释成仅仅受限于这里所阐述的实施例。
应当理解的是,虽然在这里可能使用了术语“第一”、“第二”等等来描述各个单元,但是这些单元不应当受这些术语限制。使用这些术语仅仅是为了将一个单元与另一个单元进行区分。举例来说,在不背离示例性实施例的范围的情况下,第一单元可以被称为第二单元,并且类似地第二单元可以被称为第一单元。这里所使用的术语“和/或”包括其中一个或更多所列出的相关联项目的任意和所有组合。
应当理解的是,当一个单元被称为“连接”或“耦合”到另一单元时,其可以直接连接或耦合到所述另一单元,或者可以存在中间单元。与此相对,当一个单元被称为“直接连接”或“直接耦合”到另一单元时,则不存在中间单元。应当按照类似的方式来解释被用于描述单元之间的关系的其他词语(例如“处于...之间”相比于“直接处于...之间”,“与...邻近”相比于“与...直接邻近”等等)。
这里所使用的术语仅仅是为了描述具体实施例而不意图限制示例性实施例。除非上下文明确地另有所指,否则这里所使用的单数形式“一个”、“一项”还意图包括复数。还应当理解的是,这里所使用的术语“包括”和/或“包含”规定所陈述的特征、整数、步骤、操作、单元和/或组件的存在,而不排除存在或添加一个或更多其他特征、整数、步骤、操作、单元、组件和/或其组合。
还应当提到的是,在一些替换实现方式中,所提到的功能/动作可以按照不同于附图中标示的顺序发生。举例来说,取决于所涉及的功能/动作,相继示出的两幅图实际上可以基本上同时执行或者有时可以按照相反的顺序来执行。
下面结合附图对本发明作进一步详细描述。
图1示出根据本发明一个方面的一种支持卡片透明化的透明化装置的结构示意图。
透明化装置1包括判断装置101、第一处理装置102和渲染装置103。该透明化装置1例如位于移动设备等计算机设备中,该移动设备包括但不限于平板电脑、智能手机、PDA等。本领域技术人员应能理解,上述移动设备仅为举例,其他现有的或今后可能出现的移动设备如可适用于本发明,也应包含在本发明保护范围以内,并以引用方式包含于此。
其中,判断装置101在应用中渲染卡片之前,判断所述应用当前使用的皮肤是否支持卡片透明化。
具体地,在移动设备的应用中可以以卡片的形式向用户展现信息,例如,在首次或每次打开应用时,在应用的首页等位置渲染卡片,以在卡片中向使用该应用的用户展现信息,如图2所示,其在应用“手机百度”的首页,以卡片的形式,向用户下发了实时热点。在此,卡片的主题包括但不限于实时热点、天气、段子、股票等,用户可以在应用中预设该卡片的主题,也可以实时进行主题更换或添加,针对每一个卡片主题所对应的内容,用户也可以实时进行更新。进一步地,由于受限于移动设备的屏幕尺寸,在卡片中展现在该应用的当前屏幕中的内容数量有限,因此,用户可以通过下拉、滚动或点击特定按钮等操作,获取更多数量的卡片内容,例如,用户可以通过点击如图2中所示的“再来一批”按钮,获取其他卡片内容。
本领域技术人员应能理解,上述卡片的主题以及对卡片的操作仅为举例,其他现有的或今后可能出现的卡片的主题或者对卡片的操作如可适用于本发明,也应包含在本发明保护范围以内,并以引用方式包含于此。
进一步地,在移动设备的应用中渲染卡片之前,判断装置101首先判断该应用当前使用的皮肤是否支持卡片透明化。例如,如图2所示,该应用中的卡片以不透明的形式展现,从而遮盖了该应用的当前皮肤的展现,因此,判断装置101需要在应用中渲染卡片之前,判断该应用当前使用的皮肤是否支持卡片透明化,从而使得后续装置对该卡片进行透明化处理,使得该应用的当前皮肤得到更好的展现。在此,判断装置101例如根据该应用当前使用的皮肤的图片属性,或者,根据该应用当前使用的皮肤的透明标识,判断该皮肤是否支持卡片透明化。例如,若该应用当前使用的皮肤本身颜色已经是白色的,或至少该皮肤与卡片相重叠的部分是白色的,则判断装置101可以判断该皮肤不支持卡片透明化;又或者,该应用当前使用的皮肤设置有透明标识,判断装置101根据该透明标识,识别出该皮肤不支持卡片透明化。
在此,该应用当前使用的皮肤可以是系统预置的,或者由用户预先设置好的,也可以实时从服务端请求或由服务端主动推送。每当该应用被打开,即可以加载该确定好的皮肤,使得该应用当前使用该皮肤,从而由判断装置101来判断该皮肤是否支持卡片透明化。
本领域技术人员应能理解,上述确定应用当前使用的皮肤的方式及确定该皮肤是否支持卡片透明化的方式仅为举例,其他现有的或今后可能出现的确定应用当前使用的皮肤的方式或确定该皮肤是否支持卡片透明化的方式如可适用于本发明,也应包含在本发明保护范围以内,并以引用方式包含于此。
若支持,第一处理装置102则对所述卡片进行透明化处理,以获得经透明化处理的卡片。
具体地,若判断装置101判断该应用当前使用的皮肤支持卡片透明化,则第一处理装置102对该卡片进行透明化处理,例如,对所述卡片的背景进行透明处理、对所述卡片中的字体进行反白处理等,从而获得经透明化处理的卡片。例如,如图3所示,该卡片的背景被第一处理装置102进行了透明处理,从而使得该应用的当前皮肤得以正常展现,该卡片中的字体被第一处理装置102进行了反白处理,从而使得该卡片中的内容得以正常展现,而不受皮肤的影响。若判断装置101判断该应用当前使用的皮肤不支持卡片透明化,则第一处理装置102不对该卡片进行透明化处理,保持该卡片不透明的效果。
在此,所述透明化处理包括以下至少任一项:
-对所述卡片的背景进行透明处理;
-对所述卡片中的字体进行反白处理。
第一处理装置102对卡片的背景进行透明处理,使得该卡片不影响皮肤的展现,若该皮肤的颜色偏白,则第一处理装置102可以不对卡片中的字体进行反白处理,若该皮肤的颜色偏深,则第一处理装置102还需对该卡片中的字体进行反白处理,使得该卡片中的内容得以正常展现而不受该皮肤的影响。该第一处理装置102例如可以根据该应用中当前使用的皮肤的图片属性,获知该皮肤的颜色偏白还是偏深,从而对该卡片进行相适应的透明化处理。
本领域技术人员应能理解,上述对卡片的透明化处理仅为举例,其他现有的或者今后可能出现的对卡片的透明化处理,如可适用于本发明,也应包含在本发明的保护范围内,此处不再赘述,并通过引用的方式包含于此。
渲染装置103在所述应用中将所述经透明化处理的卡片进行渲染。
具体地,在第一处理装置102将该卡片进行背景透明、字体反白等透明化处理之后,渲染装置103在所述应用中将该经透明化处理的卡片进行渲染,从而在该应用中将该卡片展现给用户,而又不影响该应用中当前使用的皮肤的展现。例如,以如图3所示,在应用“手机百度”中,将经过透明化处理的卡片进行渲染,从而展现给用户,该应用“手机百度”的当前皮肤仍旧可以正常展现。若判断装置101判断该应用当前使用的皮肤不支持卡片透明化,则第一处理装置102不对该卡片进行透明化处理,保持该卡片不透明的效果,渲染装置103也可以将该未经透明化处理的卡片进行渲染。
在此,透明化装置1在应用中渲染卡片之前,判断所述应用当前使用的皮肤是否支持卡片透明化,若支持,则对所述卡片进行透明化处理,以获得经透明化处理的卡片,在所述应用中将所述经透明化处理的卡片进行渲染,从而支持卡片透明化,有效提升用户对换肤及卡片使用的体验,在将皮肤效果最大化呈现给用户的同时,卡片阅读体验也有较大提升。
优选地,所述判断装置101在所述应用中渲染所述卡片之前,根据所述应用当前使用的所述皮肤的透明标识,判断所述皮肤是否支持卡片透明化。
具体地,每个皮肤可以有一个是否支持卡片透明化的标识,该透明标识例如为根据该皮肤的属性所预先设置的,在应用中渲染所述卡片之前,判断装置101可以根据该应用当前使用的皮肤的透明标识,来判断该皮肤是否支持卡片透明化,例如,若该透明标识为YES,则表示该皮肤支持卡片透明化,若该透明标识为NO,则表示该皮肤不支持卡片透明化。
优选地,该透明化装置1还包括设置装置(未示出),该设置装置根据各个皮肤所对应的属性,分别判断所述各个皮肤是否支持卡片透明化;根据判断结果,分别设置所述各个皮肤所对应的透明标识。
具体地,每个皮肤可以有一个是否支持卡片透明化的标识,设置装置可以对该标识进行设置,从而方便判断装置101根据该标识来直接判断该皮肤是否支持卡片透明化,并进一步通知后续装置进行对应的操作。该设置装置根据各个皮肤所对应的属性,分别判断各个皮肤是否支持卡片透明化,例如,根据各个皮肤的图片属性来进行判断,如,卡片透明化后,该皮肤的展现对用户视觉体验没有影响,则设置装置判断该皮肤支持卡片透明化,若有影响,则判断该皮肤不支持卡片透明化;接着,设置装置再根据判断结果,分别设置所述各个皮肤所对应的透明标识,例如,若该皮肤支持卡片透明化,则将该透明标识设为YES,否则设为NO。这样,判断装置101直接根据该应用中当前使用的皮肤的透明标识是YES还是NO,来判断该皮肤是否支持卡片透明化。
较佳地,该设置装置还可以将该判断结果上传,由对应的网络设备对各个皮肤所对应的透明标识进行设置;或者,该设置装置可以位于对应的网络设备中,由该网络设备对每一个皮肤进行判断并设置对应的透明标识。这样,当该移动设备中的应用加载皮肤时,该皮肤中已经包含了该透明标识,随后,当判断装置101需要进行判断时,可以直接根据该皮肤的透明标识来判断该皮肤是否支持卡片透明化。
本领域技术人员应能理解,上述设置透明标识的方式仅为举例,其他现有的或者今后可能出现的设置透明标识的方式,如可适用于本发明,也应包含在本发明的保护范围内,此处不再赘述,并通过引用的方式包含于此。
较佳地,若该应用当前使用的皮肤不支持卡片透明化,该透明化装置1还可以向对应的服务端请求支持卡片透明化的皮肤,服务端根据该透明化装置1的请求,重新向该应用所在的客户端下发支持卡片透明化的皮肤,该透明化装置1在该应用中重新加载该支持卡片透明化的皮肤,从而对该卡片进行透明化处理,并将经透明化处理后的卡片进行渲染,以展现给用户。
优选地,该透明化装置1还包括第二处理装置(未示出),该第二处理装置获取用户对渲染后的所述卡片的滚动操作;根据所述滚动操作,对所述应用当前使用的所述皮肤进行适应性处理。
具体地,当卡片被渲染之后,用户可以对该卡片进行一定的操作,例如,点击该卡片中的内容链接进行阅读、更换或添加卡片的主题、更新卡片中的内容链家、下拉或滚动该卡片等,第二处理装置例如通过JSP、ASP或PHP等动态网页技术,获取该用户对该渲染后的卡片的滚动操作;随后,该第二处理装置根据该用户的滚动操作,对该应用当前使用的皮肤进行适应性处理,例如,对该当前使用的皮肤进行一定程度的模糊处理、压黑处理等,从而更突出该卡片中的内容。
在此,所述适应性处理包括以下至少任一项:
模糊处理;
压黑处理。
具体地,当用户对渲染后的卡片进行滚动操作时,第二处理装置对该应用当前使用的皮肤进行模糊处理,使得该皮肤中的图案形象变得模糊,从而使得该卡片在滚动过程中更能突出其中的内容,而不受皮肤的影响;或者,该第二处理装置还可以对该皮肤进行压黑处理,使得该皮肤的颜色变深,这样使得卡片中被反白的字体更突出,在滚动过程中不受皮肤的影响,保证卡片可读性等视觉体验。
本领域技术人员应能理解,上述对皮肤的适应性处理仅为举例,其他现有的或者今后可能出现的对皮肤的适应性处理,如可适用于本发明,也应包含在本发明的保护范围内,此处不再赘述,并通过引用的方式包含于此。
图4示出根据本发明另一个方面的一种支持卡片透明化的方法的流程示意图。
在步骤S401中,透明化装置1在应用中渲染卡片之前,判断所述应用当前使用的皮肤是否支持卡片透明化。
具体地,在移动设备的应用中可以以卡片的形式向用户展现信息,例如,在首次或每次打开应用时,在应用的首页等位置渲染卡片,以在卡片中向使用该应用的用户展现信息,如图2所示,其在应用“手机百度”的首页,以卡片的形式,向用户下发了实时热点。在此,卡片的主题包括但不限于实时热点、天气、段子、股票等,用户可以在应用中预设该卡片的主题,也可以实时进行主题更换或添加,针对每一个卡片主题所对应的内容,用户也可以实时进行更新。进一步地,由于受限于移动设备的屏幕尺寸,在卡片中展现在该应用的当前屏幕中的内容数量有限,因此,用户可以通过下拉、滚动或点击特定按钮等操作,获取更多数量的卡片内容,例如,用户可以通过点击如图2中所示的“再来一批”按钮,获取其他卡片内容。
本领域技术人员应能理解,上述卡片的主题以及对卡片的操作仅为举例,其他现有的或今后可能出现的卡片的主题或者对卡片的操作如可适用于本发明,也应包含在本发明保护范围以内,并以引用方式包含于此。
进一步地,在移动设备的应用中渲染卡片之前,在步骤S401中,透明化装置1首先判断该应用当前使用的皮肤是否支持卡片透明化。例如,如图2所示,该应用中的卡片以不透明的形式展现,从而遮盖了该应用的当前皮肤的展现,因此,在步骤S401中,透明化装置1需要在应用中渲染卡片之前,判断该应用当前使用的皮肤是否支持卡片透明化,从而使得后续步骤对该卡片进行透明化处理,使得该应用的当前皮肤得到更好的展现。在此,在步骤S401中,透明化装置1例如根据该应用当前使用的皮肤的图片属性,或者,根据该应用当前使用的皮肤的透明标识,判断该皮肤是否支持卡片透明化。例如,若该应用当前使用的皮肤本身颜色已经是白色的,或至少该皮肤与卡片相重叠的部分是白色的,则在步骤S401中,透明化装置1可以判断该皮肤不支持卡片透明化;又或者,该应用当前使用的皮肤设置有透明标识,在步骤S401中,透明化装置1根据该透明标识,识别出该皮肤不支持卡片透明化。
在此,该应用当前使用的皮肤可以是系统预置的,或者由用户预先设置好的,也可以实时从服务端请求或由服务端主动推送。每当该应用被打开,即可以加载该确定好的皮肤,使得该应用当前使用该皮肤,从而在步骤S401中,由透明化装置1来判断该皮肤是否支持卡片透明化。
本领域技术人员应能理解,上述确定应用当前使用的皮肤的方式及确定该皮肤是否支持卡片透明化的方式仅为举例,其他现有的或今后可能出现的确定应用当前使用的皮肤的方式或确定该皮肤是否支持卡片透明化的方式如可适用于本发明,也应包含在本发明保护范围以内,并以引用方式包含于此。
若支持,在步骤S402中,透明化装置1则对所述卡片进行透明化处理,以获得经透明化处理的卡片。
具体地,若在步骤S401中,透明化装置1判断该应用当前使用的皮肤支持卡片透明化,则在步骤S402中,透明化装置1对该卡片进行透明化处理,例如,对所述卡片的背景进行透明处理、对所述卡片中的字体进行反白处理等,从而获得经透明化处理的卡片。例如,如图3所示,该卡片的背景被透明化装置1进行了透明处理,从而使得该应用的当前皮肤得以正常展现,该卡片中的字体被透明化装置1进行了反白处理,从而使得该卡片中的内容得以正常展现,而不受皮肤的影响。若在步骤S401中,透明化装置1判断该应用当前使用的皮肤不支持卡片透明化,则在步骤S402中,透明化装置1不对该卡片进行透明化处理,保持该卡片不透明的效果。
在此,所述透明化处理包括以下至少任一项:
-对所述卡片的背景进行透明处理;
-对所述卡片中的字体进行反白处理。
在步骤S402中,透明化装置1对卡片的背景进行透明处理,使得该卡片不影响皮肤的展现,若该皮肤的颜色偏白,则在步骤S402中,透明化装置1可以不对卡片中的字体进行反白处理,若该皮肤的颜色偏深,则在步骤S402中,透明化装置1还需对该卡片中的字体进行反白处理,使得该卡片中的内容得以正常展现而不受该皮肤的影响。在步骤S402中,透明化装置1例如可以根据该应用中当前使用的皮肤的图片属性,获知该皮肤的颜色偏白还是偏深,从而对该卡片进行相适应的透明化处理。
本领域技术人员应能理解,上述对卡片的透明化处理仅为举例,其他现有的或者今后可能出现的对卡片的透明化处理,如可适用于本发明,也应包含在本发明的保护范围内,此处不再赘述,并通过引用的方式包含于此。
在步骤S403中,透明化装置1在所述应用中将所述经透明化处理的卡片进行渲染。
具体地,在步骤S402中,透明化装置1将该卡片进行背景透明、字体反白等透明化处理之后,在步骤S403中,透明化装置1在所述应用中将该经透明化处理的卡片进行渲染,从而在该应用中将该卡片展现给用户,而又不影响该应用中当前使用的皮肤的展现。例如,以如图3所示,在应用“手机百度”中,将经过透明化处理的卡片进行渲染,从而展现给用户,该应用“手机百度”的当前皮肤仍旧可以正常展现。若在步骤S401中,透明化装置1判断该应用当前使用的皮肤不支持卡片透明化,则在步骤S402中,透明化装置1不对该卡片进行透明化处理,保持该卡片不透明的效果,在步骤S403中,透明化装置1也可以将该未经透明化处理的卡片进行渲染。
在此,透明化装置1在应用中渲染卡片之前,判断所述应用当前使用的皮肤是否支持卡片透明化,若支持,则对所述卡片进行透明化处理,以获得经透明化处理的卡片,在所述应用中将所述经透明化处理的卡片进行渲染,从而支持卡片透明化,有效提升用户对换肤及卡片使用的体验,在将皮肤效果最大化呈现给用户的同时,卡片阅读体验也有较大提升。
优选地,在步骤S401中,透明化装置1在所述应用中渲染所述卡片之前,根据所述应用当前使用的所述皮肤的透明标识,判断所述皮肤是否支持卡片透明化。
具体地,每个皮肤可以有一个是否支持卡片透明化的标识,该透明标识例如为根据该皮肤的属性所预先设置的,在应用中渲染所述卡片之前,在步骤S401中,透明化装置1可以根据该应用当前使用的皮肤的透明标识,来判断该皮肤是否支持卡片透明化,例如,若该透明标识为YES,则表示该皮肤支持卡片透明化,若该透明标识为NO,则表示该皮肤不支持卡片透明化。
优选地,该方法还包括步骤S404(未示出),在步骤S404中,透明化装置1根据各个皮肤所对应的属性,分别判断所述各个皮肤是否支持卡片透明化;根据判断结果,分别设置所述各个皮肤所对应的透明标识。
具体地,每个皮肤可以有一个是否支持卡片透明化的标识,在步骤S404中,透明化装置1可以对该标识进行设置,从而方便透明化装置1根据该标识来直接判断该皮肤是否支持卡片透明化,并进一步通知后续步骤进行对应的操作。在步骤S404中,透明化装置1根据各个皮肤所对应的属性,分别判断各个皮肤是否支持卡片透明化,例如,根据各个皮肤的图片属性来进行判断,如,卡片透明化后,该皮肤的展现对用户视觉体验没有影响,则在步骤S404中,透明化装置1判断该皮肤支持卡片透明化,若有影响,则判断该皮肤不支持卡片透明化;接着,透明化装置1再根据判断结果,分别设置所述各个皮肤所对应的透明标识,例如,若该皮肤支持卡片透明化,则将该透明标识设为YES,否则设为NO。这样,在步骤S401中,透明化装置1直接根据该应用中当前使用的皮肤的透明标识是YES还是NO,来判断该皮肤是否支持卡片透明化。
较佳地,在步骤S404中,透明化装置1还可以将该判断结果上传,由对应的网络设备对各个皮肤所对应的透明标识进行设置;或者,该步骤可以由对应的网络设备进行执行,由该网络设备对每一个皮肤进行判断并设置对应的透明标识。这样,当该移动设备中的应用加载皮肤时,该皮肤中已经包含了该透明标识,随后,当在步骤S401中,透明化装置1需要进行判断时,可以直接根据该皮肤的透明标识来判断该皮肤是否支持卡片透明化。
本领域技术人员应能理解,上述设置透明标识的方式仅为举例,其他现有的或者今后可能出现的设置透明标识的方式,如可适用于本发明,也应包含在本发明的保护范围内,此处不再赘述,并通过引用的方式包含于此。
较佳地,若该应用当前使用的皮肤不支持卡片透明化,该透明化装置1还可以向对应的服务端请求支持卡片透明化的皮肤,服务端根据该透明化装置1的请求,重新向该应用所在的客户端下发支持卡片透明化的皮肤,该透明化装置1在该应用中重新加载该支持卡片透明化的皮肤,从而对该卡片进行透明化处理,并将经透明化处理后的卡片进行渲染,以展现给用户。
优选地,该方法还包括步骤S405(未示出),在步骤S405中,透明化装置1获取用户对渲染后的所述卡片的滚动操作;根据所述滚动操作,对所述应用当前使用的所述皮肤进行适应性处理。
具体地,当卡片被渲染之后,用户可以对该卡片进行一定的操作,例如,点击该卡片中的内容链接进行阅读、更换或添加卡片的主题、更新卡片中的内容链家、下拉或滚动该卡片等,在步骤S405中,透明化装置1例如通过JSP、ASP或PHP等动态网页技术,获取该用户对该渲染后的卡片的滚动操作;随后,在步骤S405中,透明化装置1根据该用户的滚动操作,对该应用当前使用的皮肤进行适应性处理,例如,对该当前使用的皮肤进行一定程度的模糊处理、压黑处理等,从而更突出该卡片中的内容。
在此,所述适应性处理包括以下至少任一项:
模糊处理;
压黑处理。
具体地,当用户对渲染后的卡片进行滚动操作时,在步骤S405中,透明化装置1对该应用当前使用的皮肤进行模糊处理,使得该皮肤中的图案形象变得模糊,从而使得该卡片在滚动过程中更能突出其中的内容,而不受皮肤的影响;或者,在步骤S405中,透明化装置1还可以对该皮肤进行压黑处理,使得该皮肤的颜色变深,这样使得卡片中被反白的字体更突出,在滚动过程中不受皮肤的影响,保证卡片可读性等视觉体验。
本领域技术人员应能理解,上述对皮肤的适应性处理仅为举例,其他现有的或者今后可能出现的对皮肤的适应性处理,如可适用于本发明,也应包含在本发明的保护范围内,此处不再赘述,并通过引用的方式包含于此。
需要注意的是,本发明可在软件和/或软件与硬件的组合体中被实施,例如,本发明的各个装置可采用专用集成电路(ASIC)或任何其他类似硬件设备来实现。在一个实施例中,本发明的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地,本发明的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中,例如,RAM存储器,磁或光驱动器或软磁盘及类似设备。另外,本发明的一些步骤或功能可采用硬件来实现,例如,作为与处理器配合从而执行各个步骤或功能的电路。
对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一,第二等词语用来表示名称,而并不表示任何特定的顺序。
Claims (12)
1.一种支持卡片透明化的方法,其中,该方法包括以下步骤:
a在应用中渲染卡片之前,判断所述应用当前使用的皮肤是否支持卡片透明化;
b若支持,则对所述卡片进行透明化处理,以获得经透明化处理的卡片;
c在所述应用中将所述经透明化处理的卡片进行渲染。
2.根据权利要求1所述的方法,其中,所述透明化处理包括以下至少任一项:
-对所述卡片的背景进行透明处理;
-对所述卡片中的字体进行反白处理。
3.根据权利要求1或2所述的方法,其中,所述步骤a包括:
在所述应用中渲染所述卡片之前,根据所述应用当前使用的所述皮肤的透明标识,判断所述皮肤是否支持卡片透明化。
4.根据权利要求3所述的方法,其中,该方法还包括:
根据各个皮肤所对应的属性,分别判断所述各个皮肤是否支持卡片透明化;
根据判断结果,分别设置所述各个皮肤所对应的透明标识。
5.根据权利要求1至4中任一项所述的方法,其中,该方法还包括:
获取用户对渲染后的所述卡片的滚动操作;
根据所述滚动操作,对所述应用当前使用的所述皮肤进行适应性处理。
6.根据权利要求5所述的方法,其中,所述适应性处理包括以下至少任一项:
模糊处理;
压黑处理。
7.一种支持卡片透明化的透明化装置,其中,该透明化装置包括:
判断装置,用于在应用中渲染卡片之前,判断所述应用当前使用的皮肤是否支持卡片透明化;
第一处理装置,用于若支持,则对所述卡片进行透明化处理,以获得经透明化处理的卡片;
渲染装置,用于在所述应用中将所述经透明化处理的卡片进行渲染。
8.根据权利要求7所述的透明化装置,其中,所述透明化处理包括以下至少任一项:
-对所述卡片的背景进行透明处理;
-对所述卡片中的字体进行反白处理。
9.根据权利要求7或8所述的透明化装置,其中,所述判断装置用于:
在所述应用中渲染所述卡片之前,根据所述应用当前使用的所述皮肤的透明标识,判断所述皮肤是否支持卡片透明化。
10.根据权利要求9所述的透明化装置,其中,该透明化装置还包括设置装置,用于:
根据各个皮肤所对应的属性,分别判断所述各个皮肤是否支持卡片透明化;
根据判断结果,分别设置所述各个皮肤所对应的透明标识。
11.根据权利要求7至10中任一项所述的透明化装置,其中,该透明化装置还包括第二处理装置,用于:
获取用户对渲染后的所述卡片的滚动操作;
根据所述滚动操作,对所述应用当前使用的所述皮肤进行适应性处理。
12.根据权利要求11所述的透明化装置,其中,所述适应性处理包括以下至少任一项:
模糊处理;
压黑处理。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610801338.6A CN106406866A (zh) | 2016-09-02 | 2016-09-02 | 一种支持卡片透明化的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610801338.6A CN106406866A (zh) | 2016-09-02 | 2016-09-02 | 一种支持卡片透明化的方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106406866A true CN106406866A (zh) | 2017-02-15 |
Family
ID=58000099
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610801338.6A Pending CN106406866A (zh) | 2016-09-02 | 2016-09-02 | 一种支持卡片透明化的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106406866A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110300275A (zh) * | 2018-03-21 | 2019-10-01 | 腾讯科技(深圳)有限公司 | 视频录制、播放方法、装置、终端及存储介质 |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104102493A (zh) * | 2014-07-28 | 2014-10-15 | 广东欧珀移动通信有限公司 | 一种插件编辑方法和移动终端 |
CN104407767A (zh) * | 2014-10-22 | 2015-03-11 | 深圳市金立通信设备有限公司 | 一种调整用户界面的方法 |
CN104484088A (zh) * | 2014-12-02 | 2015-04-01 | 百度在线网络技术(北京)有限公司 | 搜索结果的展现方法及装置 |
CN104484363A (zh) * | 2014-12-02 | 2015-04-01 | 百度在线网络技术(北京)有限公司 | 搜索结果的展现方法及装置 |
CN105183763A (zh) * | 2015-07-29 | 2015-12-23 | 百度在线网络技术(北京)有限公司 | 一种搜索结果页的背景实现方法和装置 |
CN105760160A (zh) * | 2016-02-04 | 2016-07-13 | 百度在线网络技术(北京)有限公司 | 一种从插件添加卡片的方法、装置和系统 |
CN105843516A (zh) * | 2015-01-13 | 2016-08-10 | 阿里巴巴集团控股有限公司 | 一种用于在列表页面滚动过程中显示信息的方法及装置 |
CN105874451A (zh) * | 2013-12-31 | 2016-08-17 | 谷歌公司 | 用于呈现对应于点播媒体内容的补充信息的方法、系统和介质 |
-
2016
- 2016-09-02 CN CN201610801338.6A patent/CN106406866A/zh active Pending
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105874451A (zh) * | 2013-12-31 | 2016-08-17 | 谷歌公司 | 用于呈现对应于点播媒体内容的补充信息的方法、系统和介质 |
CN104102493A (zh) * | 2014-07-28 | 2014-10-15 | 广东欧珀移动通信有限公司 | 一种插件编辑方法和移动终端 |
CN104407767A (zh) * | 2014-10-22 | 2015-03-11 | 深圳市金立通信设备有限公司 | 一种调整用户界面的方法 |
CN104484088A (zh) * | 2014-12-02 | 2015-04-01 | 百度在线网络技术(北京)有限公司 | 搜索结果的展现方法及装置 |
CN104484363A (zh) * | 2014-12-02 | 2015-04-01 | 百度在线网络技术(北京)有限公司 | 搜索结果的展现方法及装置 |
CN105843516A (zh) * | 2015-01-13 | 2016-08-10 | 阿里巴巴集团控股有限公司 | 一种用于在列表页面滚动过程中显示信息的方法及装置 |
CN105183763A (zh) * | 2015-07-29 | 2015-12-23 | 百度在线网络技术(北京)有限公司 | 一种搜索结果页的背景实现方法和装置 |
CN105760160A (zh) * | 2016-02-04 | 2016-07-13 | 百度在线网络技术(北京)有限公司 | 一种从插件添加卡片的方法、装置和系统 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110300275A (zh) * | 2018-03-21 | 2019-10-01 | 腾讯科技(深圳)有限公司 | 视频录制、播放方法、装置、终端及存储介质 |
CN110300275B (zh) * | 2018-03-21 | 2021-09-21 | 腾讯科技(深圳)有限公司 | 视频录制、播放方法、装置、终端及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103678631B (zh) | 页面渲染方法及装置 | |
EP3502876A1 (en) | Device and method for displaying extension point in page | |
US20150370912A1 (en) | Method and system for displaying customized webpage on double webview | |
US11455460B2 (en) | Method for displaying handwritten note in electronic book, electronic device and computer storage medium | |
CN102789382B (zh) | 用于表单生成和运行的系统及方法 | |
CN110096277A (zh) | 一种动态页面展示方法、装置、电子设备及存储介质 | |
DE102013102285A1 (de) | Benutzerinterface-Navigation unter Verwendung druckempfindlicher Berührung | |
US20100202010A1 (en) | Method and system for printing a web page | |
CN107515759A (zh) | 截屏方法、装置、电子设备及可读存储介质 | |
CN110377285A (zh) | 一种生成页面骨架屏的方法、装置及计算机设备 | |
CN109783757B (zh) | 渲染网页的方法及装置、系统、存储介质、电子装置 | |
DE202013012901U1 (de) | Vorrichtung zur Implementierung der Anzeige von Inhalten einer Komponente | |
US20150187095A1 (en) | Method and device for implementing page mask | |
CN103631475A (zh) | 切换窗口的方法和装置 | |
DE112008003965T5 (de) | Kombinieren von Schnittstellen von Shell-Anwendungen und Unteranwendungen | |
US20060242349A1 (en) | Rendering highlighting strokes | |
CN111625312A (zh) | 一种app换肤方法、装置、电子设备及存储介质 | |
CN111694493B (zh) | 一种网页截图方法、计算机设备及可读存储介质 | |
CN111124564A (zh) | 显示用户界面的方法及装置 | |
CN108037974A (zh) | 一种在移动端展示长表格的交互方法及系统装置 | |
CA2439633A1 (en) | Screen display processing apparatus, screen display processing method and computer program | |
CN109543171A (zh) | 一种键盘录入和手写签批的电子表单实现方法及系统 | |
CN104182533B (zh) | 一种浏览器标签切换方法、装置及终端 | |
CN109656652A (zh) | 网页图表绘制方法、装置、计算机设备和存储介质 | |
CN106843701A (zh) | 一种图片轮换展示方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170215 |
|
RJ01 | Rejection of invention patent application after publication |