CN113157270A - 一种页面适配方法和装置 - Google Patents

Abstract

本发明公开了一种页面适配方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：解析当前打开的页面的布局文件，在解析过程中将布局文件的原始控件替换为新控件，使用新控件构建控件集合；其中，新控件中重写了原始控件的目标方法；当监听到主题模式的切换事件时，将切换事件分发到控件集合中的新控件；执行新控件中重写的目标方法，以确定切换事件指示的主题模式为目标模式，获取目标模式对应的主题资源，使用主题资源渲染页面。该方法在解析布局文件过程中，将原始控件替换为自定义的新控件，并在新控件中重写目标方法，进而在监听到切换事件时，执行新控件中重写的目标方法，实现了无侵入式的页面适配，不影响原代码，节约适配成本。

Description

一种页面适配方法和装置

技术领域

本发明涉及计算机技术领域，尤其涉及一种页面适配方法和装置。

背景技术

目前，终端设备的操作系统，比如iOS操作系统、安卓操作系统，增加了暗黑主题(Dark Theme)。在使用暗黑主题后，各个应用程序(Application，APP)也需要与暗黑主题进行适配。其中，暗黑主题是指在用户界面(User Interface，UI)中使用大面积的深色来构成界面的一种设计，它是产品默认主题的一种补充。

现有的暗黑主题适配方式主要有三种，第一种是使用系统自动的适配方案；第二种需要在APP内置默认资源和暗黑资源，并根据主题模式获取不同资源；第三种是在开发过程中，设置图片或者颜色之前，先做主题模式判断，再手动获取对应的图片或者颜色设置进行展示。

在实现本发明过程中，现有技术中至少存在如下问题：

依赖于系统版本，不能适配所有机型和系统；需要内置两套主题资源，APP更新时需跟随发版；所有需要适配的位置均需要修改原代码，耗费人力和成本，且修改原代码容易引发其他问题。

发明内容

有鉴于此，本发明实施例提供一种页面适配方法和装置，该方法在解析布局文件过程中，将原始控件替换为自定义的新控件，并在新控件中重写目标方法，进而在监听到切换事件时，执行新控件中重写的目标方法，实现了无侵入式的页面适配，不影响原代码，节约适配成本。

为实现上述目的，根据本发明实施例的一个方面，提供了一种页面适配方法。

本发明实施例的一种页面适配方法，包括：解析当前打开的页面的布局文件，在解析过程中将所述布局文件的原始控件替换为新控件，使用所述新控件构建控件集合；其中，所述新控件中重写了所述原始控件的目标方法；当监听到主题模式的切换事件时，将所述切换事件分发到所述控件集合中的新控件；执行所述新控件中重写的目标方法，以确定所述切换事件指示的主题模式为目标模式，获取所述目标模式对应的主题资源，使用所述主题资源渲染页面。

可选地，所述将所述布局文件的原始控件替换为新控件，包括：确定所述布局文件中原始控件的控件名称，将所述控件名称替换为对应新控件的控件名称；在所述新控件中重写所述原始控件的目标方法；其中，所述目标方法用于设置背景色、文本颜色或者图片。

可选地，所述在所述新控件中重写所述原始控件的目标方法，包括：如果所述原始控件为布局控件或者视图控件，则在所述新控件中重写所述原始控件中用于设置背景色的方法；如果所述原始控件为文本框控件，则在所述新控件中重写所述原始控件中用于设置文字颜色的方法；如果所述原始控件为图像视图控件，则在所述新控件中重写所述原始控件中用于设置图片的方法。

可选地，所述重写所述原始控件中用于设置背景色的方法，包括：确定所述切换事件指示的主题模式为所述目标模式，根据为所述原始控件设置的当前背景色，查找设定的色值库，得到对应的目标背景色；将所述原始控件的背景色设置为所述目标背景色。

可选地，所述重写所述原始控件中用于设置文字颜色的方法，包括：确定所述切换事件指示的主题模式为所述目标模式，根据为所述原始控件设置的当前文本颜色，查找设定的色值库，得到对应的目标文本颜色；将所述原始控件的文本颜色设置为所述目标文本颜色。

可选地，所述重写所述原始控件中用于设置图片的方法，包括：确定所述切换事件指示的主题模式为所述目标模式，根据为所述原始控件设置的当前图片，查找设定的图片库；判断是否从所述图片库中查找到对应的目标图片，如果查找到所述目标图片，则将所述原始控件的图片设置为所述目标图片；如果未查找到所述目标图片，则调整所述当前图片的图片亮度，将所述原始控件的图片设置为调整亮度后所得的图片。

可选地，所述方法还包括：发送资源文件请求至服务端，以使所述服务端根据所述资源文件请求中携带的资源文件标识和资源文件版本，确定对应资源文件的更新情况，生成资源更新信息；其中，所述资源文件包括所述目标模式对应的主题资源；接收来自于所述服务端的资源更新信息，确定所述资源文件存在更新，下载更新后的资源文件。

可选地，所述解析当前打开的页面的布局文件，包括：在当前打开的页面的布局文件中查找根节点，根据所述根节点，创建对应的根布局控件；其中，所述根布局控件中设置有用于修改亮度和颜色的控制开关；遍历所述根布局控件下的子元素，将所述子元素对应的子控件添加到所述根布局控件；所述确定所述切换事件指示的主题模式为目标模式的步骤之后，所述方法还包括：确定所述新控件对应的控制开关指示修改亮度，调整所述新控件中对象的亮度；所述获取所述目标模式对应的主题资源，包括：确定所述新控件对应的控制开关指示修改颜色，则获取所述目标模式对应的主题资源。

为实现上述目的，根据本发明实施例的另一方面，提供了一种页面适配装置。

本发明实施例的一种页面适配装置，包括：解析模块，用于解析当前打开的页面的布局文件，在解析过程中将所述布局文件的原始控件替换为新控件，使用所述新控件构建控件集合；其中，所述新控件中重写了所述原始控件的目标方法；分发模块，用于当监听到主题模式的切换事件时，将所述切换事件分发到所述控件集合中的新控件；适配模块，用于执行所述新控件中重写的目标方法，以确定所述切换事件指示的主题模式为目标模式，获取所述目标模式对应的主题资源，使用所述主题资源渲染页面。

可选地，所述解析模块，还用于确定所述布局文件中原始控件的控件名称，将所述控件名称替换为对应新控件的控件名称；在所述新控件中重写所述原始控件的目标方法；其中，所述目标方法用于设置背景色、文本颜色或者图片。

可选地，所述解析模块，还用于如果所述原始控件为布局控件或者视图控件，则在所述新控件中重写所述原始控件中用于设置背景色的方法；如果所述原始控件为文本框控件，则在所述新控件中重写所述原始控件中用于设置文字颜色的方法；如果所述原始控件为图像视图控件，则在所述新控件中重写所述原始控件中用于设置图片的方法。

可选地，所述解析模块，还用于确定所述切换事件指示的主题模式为所述目标模式，根据为所述原始控件设置的当前背景色，查找设定的色值库，得到对应的目标背景色；将所述原始控件的背景色设置为所述目标背景色。

可选地，所述解析模块，还用于确定所述切换事件指示的主题模式为所述目标模式，根据为所述原始控件设置的当前文本颜色，查找设定的色值库，得到对应的目标文本颜色；将所述原始控件的文本颜色设置为所述目标文本颜色。

可选地，所述解析模块，还用于确定所述切换事件指示的主题模式为所述目标模式，根据为所述原始控件设置的当前图片，查找设定的图片库；判断是否从所述图片库中查找到对应的目标图片，如果查找到所述目标图片，则将所述原始控件的图片设置为所述目标图片；如果未查找到所述目标图片，则调整所述当前图片的图片亮度，将所述原始控件的图片设置为调整亮度后所得的图片。

可选地，所述装置还包括：更新模块，用于发送资源文件请求至服务端，以使所述服务端根据所述资源文件请求中携带的资源文件标识和资源文件版本，确定对应资源文件的更新情况，生成资源更新信息；其中，所述资源文件包括所述目标模式对应的主题资源；接收来自于所述服务端的资源更新信息，确定所述资源文件存在更新，下载更新后的资源文件。

可选地，所述解析模块，还用于在当前打开的页面的布局文件中查找根节点，根据所述根节点，创建对应的根布局控件；其中，所述根布局控件中设置有用于修改亮度和颜色的控制开关；遍历所述根布局控件下的子元素，将所述子元素对应的子控件添加到所述根布局控件；所述装置还包括：亮度调整模块，用于确定所述新控件对应的控制开关指示修改亮度，调整所述新控件中对象的亮度；所述适配模块，还用于确定所述新控件对应的控制开关指示修改颜色，则获取所述目标模式对应的主题资源。

为实现上述目的，根据本发明实施例的再一方面，提供了一种电子设备。

本发明实施例的一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明实施例的一种页面适配方法。

为实现上述目的，根据本发明实施例的再一方面，提供了一种计算机可读介质。

本发明实施例的一种计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现本发明实施例的一种页面适配方法。

上述发明中的一个实施例具有如下优点或有益效果：在解析布局文件过程中，将原始控件替换为自定义的新控件，并在新控件中重写目标方法，进而在监听到切换事件时，执行新控件中重写的目标方法，实现了无侵入式的页面适配，不影响原代码，节约适配成本，同时可以适配不同操作系统和不同厂家的终端设备。

基于控件名称，把原始控件替换成对应的新控件，并在新控件中重写原始控件中用于设置背景色、文本颜色或者图片的方法，可以不改变原始布局文件和代码的情况下，将原始控件替换为自定义控件。根据原始控件的控件类型，重写对应的方法，实现颜色、图片的重新设置。

在重写布局控件或者视图控件的方法时，根据当前背景色查找色值库中对应的目标背景色，进而实现背景色的替换。在重写文本框控件的方法时，根据当前文本颜色查找色值库中对应的目标文本颜色，进而实现文本颜色的替换。在重写图像视图控件的方法时，根据当前图片查找图片库中对应的目标图片，进而实现图片替换，同时支持通过修改亮度实现适配。

在资源文件存在更新时，远程下载更新后的资源文件，无需跟随系统发版。通过在根布局控件设置控制开关，实现了对根布局控件中的对象，以及归属于根布局控件的子控件中对象的亮度和颜色的统一控制，灵活性好。

上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是根据本发明实施例的页面适配方法的主要步骤的示意图；

图2是根据本发明实施例的页面适配方法的主要流程示意图；

图3是本发明实施例的图片库所存储图片的示意图；

图4是本发明实施例的控件集合的结构示意图；

图5是本发明实施例的暗黑模式的适配结果示意图；

图6是本发明实施例的普通模式的适配结果示意图；

图7是本发明实施例的页面适配方法的架构图；

图8是本发明实施例的页面适配方法的时序图；

图9是根据本发明实施例的页面适配装置的主要模块的示意图；

图10是本发明实施例可以应用于其中的示例性系统架构图；

图11是适用于来实现本发明实施例的电子设备的计算机装置的结构示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

图1是根据本发明实施例的页面适配方法的主要步骤的示意图。

如图1所示，本发明实施例的页面适配方法，主要包括如下步骤：

步骤S101：解析当前打开的页面的布局文件，在解析过程中将所述布局文件的原始控件替换为新控件，使用所述新控件构建控件集合；其中，所述新控件中重写了所述原始控件的目标方法。

APP中一个页面通常对应有一个布局文件，并且在APP打开页面时，会解析该页面的布局文件，通过解析操作创建对应的控件，并组成控件集合。本实施例中，在解析布局文件过程中，需将布局文件中的原始控件替换为自定义的新控件，并在新控件中添加用于页面适配的业务逻辑。

业务逻辑的添加可以通过重写原始控件的目标方法实现。该目标方法为原始控件中用于设置背景色、文本颜色或者图片的方法。比如，文本框控件(TextView)中设置文本颜色需要使用setTextColor方法，则在对应的新控件中可以重写setTextColor方法。再比如，线性布局控件(LinearLayout)中设置背景色需要使用setBackgroudColor方法，则在对应的新控件中可以重写setBackgroudColor方法。

在重写目标方法时，需要判断切换事件指示的主题模式是否为目标模式，如果指示的主题模式为目标模式，则可以获取目标模式对应的主题资源；如果指示的主题模式为其他模式(非目标模式，比如普通模式)，则可以获取该模式对应的主题资源，以便后续使用获取的主题资源来渲染页面。

实施例中，主题模式可以包括普通模式、暗黑模式、跟随系统、护眼模式等多种模式，且APP默认为普通模式，目标模式可以为暗黑模式、跟随系统、护眼模式等。其中，跟随系统是指APP跟随操作系统切换自身主题。APP的主题是指用户界面的风格，包括字体颜色、图标样式等内容。主题资源是APP在用户界面显示不同主题模式所需要的背景色、文本颜色和图片等资源。

步骤S102：当监听到主题模式的切换事件时，将所述切换事件分发到所述控件集合中的新控件。APP的用户界面中设置有用于切换主题模式的开关，如果APP监听到用户手动修改开关状态、或者操作系统基于所处环境的亮度自动修改开关状态，即可生成切换事件。切换事件用于从当前模式切换到修改后的模式。在APP监听到切换事件后，可以以通知的方式将切换事件发送至控件集合中的新控件。

步骤S103：执行所述新控件中重写的目标方法，以确定所述切换事件指示的主题模式为目标模式，获取所述目标模式对应的主题资源，使用所述主题资源渲染页面。执行新控件中重写的目标方法即执行其中添加的用于页面适配的业务逻辑。

通过执行业务逻辑，来判断切换事件指示的主题模式是否为目标模式，如果指示的主题模式为目标模式，则获取目标模式对应的主题资源(包括目标背景色、目标文本颜色和目标图片中的一种或者多种)；如果指示的主题模式为其他模式，则可以获取该模式对应的主题资源。

使用获取的主题资源来渲染页面，即将为原始控件设置的当前背景色、当前文本颜色或者当前图片，对应替换为目标背景色、目标文本颜色、目标图片(或者调整亮度后的当前图片)，并绘制到页面。

图2是根据本发明实施例的页面适配方法的主要流程示意图。如图2所示，本发明实施例的页面适配方法，用于适配暗黑模式，主要包括如下步骤：

步骤S201：APP启动，打开页面，并监听主题模式的切换事件。实施例中，在用于切换主题模式的设置页面中可以设置暗黑模式开关和跟随系统开关。如果跟随系统开关为打开状态，则暗黑模式开关会失效，此时只有操作系统切换为暗黑模式时，APP才会切换为暗黑模式。如果跟随系统开关为关闭状态，暗黑模式开关为打开状态，则APP会切换为暗黑模式。如果跟随系统开关和暗黑模式开关均为关闭状态，则APP会切换为普通模式。

如果APP监听到用户手动修改两个开关的状态，或者操作系统基于所处环境的亮度自动修改两个开关的状态，即可生成切换事件。

步骤S202：使用自定义布局解析器解析页面的布局文件，在解析过程中将布局文件的原始控件替换为自定义的新控件，使用新控件构建控件集合。APP打开一个页面后，使用自定义布局解析器解析页面的布局文件。该自定义布局解析器用于将解析得到的原始控件替换为新控件，并在新控件中重写原始控件的目标方法，之后将新控件组成树形的控件集合。

具体地，确定布局文件中原始控件的控件名称，将控件名称替换为对应新控件的控件名称；之后在新控件中重写原始控件的目标方法，再将重写完成的新控件组成树形的控件集合。其中，目标方法可以是与切换主题模式相关的方法，比如设置背景色、设置文本的字体颜色、设置图片的方法。该处理使得无需修改原来的布局文件和代码，就可以将原始控件替换成自定义的新控件。

在将控件名称替换为对应新控件的控件名称时，可以使用选择语句，比如switchcase语句实现。当switch后面括号内“表达式”的值与某个case后面的“常量表达式”的值相等时，则执行此case后面的语句。如果在case语句后面加上break，则会跳出switch语句。

本实施例中，switch后的表达式为name，case后的常量表达式为原始控件的控件名称，比如LinearLayout、TextView、ImageView(图片视图控件)等。如果布局文件中当前解析到的控件名称等于常量表达式的控件名称，则将该控件名称替换为对应新控件的控件名称。

其中，新控件的控件名称可以在原始控件的控件名称中增加设定字串，比如在控件名称之前增加Skin。此时替换后的控件名称对应为SkinLinearLayout、SkinTextView、SkinImageView。

被重写的目标方法可以根据原始控件的类型确定。如果原始控件为布局控件(即用于屏幕布局的控件，比如帧布局控件Framelayout)或者视图控件(View)，则可以在新控件中重写原始控件中用于设置背景色的方法；如果原始控件为文本框控件，则可以在新控件中重写原始控件中用于设置文字颜色的方法；如果原始控件为图像视图控件，则可以在新控件中重写原始控件中用于设置图片的方法。

比如，布局文件中的原始控件包括Framelayout、TextView、ImageView这三个控件名称，则对应将其替换为SkinFrameLayout、SkinTextView、SkinImageView，在SkinFrameLayout中重写setBackgroudColor方法，在SkinTextView重写setTextColor方法，SkinImageView中重写setImageResource方法。

其中，FrameLayout用于屏幕布局，TextView用于显示文本，ImageView用于显示图像。setBackgroudColor方法用于设置背景色；setTextColor方法用于设置文本颜色；setImageResource方法用于从资源drawable中通过资源id找到文件转成可绘制对象drawable，然后绘制。

可以理解的是，上述被重写的目标方法仅是举例。实际应用时，可根据实际需求重写原始控件中与切换主题模式相关的任意方法。

在重写原始控件(包括布局控件和视图控件)中用于设置背景色的方法时，需实现的业务逻辑如下：判断切换事件指示的主题模式是否为暗黑模式，如果指示的主题模式为暗黑模式，则根据为原始控件设置的当前背景色，查找设定的色值库，得到对应的目标背景色，再将原始控件的背景色设置为目标背景色。

其中，色值库中存储普通模式下的颜色值，以及该颜色值对应的暗黑模式下的颜色值。实施例中，色值库存储的颜色值其格式可以为：{"#01BEB8"："#14CCC"}，其中，“：”之前是普通模式下的颜色值，“：”之后是暗黑模式下的颜色值。可以理解的是，该格式仅为示意，色值库中可以包含上述格式的多个颜色值对，且可以根据各页面所使用颜色分开配置暗黑模式下的颜色值。

在重写原始控件(即文本框控件)中用于设置文字颜色的方法时，需实现的业务逻辑如下：判断切换事件指示的主题模式是否为暗黑模式，如果指示的主题模式为暗黑模式，则根据为原始控件设置的当前文本颜色，查找设定的色值库，得到对应的目标文本颜色(即对应的暗黑颜色)，再将原始控件的文本颜色设置为目标文本颜色。

在重写原始控件(即图片视图控件)中用于设置图片的方法时，需实现的业务逻辑如下：判断切换事件指示的主题模式是否为暗黑模式，如果指示的主题模式为暗黑模式，则根据为图像视图控件设置的当前图片，查找设定的图片库；判断是否从图片库中查找到对应的目标图片(即暗黑图片)，如果查找到目标图片，则将原始控件的图片设置为目标图片；如果未查找到目标图片，则调整当前图片的图片亮度，将原始控件的图片设置为调整图片亮度后得到的图片。

由于APP中很多图片是通过图片链接加载的，图片库中并没有相对应的暗黑图片，此时可以将普通模式下的图片降低亮度得到暗黑图片。实施例中，可以将普通模式下图片的RGB三元色分别乘以相同的比例(比如0.5、0.3等)，将RGB三元色整体变暗，达到图片亮度降低的效果，此时即得到暗黑图片。还可以通过减小图片的亮度属性的取值，来得到暗黑图片。

另外，图片库中存储有普通模式和暗黑模式两套图片，且可以根据各页面所使用图片分开配置暗黑模式下的图片。图3是本发明实施例的图片库所存储图片的示意图。如图3所示，该图片库中各图片下方为对应的图片名称，图片名称中包含dark的图片为暗黑模式下的图片，图片名称中包含normal的图片为普通模式下的图片。另外，对于图片属于APP图标的情况，该图片库中还可以包括该图标被选中时的效果图。

可以理解的是，上述重写目标方法所需实现的业务逻辑中仅描述了暗黑模式下的处理，如果切换事件指示的主题模式为普通模式，获取普通资源即可，比如普通模式下的颜色值、图片等。

重写原始控件的目标方法之后，即可将新控件组成树形的控件集合。图4是本发明实施例的控件集合的结构示意图。如图4所示，通过自定义布局解析器解析布局文件后，构建了树形的控件集合。该控件集合中根节点SkinFrameLayout下包含SkinFrameLayout和SkinTextView两个子节点，子节点SkinFrameLayout包含SkinTextView和SkinImageView两个子节点。

步骤S203：当监听到主题模式的切换事件时，将切换事件分发到控件集合中的新控件。APP监听到主题模式的切换事件时，即监听到设置页面中两个开关(包括暗黑模式开关和跟随系统开关)的状态发生变化时，以通知的方式将切换事件分发到控件集合中的新控件。

步骤S204：通过执行新控件中重写的目标方法，判断切换事件指示的主题模式是否为暗黑模式，如果是暗黑模式，则执行步骤S205；如果是普通模式，则执行步骤S206。

步骤S205：从本地资源库获取暗黑模式对应的主题资源，使用获取的主题资源来渲染页面，结束本流程。本地资源库用于存储资源文件，包括色值库和图片库。比如，新控件为SkinTextView，则从色值库获取暗黑模式对应的颜色值；再比如新控件为SkinImageView，则从图片库获取暗黑模式对应的图片。在获取到新控件需要的主题资源后，使用该主题资源来渲染页面，即可在页面实现以暗黑模式显示的效果。

图5是本发明实施例的暗黑模式的适配结果示意图。如图5所示，第一个图标为首页图标(即图4的main_dark和main_normal图标)被选中后的效果图。“家庭医生”图标为图4的doctor_dark.png，“商城”图标为图4的store_dark.png，“我的”图标为图4的mine_dark.png。各图标均为图片库中暗黑模式下的图标，且文本颜色为黑色。

步骤S206：从本地资源库获取普通模式对应的主题资源，使用获取的主题资源来渲染页面，结束本流程。比如，新控件为SkinTextView，则从色值库获取普通模式对应的颜色值；再比如新控件为SkinImageView，则从图片库获取普通模式对应的图片。在获取到新控件需要的主题资源后，使用该主题资源来渲染页面，即可在页面实现以普通模式显示的效果。

图6是本发明实施例的普通模式的适配结果示意图。如图6所示，第一个图标为首页图标(即图4的main_dark和main_normal图标)被选中后的效果图。“家庭医生”图标为图4的doctor_normal.png，“商城”图标为图4的store_normal.png，“我的”图标为图4的mine_normal.png。各图标均为图片库中普通模式下的图标，且文本颜色为白色。

在一优选的实施例中，在APP启动后，判断资源文件(包括各主题模式对应的主题资源)是否存在更新，如果存在更新，则更新本地资源库；如果不存在更新，则不做处理。

具体地，APP发送资源文件请求至服务端，该资源文件请求包括资源文件标识和资源文件版本(后续称为第一版本)。服务端根据资源文件标识和第一版本，确定该资源文件标识对应的资源文件的更新情况，生成资源更新信息，并反馈至APP。APP接收到资源更新信息后，根据资源更新信息确定资源文件存在更新时，从服务端下载更新后的资源文件。

在确定资源文件的更新情况时，服务端需根据资源文件标识查找存储的资源文件版本(后续称为第二版本)，比较第一版本与第二版本的高低，如果第二版本高于第一版本，说明资源文件已更新；如果第二版本低于或等于第一版本，说明资源文件未更新。

本实施例实现了无侵入式的暗黑模式适配，暗黑模式的代码可以单独修改，不影响已有代码，减少了开发人员的编码时间和接入开发适配成本，降低代码修改的风险。同时颜色、图片等主题资源可远程更新下载，并且可以根据不同页面分开配置，无需跟随发版。其中，跟随发版是指APP更新版本时，需重新打包上传，用户下载新版本后才能使用新功能。

图7是本发明实施例的页面适配方法的架构图。图8是本发明实施例的页面适配方法的时序图。结合图7和图8可知，本发明实施例的页面适配方法由SkinManager(即图7的皮肤主题管理者)、SkinDarkLoder(即图7的主题资源加载器)、LaputaSkinLayoutInflater(即图7的自定义布局解析器)、BaseActivity、LaputaLayout和SkinView实现。下面进行详细说明。

APP初始化SkinManager，该初始化主要是进行配置，比如是否打印日志，是否访问测试接口等。

SkinManager添加SkinDarkLoder，进而可以控制该SkinDarkLoder。由于主题资源的加载方式可以有多种，比如本地加载、网络拉取等，SkinDarkLoder向SkinManager返回注册策略ASSETS，该注册策略即用于确定主题资源加载方式。

SkinDarkLoder主要用于在APP打开时，获取网络的主题资源，存储在本地并加载到内存里。

SkinManager添加LaputaSkinLayoutInflater，进而可以控制该LaputaSkinLayoutInflater。关联ApplicationContext是指将LaputaSkinLayoutInflater与ApplicationContext(应用前后关系)进行关联，便于LaputaSkinLayoutInflater使用ApplicationContext。

BaseActivity是用于实现用户界面的类，可以使用BaseActivity设置LaputaSkinLayoutInflater，还可以实现渲染布局的功能。关联Activity Context是指将LaputaSkinLayoutInflater与Activity Context关联。另外，BaseActivity在渲染布局时，由于此时未接收到主题切换的通知，在页面的渲染结果为普通模式对应的样式。

LaputaLayout是布局控件，可以设置用于修改亮度和颜色的控制开关的状态。SkinView是视图控件，可以根据其所属的根布局控件中设置的控制开关的状态，判断是否需要修改亮度和颜色。

LaputaSkinLayoutInflater用于解析布局文件(包括解析根布局和解析自定义View)，创建新控件(包括根布局控件和自定义View)，将新控件组成树形的控件集合。具体地，在布局文件中查找根节点，根据根节点，创建对应的根布局控件，之后遍历根布局控件下的子元素，将子元素对应的子控件添加到根布局控件，即形成树形的控件集合(即View集合)。

每个页面对应有根布局控件，根布局控件中设置有用于修改亮度和颜色的控制开关(可以用两个控制开关分别控制亮度和颜色的修改)。如果无需修改亮度和颜色，可以关闭控制开关，如果需要修改亮度和/或颜色，可以打开对应的控制开关。通过控制开关改变根布局控件的亮度、颜色后，归属于根布局控件的所有子控件均会对应修改亮度、颜色，灵活性好。

当APP监听到设置页面中两个开关的状态发生变化时，通过SkinManager向BaseActivity(对应当前打开的页面)发送主题切换的通知，BaseActivity再将该通知分发至所有的View。各View确定切换后的主题模式为暗黑模式后，获取暗黑模式的主题资源，设置暗黑模式的颜色和图片。

在一优选的实施例中，各View确定切换后的主题模式为暗黑模式后，对于用于显示图片的View，可以进一步确定该View对应的控制开关(即该View所属根布局控件的控制开关)指示修改亮度，则调整该View控件中图片的亮度。对于用于显示文本或者屏幕布局的View，可以进一步确定该View对应的控制开关指示修改颜色时，再获取暗黑颜色。

另外，图7中，布局解析工厂代理会使用自定义布局解析器生成各种自定义view。皮肤主题切换观察者主要用于接收设置页面中开关状态的变化通知。FloorHelper为底层辅助器，主要用来处理某一组view是否开启支持暗黑模式。BrightHelper为亮度辅助器，主要用来处理某个view修改亮度。ColorHelper为颜色辅助器，主要用来处理某个view的背景色或者文字颜色等颜色的处理。ImageHelper为图片辅助器，主要用来处理图片，即使用普通图片还是暗黑图片。

自定义View可以是SkinConstriantLayout(约束布局控件)、SkinFrameLayout(帧布局控件)、SkinLinearLayout(线性布局控件)、SkinRelativeLayout(相对布局控件)、SkinDraweeImageView(绘图视图控件)、SkinImageView(图像视图控件)、SkinTextView(文本框控件)、SkinView(视图控件)、SkinViewGroup(组视图控件)等。可以理解的是，上述自定义View仅为举例，可以根据实际需求增加或者减少自定义View。

通过本发明实施例的页面适配方法可以看出，暗黑模式的适配逻辑可以封装为软件开发工具包(Software Development Kit，SDK)单独修改，与其他业务逻辑充分解耦，使得开发人员只需要按业务逻辑开发即可，无需关心暗黑模式的适配逻辑。同时支持颜色、图片等的替换，也支持修改亮度实现暗黑模式的适配，节约适配成本。

图9是根据本发明实施例的页面适配装置的主要模块的示意图。

如图9所示，本发明实施例的页面适配装置900，主要包括：

解析模块901，用于解析当前打开的页面的布局文件，在解析过程中将所述布局文件的原始控件替换为新控件，使用所述新控件构建控件集合；其中，所述新控件中重写了所述原始控件的目标方法。

APP中一个页面通常对应有一个布局文件，并且在APP打开页面时，会解析该页面的布局文件，通过解析操作创建对应的控件，并组成控件集合。本实施例中，在解析布局文件过程中，需将布局文件中的原始控件替换为自定义的新控件，并在新控件中添加用于页面适配的业务逻辑。

业务逻辑的添加可以通过重写原始控件的目标方法实现。该目标方法为原始控件中用于设置背景色、文本颜色或者图片的方法。在重写目标方法时，需要判断切换事件指示的主题模式是否为目标模式，如果指示的主题模式为目标模式，则可以获取目标模式对应的主题资源；如果指示的主题模式为其他模式，则可以获取该模式对应的主题资源，以便后续使用获取的主题资源来渲染页面。

分发模块902，用于当监听到主题模式的切换事件时，将所述切换事件分发到所述控件集合中的新控件。APP的用户界面中设置有用于切换主题模式的开关，如果APP监听到用户手动修改开关状态、或者操作系统基于所处环境的亮度自动修改开关状态，即可生成切换事件。切换事件用于从当前模式切换到修改后的模式。在APP监听到切换事件后，可以以通知的方式将切换事件发送至控件集合中的新控件。

适配模块903，用于执行所述新控件中重写的目标方法，以确定所述切换事件指示的主题模式为目标模式，获取所述目标模式对应的主题资源，使用所述主题资源渲染页面。执行新控件中重写的目标方法即执行其中添加的用于页面适配的业务逻辑。

通过执行业务逻辑，来判断切换事件指示的主题模式是否为目标模式，如果指示的主题模式为目标模式，则获取目标模式对应的主题资源(包括目标背景色、目标文本颜色和目标图片中的一种或者多种)；如果指示的主题模式为其他模式，则可以获取该模式对应的主题资源。

使用获取的主题资源来渲染页面，即将为原始控件设置的当前背景色、当前文本颜色或者当前图片，对应替换为目标背景色、目标文本颜色、目标图片(或者调整亮度后的当前图片)，并绘制到页面。

另外，本发明实施例的页面适配装置900还可以包括：更新模块和亮度调整模块(图9中未示出)。其中，更新模块，用于发送资源文件请求至服务端，以使所述服务端根据所述资源文件请求中携带的资源文件标识和资源文件版本，确定对应资源文件的更新情况，生成资源更新信息；其中，所述资源文件包括所述目标模式对应的主题资源；接收来自于所述服务端的资源更新信息，确定所述资源文件存在更新，下载更新后的资源文件。亮度调整模块，用于确定所述新控件对应的控制开关指示修改亮度，调整所述新控件中对象的亮度。

从以上描述可以看出，在解析布局文件过程中，将原始控件替换为自定义的新控件，并在新控件中重写目标方法，进而在监听到切换事件时，执行新控件中重写的目标方法，实现了无侵入式的页面适配，不影响原代码，节约适配成本，同时可以适配不同操作系统和不同厂家的终端设备。

图10示出了可以应用本发明实施例的页面适配方法或页面适配装置的示例性系统架构1000。

如图10所示，系统架构1000可以包括终端设备1001、1002、1003，网络1004和服务器1005。网络1004用以在终端设备1001、1002、1003和服务器1005之间提供通信链路的介质。网络1004可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备1001、1002、1003通过网络1004与服务器1005交互，以接收或发送消息等。终端设备1001、1002、1003上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。

终端设备1001、1002、1003可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器1005可以是提供各种服务的服务器，例如对用户利用终端设备1001、1002、1003发送的资源文件请求进行处理的后台管理服务器。后台管理服务器可以确定资源文件的更新情况，生成资源更新信息，并将资源更新信息反馈给终端设备。

需要说明的是，本申请实施例所提供的页面适配方法一般由终端设备1001、1002、1003执行，相应地，页面适配装置一般设置于终端设备1001、1002、1003中。

应该理解，图10中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

根据本发明的实施例，本发明还提供了一种电子设备和一种计算机可读介质。

本发明的电子设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明实施例的一种页面适配方法。

本发明的计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现本发明实施例的一种页面适配方法。

下面参考图11，其示出了适用于来实现本发明实施例的电子设备的计算机系统1100的结构示意图。图11示出的电子设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图11所示，计算机系统1100包括中央处理单元(CPU)1101，其可以根据存储在只读存储器(ROM)1102中的程序或者从存储部分1108加载到随机访问存储器(RAM)1103中的程序而执行各种适当的动作和处理。在RAM 1103中，还存储有计算机系统1100操作所需的各种程序和数据。CPU 1101、ROM 1102以及RAM 1103通过总线1104彼此相连。输入/输出(I/O)接口1105也连接至总线1104。

以下部件连接至I/O接口1105：包括键盘、鼠标等的输入部分1106；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分1107；包括硬盘等的存储部分1108；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分1109。通信部分1109经由诸如因特网的网络执行通信处理。驱动器1110也根据需要连接至I/O接口1105。可拆卸介质1111，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器1110上，以便于从其上读出的计算机程序根据需要被安装入存储部分1108。

特别地，根据本发明公开的实施例，上文主要步骤图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行主要步骤图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分1109从网络上被下载和安装，和/或从可拆卸介质1111被安装。在该计算机程序被中央处理单元(CPU)1101执行时，执行本发明的系统中限定的上述功能。

需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括解析模块、分发模块和适配模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，解析模块还可以被描述为“解析当前打开的页面的布局文件，在解析过程中将所述布局文件的原始控件替换为新控件，使用所述新控件构建控件集合的模块”。

作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：解析当前打开的页面的布局文件，在解析过程中将所述布局文件的原始控件替换为新控件，使用所述新控件构建控件集合；其中，所述新控件中重写了所述原始控件的目标方法；当监听到主题模式的切换事件时，将所述切换事件分发到所述控件集合中的新控件；执行所述新控件中重写的目标方法，以确定所述切换事件指示的主题模式为目标模式，获取所述目标模式对应的主题资源，使用所述主题资源渲染页面。

根据本发明实施例的技术方案，在解析布局文件过程中，将原始控件替换为自定义的新控件，并在新控件中重写目标方法，进而在监听到切换事件时，执行新控件中重写的目标方法，实现了无侵入式的页面适配，不影响原代码，节约适配成本，同时可以适配不同操作系统和不同厂家的终端设备。

上述产品可执行本发明实施例所提供的方法，具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本发明实施例所提供的方法。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (11)

1.一种页面适配方法，其特征在于，包括：

解析当前打开的页面的布局文件，在解析过程中将所述布局文件的原始控件替换为新控件，使用所述新控件构建控件集合；其中，所述新控件中重写了所述原始控件的目标方法；

当监听到主题模式的切换事件时，将所述切换事件分发到所述控件集合中的新控件；

执行所述新控件中重写的目标方法，以确定所述切换事件指示的主题模式为目标模式，获取所述目标模式对应的主题资源，使用所述主题资源渲染页面。

2.根据权利要求1所述的方法，其特征在于，所述将所述布局文件的原始控件替换为新控件，包括：

确定所述布局文件中原始控件的控件名称，将所述控件名称替换为对应新控件的控件名称；

在所述新控件中重写所述原始控件的目标方法；其中，所述目标方法用于设置背景色、文本颜色或者图片。

3.根据权利要求2所述的方法，其特征在于，所述在所述新控件中重写所述原始控件的目标方法，包括：

如果所述原始控件为布局控件或者视图控件，则在所述新控件中重写所述原始控件中用于设置背景色的方法；

如果所述原始控件为文本框控件，则在所述新控件中重写所述原始控件中用于设置文字颜色的方法；

如果所述原始控件为图像视图控件，则在所述新控件中重写所述原始控件中用于设置图片的方法。

4.根据权利要求3所述的方法，其特征在于，所述重写所述原始控件中用于设置背景色的方法，包括：

确定所述切换事件指示的主题模式为所述目标模式，根据为所述原始控件设置的当前背景色，查找设定的色值库，得到对应的目标背景色；

将所述原始控件的背景色设置为所述目标背景色。

5.根据权利要求3所述的方法，其特征在于，所述重写所述原始控件中用于设置文字颜色的方法，包括：

确定所述切换事件指示的主题模式为所述目标模式，根据为所述原始控件设置的当前文本颜色，查找设定的色值库，得到对应的目标文本颜色；

将所述原始控件的文本颜色设置为所述目标文本颜色。

6.根据权利要求3所述的方法，其特征在于，所述重写所述原始控件中用于设置图片的方法，包括：

确定所述切换事件指示的主题模式为所述目标模式，根据为所述原始控件设置的当前图片，查找设定的图片库；

判断是否从所述图片库中查找到对应的目标图片，如果查找到所述目标图片，则将所述原始控件的图片设置为所述目标图片；

如果未查找到所述目标图片，则调整所述当前图片的图片亮度，将所述原始控件的图片设置为调整亮度后所得的图片。

7.根据权利要求1所述的方法，其特征在于，所述方法还包括：

发送资源文件请求至服务端，以使所述服务端根据所述资源文件请求中携带的资源文件标识和资源文件版本，确定对应资源文件的更新情况，生成资源更新信息；其中，所述资源文件包括所述目标模式对应的主题资源；

接收来自于所述服务端的资源更新信息，确定所述资源文件存在更新，下载更新后的资源文件。

8.根据权利要求1至7的任一项所述的方法，其特征在于，所述解析当前打开的页面的布局文件，包括：

在当前打开的页面的布局文件中查找根节点，根据所述根节点，创建对应的根布局控件；其中，所述根布局控件中设置有用于修改亮度和颜色的控制开关；

遍历所述根布局控件下的子元素，将所述子元素对应的子控件添加到所述根布局控件；

所述确定所述切换事件指示的主题模式为目标模式的步骤之后，所述方法还包括：确定所述新控件对应的控制开关指示修改亮度，调整所述新控件中对象的亮度；

所述获取所述目标模式对应的主题资源，包括：确定所述新控件对应的控制开关指示修改颜色，则获取所述目标模式对应的主题资源。

9.一种页面适配装置，其特征在于，包括：

解析模块，用于解析当前打开的页面的布局文件，在解析过程中将所述布局文件的原始控件替换为新控件，使用所述新控件构建控件集合；其中，所述新控件中重写了所述原始控件的目标方法；

分发模块，用于当监听到主题模式的切换事件时，将所述切换事件分发到所述控件集合中的新控件；

适配模块，用于执行所述新控件中重写的目标方法，以确定所述切换事件指示的主题模式为目标模式，获取所述目标模式对应的主题资源，使用所述主题资源渲染页面。

10.一种电子设备，其特征在于，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-8中任一所述的方法。

11.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-8中任一所述的方法。

Images