CN111651113B - 页面展示方法、装置、设备及存储介质 - Google Patents
页面展示方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN111651113B CN111651113B CN202010684518.7A CN202010684518A CN111651113B CN 111651113 B CN111651113 B CN 111651113B CN 202010684518 A CN202010684518 A CN 202010684518A CN 111651113 B CN111651113 B CN 111651113B
- Authority
- CN
- China
- Prior art keywords
- control
- target page
- control data
- language environment
- layout
- 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
- 238000000034 method Methods 0.000 title claims abstract description 55
- 238000006243 chemical reaction Methods 0.000 claims abstract description 33
- 238000004590 computer program Methods 0.000 claims description 25
- 230000008569 process Effects 0.000 claims description 19
- 230000004044 response Effects 0.000 claims description 6
- 230000009466 transformation Effects 0.000 claims description 4
- 238000010586 diagram Methods 0.000 description 9
- 230000006870 function Effects 0.000 description 9
- 230000000694 effects Effects 0.000 description 8
- 238000001514 detection method Methods 0.000 description 4
- 238000004891 communication Methods 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 230000001154 acute effect Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002441 reversible effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- 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
-
- 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
- G06F9/454—Multi-language systems; Localisation; Internationalisation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种页面展示方法、装置、设备及存储介质，属于信息技术领域。所述方法包括：获取目标页面的语言环境；若该语言环境满足控件调整条件，则获取该目标页面包括的各个控件的控件数据，该控件数据包括控件图片；对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在该目标页面中的布局位置进行位置变换处理，得到处理后的各控件数据；基于该处理后的各控件数据，对该目标页面进行展示。本申请实施例提供的技术方案能够在照顾到用户各种不同的阅读习惯的前提下，降低软件开销。
Description
技术领域
本申请涉及信息技术领域，特别是涉及一种页面展示方法、装置、设备及存储介质。
背景技术
世界范围内存在着多种类型的语言，其中，使用不同类型语言的用户的阅读习惯很可能并不相同，为了照顾用户不同的阅读习惯，应用程序中页面的控件布局方式需要根据用户的阅读习惯进行相应的适配。
相关技术中，技术人员需要针对不同的语言开发不同的页面，其中，针对某一语言开发的页面的控件布局方式与使用该语言的用户的阅读习惯相适配，终端设备可以根据用户使用的语言，从开发的多个页面中选择一个页面进行展示，这样，就可以保证照顾到用户的各种不同的阅读习惯。
然而，针对不同语言开发不同页面的方式的软件开销较大。
发明内容
基于此，本申请实施例提供了一种页面展示方法、装置、设备及存储介质，可以在照顾到用户各种不同的阅读习惯的前提下，降低软件开销。
第一方面，提供了一种页面展示方法，该方法包括：
获取目标页面的语言环境；若该语言环境满足控件调整条件，则获取该目标页面包括的各个控件的控件数据，该控件数据包括控件图片；对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在该目标页面中的布局位置进行位置变换处理，得到处理后的各控件数据；基于该处理后的各控件数据，对该目标页面进行展示。
在其中一个实施例中，对各控件数据的控件图片进行旋转处理，包括：对各控件数据的控件图片进行水平镜像旋转处理。
在其中一个实施例中，对各控件数据的控件图片在该目标页面中的布局位置进行位置变换处理，包括：将各控件数据的控件图片在该目标页面中的布局位置由该目标页面的一侧转换至该目标页面相对的另一侧。
在其中一个实施例中，若该语言环境满足控件调整条件，则获取该目标页面包括的各个控件的控件数据之前，该方法还包括：检测该语言环境与该目标页面的控件布局方式是否匹配；若该语言环境与该目标页面的控件布局方式不匹配，则确定该语言环境满足该控件调整条件。
在其中一个实施例中，检测该语言环境与该目标页面的控件布局方式是否匹配，包括：获取该语言环境对应的默认控件布局方式，该默认控件布局方式与该语言环境中文字的书写方向相适应，该书写方向包括从右至左的方向和从左至右的方向；若该目标页面的控件布局方式与该默认控件布局方式不一致，则确定该语言环境与该目标页面的控件布局方式不匹配。
在其中一个实施例中，获取目标页面的语言环境，包括：在检测到对该目标页面所属应用的启动操作后，获取该目标页面的语言环境；或者，在展示该目标页面的过程中，若检测到语言环境切换指令，则在响应于该语言环境切换指令对语言环境进行切换之后，获取该目标页面的语言环境。
在其中一个实施例中，对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在该目标页面中的布局位置进行位置变换处理，包括：接收服务器发送的处理脚本；通过该处理脚本，对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在该目标页面中的布局位置进行位置变换处理。
第二方面，提供了一种页面展示装置，该页面展示装置包括：
第一获取模块，用于获取目标页面的语言环境；
第二获取模块，用于若该语言环境满足控件调整条件，则获取该目标页面包括的各个控件的控件数据，该控件数据包括控件图片；
处理模块，用于对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在该目标页面中的布局位置进行位置变换处理，得到处理后的各控件数据；
展示模块，用于基于该处理后的各控件数据，对该目标页面进行展示。
在其中一个实施例中，该处理模块，具体用于：对各控件数据的控件图片进行水平镜像旋转处理。
在其中一个实施例中，该处理模块，具体用于：将各控件数据的控件图片在该目标页面中的布局位置由该目标页面的一侧转换至该目标页面相对的另一侧。
在其中一个实施例中，该装置还包括检测模块和确定模块。
其中，该检测模块，用于检测该语言环境与该目标页面的控件布局方式是否匹配；
该确定模块，用于若该语言环境与该目标页面的控件布局方式不匹配，则确定该语言环境满足该控件调整条件。
在其中一个实施例中，该检测模块，具体用于：获取该语言环境对应的默认控件布局方式，该默认控件布局方式与该语言环境中文字的书写方向相适应，该书写方向包括从右至左的方向和从左至右的方向；若该目标页面的控件布局方式与该默认控件布局方式不一致，则确定该语言环境与该目标页面的控件布局方式不匹配。
在其中一个实施例中，该第一获取模块，具体用于：在检测到对该目标页面所属应用的启动操作后，获取该目标页面的语言环境；或者，在展示该目标页面的过程中，若检测到语言环境切换指令，则在响应于该语言环境切换指令对语言环境进行切换之后，获取该目标页面的语言环境。
在其中一个实施例中，该处理模块，具体用于：接收服务器发送的处理脚本；通过该处理脚本，对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在该目标页面中的布局位置进行位置变换处理。
第三方面，提供了一种计算机设备，包括存储器和处理器，该存储器存储有计算机程序，该计算机程序被该处理器执行时实现如上述第一方面任一所述的页面展示方法。
第四方面，提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述第一方面任一所述的页面展示方法。
本申请实施例提供的技术方案带来的有益效果至少包括：
通过获取目标页面的语言环境，并在该语言环境满足控件调整条件时，获取目标页面包括的各个控件的控件数据，其中，该控件数据包括控件图片，而后，对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在目标页面中的布局位置进行位置变换处理，从而得到处理后的各控件数据，接着，基于该处理后的各控件数据，对目标页面进行展示，这样，在本申请实施例提供的技术方案中，终端可以基于目标页面的语言环境，对控件图片进行旋转处理以及对控件图片在目标页面中的位置进行位置变换处理，使得处理后的控件图片以及控件图片在目标页面中的位置可以与该语言环境中的用户的阅读习惯相适配，因此，只需要开发出目标页面，并在后续步骤中根据目标页面的语言环境对该目标页面的控件数据中的控件图片进行处理，即可照顾到不同语言环境中的用户的阅读习惯，而不需要针对不同的语言开发不同的页面，因此，可以降低软件开销。
附图说明
图1为本申请实施例涉及到的一种终端的框图；
图2为本申请实施例提供的一种页面展示方法的流程图；
图3为本申请实施例提供的一种对控件数据进行处理之前目标页面的示例性的展示效果图；
图4为本申请实施例提供的一种对控件数据进行处理之后目标页面的示例性的展示效果图；
图5为本申请实施例提供的一种示例性的检测目标页面的语言环境是否满足控件调整条件的技术过程的流程图；
图6为本申请实施例提供的一种页面展示装置的框图；
图7为本申请实施例提供的另一种页面展示装置的框图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。
在世界范围内存在着多种类型的语言，例如，中文、日语、英语以及阿拉伯语等，其中，使用不同类型语言的用户的阅读习惯很可能并不相同。例如，由于中文、日语以及英语的文字书写方向均为由左至右的方向，因此，使用中文、日语以及英语的用户在阅读时习惯由左至右进行阅读，由于阿拉伯语的文字书写方向为由右至左的方向，因此，使用阿拉伯语的用户在阅读时习惯由右至左进行阅读。
通常情况下，为了照顾用户不同的阅读习惯，应用程序中页面的控件布局方式需要根据不同的阅读习惯进行相应的适配。例如，为了照顾使用中文、英语以及日语等语言的用户的阅读习惯，可以将返回键设置在页面的左上角，可以将选择键设置在页面的右侧，而为了照顾使用阿拉伯语等语言的用户的阅读习惯，可以将返回键设置在页面的右上角，可以将选择键设置在页面的左侧。
相关技术中，技术人员可以针对不同的语言开发不同的页面，其中，针对某一语言开发的页面的控件布局方式与使用该语言的用户的阅读习惯相适配。例如，技术人员可以针对中文、日语和英语等语言开发页面A，在该页面A中，返回键设置在左上角，选择键设置在右侧，技术人员可以针对阿拉伯语开发页面B，在该页面B中，返回键设置在右上角，选择键设置在左侧。终端设备可以根据用户使用的语言，从技术人员开发的多个页面中选择一个页面进行展示，这样，就可以保证照顾到用户的各种不同的阅读习惯。然而，针对不同语言开发不同页面的方式软件开销较大。
有鉴于此，本申请实施例提供了一种页面展示方法，该页面展示方法可以在照顾到用户各种不同的阅读习惯的前提下，降低软件开销。在该页面展示方法中，终端可以获取目标页面的语言环境，并在该语言环境满足控件调整条件时，获取目标页面包括的各个控件的控件数据，其中，该控件数据包括控件图片，而后，终端可以对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在目标页面中的布局位置进行位置变换处理，从而得到处理后的各控件数据，接着，终端可以基于该处理后的各控件数据，对目标页面进行展示，这样，在本申请实施例提供的技术方案中，终端可以基于目标页面的语言环境，对控件图片进行旋转处理以及对控件图片在目标页面中的位置进行位置变换处理，使得处理后的控件图片以及控件图片在目标页面中的位置可以与该语言环境中的用户的阅读习惯相适配，因此，只需要开发出目标页面，并在后续步骤中根据目标页面的语言环境对该目标页面的控件数据中的控件图片进行处理，即可照顾到不同语言环境中的用户的阅读习惯，而不需要针对不同的语言开发不同的页面，因此，可以降低软件开销。
本申请实施例提供的页面展示方法可以应用于终端中，其中，终端可以为个人计算机、笔记本电脑、媒体播放器、智能电视、智能手机、平板电脑和便携式可穿戴设备等电子设备，本申请实施例对此不作具体限定。
请参考图1，其示出了本申请实施例提供的一种终端的框图，如图1所示，终端可以包括通过系统总线连接的处理器和存储器。其中，该终端的处理器用于提供计算和控制能力。该终端的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序以及数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机程序被处理器执行时以实现一种页面展示方法。
本领域技术人员可以理解，图1中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的终端的限定，具体的终端可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
请参考图2，其示出了本申请实施例提供的一种页面展示方法的流程图，该页面展示方法可以应用于终端中。如图2所示，该页面展示方法可以包括以下步骤：
步骤201、终端获取目标页面的语言环境。
其中，目标页面可以是应用程序中的页面，这里的应用程序应该做广义的理解，其可以包括系统应用程序以及非系统应用程序，其中，系统应用程序是用于提供系统服务的应用程序，非系统应用程序可以是视频播放程序、音频播放程序以及即时通信应用程序等应用程序。
目标页面的语言环境指的是目标页面中的文字的语言类型，例如，目标页面的语言环境可以为英语、中文、日语以及阿拉伯语等。
在本申请的一个可选的实施例中，终端可以在检测到对目标页面所属应用程序的启动操作后，执行获取目标页面的语言环境的技术过程，例如，目标页面可以为即时通信应用程序中的页面，当终端检测到用户对该即时通信应用程序的应用图标的触发操作后，就可以执行获取目标页面的语言环境的技术过程。
在本申请的另一个可选的实施例中，考虑到用户很可能在展示目标页面的过程中切换语言环境，例如，在展示目标页面的过程中，用户可以打开语言设置界面，基于该语言设置界面用户可以将目标页面的语言环境由A语言环境切换为B语言环境，因此，可选的，终端可以在展示目标页面的过程中，在检测到语言环境切换指令的情况下，对该语言切换指令进行响应，以切换目标页面的语言环境，在对目标页面的语言环境切换之后，终端可以执行获取目标页面的语言环境的技术过程。
在本申请的可选实施例中，终端对语言切换指令进行响应，切换了目标页面的语言环境之后，终端可以重启目标页面所属的应用程序，这样，可以给用户提供更加流畅的语言环境切换效果。
下面，本申请实施例将提供几种示例性地获取目标页面的语言环境的实现方式。
第一种实现方式、终端获取自身的国家码，并将国家码对应的地区的通用语言确定为目标页面的语言环境，例如，终端的国家码对应的地区为中国大陆，则终端可以将中国大陆的通用语言中文确定为目标页面的语言环境。
第二种实现方式、终端获取自身操作系统的语言环境，并将自身操作系统的语言环境确定为目标页面的语言环境。通常情况下，页面的语言环境往往和操作系统的语言环境保持一致，因此，在第二种可能的实现方式中，终端可以将操作系统的语言环境作为目标页面的语言环境。
第三种实现方式、终端获取自身所处的地理位置，并将自身所处的地理位置所在的地区的通用语言确定为目标页面的语言环境。可选的，终端可以通过GPS等定位组件对自身的位置进行定位，从而得到自身所处的地理位置，而后，终端可以将自身所处的地理位置所在的地区的通用语言确定为目标页面的语言环境。
第四种实现方式、终端可以监听操作系统的广播信息以及目标页面所属应用程序的广播信息，若监听到的广播信息指示目标页面的语言环境由第一语言环境切换为第二语言环境，则终端可以将第二语言环境作为目标页面的语言环境。
第五种实现方式、终端可以在由一个地区漫游至另一个地区时，向该另一个地区的通信运营商服务器发送注册信息，通信运营商服务器在接收到该注册信息之后，可以向终端返回地区语言信息，该地区语言信息用于指示终端所在的地区的通用语言，终端可以基于该地区语言信息的指示，确定目标页面的语言环境。
步骤202、若目标页面的语言环境满足控件调整条件，则终端获取目标页面包括的各个控件的控件数据。
其中，控件调整条件为目标页面当前的控件布局方式与目标页面的语言环境中用户的阅读习惯不相适配的条件。换句话说，当目标页面的语言环境满足控件调整条件，就说明目标页面当前的控件布局方式与目标页面的语言环境中用户的阅读习惯不相适配。在这种情况下，终端可以获取目标页面包括的各个控件的控件数据，其中，控件数据包括控件图片以及控件图片的属性信息，该属性信息包括控件图片在目标页面中的布局位置、控件图片的透明度以及与控件图片绑定的点击事件等。
在后续步骤中，终端可以对获取到的各控件的控件数据进行处理，从而使得处理后的目标页面的控件布局方式能够与目标页面的语言环境中用户的阅读习惯相适配。
步骤203、终端对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在目标页面中的布局位置进行位置变换处理，得到处理后的各控件数据。
可选的，在本申请的一个实施例中，服务器可以向终端下发脚本，终端可以通过服务器下发的脚本对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在目标页面中的布局位置进行位置变换处理。当然，终端本地可以存储有脚本，终端可以通过本地存储的脚本对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在目标页面中的布局位置进行位置变换处理。
在实际应用中，文字的书写方向一般只有由左至右和由右至左两种，因此，用户的阅读习惯也只有从左至右和从右至左两种，因此，若目标页面的语言环境满足控件调整条件，也即是，若目标页面当前的控件布局方式与目标页面的语言环境中用户的阅读习惯不相适配，则终端可以将目标页面中各控件图片进行左右颠倒处理，这样，就可以保证处理后的目标页面的控件布局方式能够与目标页面的语言环境中用户的阅读习惯相适配。
在本申请的一个可选实施例中，终端可以对各控件数据的控件图片进行水平镜像旋转处理。例如，控件图片可以为一指向左侧的箭头，通过对该控件图片进行水平镜像旋转处理之后，控件图片变为一指向右侧的箭头。
其中，水平镜像旋转指的是将图片的左右部分以图片垂直中轴线为中心进行镜像对换。例如，对于一个锐角三角形而言，假设其角A为30°位于图片的左侧，其角B为60°位于图片的右侧，角C为直角位于图片的上侧，经过水平镜像旋转之后，角B被旋转到了图片的左侧，角A被旋转到了图片的右侧，角C仍然位于图片的上侧。
在本申请实施例中，终端可以调用rotation函数来实现对控件图片的水平镜像旋转处理，其中，rotation函数可以实现使图片相对于一条轴线进行旋转的功能，也可以实现使图片相对于1个点进行旋转的功能，可选的，在本申请实施例中，终端可以调用rotation函数使各控件图片相对于各控件图片的垂直中轴线进行镜像旋转，从而实现对各控件图片的水平镜像旋转处理。
当然，在本申请实施例中，终端还可以调用其他的函数或者功能接口实现对各控件图片的水平旋转镜像处理，或者，终端还可以将控件图片发送至服务器，由服务器对各控件图片进行水平镜像旋转处理，本申请实施例对此不作具体限定。
可选的，终端在对各控件图片进行水平镜像旋转处理之前，可以获取各控件数据中与各控件图片相对应的属性参数，终端可以基于获取到的属性参数判断各控件图片是否为轴对称图片，对于轴对称的控件图片而言，终端可以不进行水平镜像旋转处理，这样，可以节约终端的计算资源。
在本申请的一个可选实施例中，终端可以将各控件数据的控件图片在目标页面中的布局位置由目标页面的一侧转换至目标页面相对的另一侧。例如，终端可以将控件图片由目标页面的左侧转换至目标页面的右侧，或者，终端可以将控件图片由目标页面的右侧转换至目标页面的左侧。
实际应用中，控件数据可以包括控件图片的位置参数，该位置参数可以指示控件图片在目标页面中的坐标位置。在本申请的可选实施例中，终端可以获取该位置参数，并按照预设转换函数对该位置参数进行转换处理，其中，该预设转换函数用于将目标页面中的坐标位置由目标页面的一侧转换至目标页面的另一侧，例如，该预设转换函数可以将控件图片在目标页面的图像坐标系中x轴的坐标值与预设值相加，这样，控件图片在目标页面中的坐标位置就可以由目标页面的左侧转换至目标页面的右侧。需要指出的是，本申请实施例对预设转换函数的形式不作具体限定。
可选的，若控件图片位于目标页面的预设区域之内，则终端可以不对控件图片在目标页面中的布局位置进行转换处理，其中，该预设区域可以为目标页面的中心区域。
可选的，控件数据中可以包括控件图片的属性参数，该属性参数可以指示控件图片的阅读属性，该阅读属性用于指示在用户的不同阅读习惯中，控件图片在目标页面中的布局位置是否相同，对于阅读属性指示在用户的不同阅读习惯中控件图片在目标页面中的布局位置相同的控件图片，终端可以不对其在目标页面中的布局位置进行转换处理，这样，可以节约终端的计算资源。
步骤204、终端基于处理后的各控件数据，对目标页面进行展示。
请参考图3和图4，其分别示出了对控件数据进行处理之前目标页面的展示效果以及对控件数据处理之后目标页面的展示效果。由图3和图4可知，在对控件数据处理的过程中，控件图片经过了水平镜像旋转处理，控件图片在目标页面中的布局位置由目标页面的右侧转换至目标页面的左侧。
本申请实施例提供的页面展示方法，通过获取目标页面的语言环境，并在该语言环境满足控件调整条件时，获取目标页面包括的各个控件的控件数据，其中，该控件数据包括控件图片，而后，对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在目标页面中的布局位置进行位置变换处理，从而得到处理后的各控件数据，接着，基于该处理后的各控件数据，对目标页面进行展示，这样，在本申请实施例提供的技术方案中，终端可以基于目标页面的语言环境，对控件图片进行旋转处理以及对控件图片在目标页面中的位置进行位置变换处理，使得处理后的控件图片以及控件图片在目标页面中的位置可以与该语言环境中的用户的阅读习惯相适配，因此，只需要开发出目标页面，并在后续步骤中根据目标页面的语言环境对该目标页面的控件数据中的控件图片进行处理，即可照顾到不同语言环境中的用户的阅读习惯，而不需要针对不同的语言开发不同的页面，因此，可以降低软件开销。
请参考图5，其示出了本申请实施例提供的一种示例性的检测目标页面的语言环境是否满足控件调整条件的技术过程，如图5所示，该技术过程可以包括以下步骤：
步骤301、终端检测目标页面的语言环境与目标页面的控件布局方式是否匹配。
在本申请的可选实施例中，终端可以获取语言环境对应的默认控件布局方式，其中，该默认控件布局方式与目标页面的语言环境中文字的书写方向相适应，其中，该书写方向包括从右至左的方向和从左至右的方向。若目标页面的控件布局方式与默认控件布局方式不一致，则终端就可以确定目标页面的语言环境与目标页面的控件布局方式不匹配。
步骤302、若目标页面的语言环境与目标页面的控件布局方式不匹配，则终端可以确定目标页面的语言环境满足控件调整条件。
请参考图6，其示出了本申请实施例提供的一种页面展示装置400的框图，该页面展示装置400可以配置于终端中。如图6所示，该页面展示装置400可以包括：第一获取模块401、第二获取模块402、处理模块403以及展示模块404。
其中，该第一获取模块401，用于获取目标页面的语言环境。
该第二获取模块402，用于若该语言环境满足控件调整条件，则获取该目标页面包括的各个控件的控件数据，该控件数据包括控件图片。
该处理模块403，用于对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在该目标页面中的布局位置进行位置变换处理，得到处理后的各控件数据。
该展示模块404，用于基于该处理后的各控件数据，对该目标页面进行展示。
在本申请的一个可选实施例中，该处理模块403，具体用于：对各控件数据的控件图片进行水平镜像旋转处理。
在本申请的一个可选实施例中，该处理模块403，具体用于：将各控件数据的控件图片在该目标页面中的布局位置由该目标页面的一侧转换至该目标页面相对的另一侧。
在本申请的一个可选实施例中，该处理模块403，具体用于：接收服务器发送的处理脚本；通过该处理脚本，对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在该目标页面中的布局位置进行位置变换处理。
在本申请的一个可选实施例中，该第一获取模块401，具体用于：在检测到对该目标页面所属应用的启动操作后，获取该目标页面的语言环境；或者，在展示该目标页面的过程中，若检测到语言环境切换指令，则在响应于该语言环境切换指令对语言环境进行切换之后，获取该目标页面的语言环境。
请参考图7，其示出了本申请实施例提供的另一种页面展示装置500的框图，该页面展示装置500除了包括页面展示装置400包括的各个模块外，可选的，还包括检测模块405以及确定模块406。
其中，该检测模块405，用于检测该语言环境与该目标页面的控件布局方式是否匹配。
该确定模块406，用于若该语言环境与该目标页面的控件布局方式不匹配，则确定该语言环境满足该控件调整条件。
在本申请的一个可选实施例中，该检测模块405，具体用于：获取该语言环境对应的默认控件布局方式，该默认控件布局方式与该语言环境中文字的书写方向相适应，该书写方向包括从右至左的方向和从左至右的方向；若该目标页面的控件布局方式与该默认控件布局方式不一致，则确定该语言环境与该目标页面的控件布局方式不匹配。
本申请实施例提供的页面展示装置，可以实现上述方法实施例，其实现原理和技术效果类似，在此不再赘述。
关于页面展示装置的具体限定可以参见上文中对于页面展示方法的限定，在此不再赘述。上述页面展示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块的操作。
在本申请的一个实施例中，提供了一种计算机设备，该计算机设备包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现以下步骤：
获取目标页面的语言环境；若该语言环境满足控件调整条件，则获取该目标页面包括的各个控件的控件数据，该控件数据包括控件图片；对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在该目标页面中的布局位置进行位置变换处理，得到处理后的各控件数据；基于该处理后的各控件数据，对该目标页面进行展示。
在本申请的一个实施例中，处理器执行计算机程序时还实现以下步骤：对各控件数据的控件图片进行水平镜像旋转处理。
在本申请的一个实施例中，处理器执行计算机程序时还实现以下步骤：将各控件数据的控件图片在该目标页面中的布局位置由该目标页面的一侧转换至该目标页面相对的另一侧。
在本申请的一个实施例中，处理器执行计算机程序时还实现以下步骤：检测该语言环境与该目标页面的控件布局方式是否匹配；若该语言环境与该目标页面的控件布局方式不匹配，则确定该语言环境满足该控件调整条件。
在本申请的一个实施例中，处理器执行计算机程序时还实现以下步骤：获取该语言环境对应的默认控件布局方式，该默认控件布局方式与该语言环境中文字的书写方向相适应，该书写方向包括从右至左的方向和从左至右的方向；若该目标页面的控件布局方式与该默认控件布局方式不一致，则确定该语言环境与该目标页面的控件布局方式不匹配。
在本申请的一个实施例中，处理器执行计算机程序时还实现以下步骤：在检测到对该目标页面所属应用的启动操作后，获取该目标页面的语言环境；或者，在展示该目标页面的过程中，若检测到语言环境切换指令，则在响应于该语言环境切换指令对语言环境进行切换之后，获取该目标页面的语言环境。
在本申请的一个实施例中，处理器执行计算机程序时还实现以下步骤：接收服务器发送的处理脚本；通过该处理脚本，对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在该目标页面中的布局位置进行位置变换处理。
本申请实施例提供的计算机设备，其实现原理和技术效果与上述方法实施例类似，在此不再赘述。
在本申请的一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：
获取目标页面的语言环境；若该语言环境满足控件调整条件，则获取该目标页面包括的各个控件的控件数据，该控件数据包括控件图片；对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在该目标页面中的布局位置进行位置变换处理，得到处理后的各控件数据；基于该处理后的各控件数据，对该目标页面进行展示。
在本申请的一个实施例中，计算机程序被处理器执行时还实现以下步骤：对各控件数据的控件图片进行水平镜像旋转处理。
在本申请的一个实施例中，计算机程序被处理器执行时还实现以下步骤：将各控件数据的控件图片在该目标页面中的布局位置由该目标页面的一侧转换至该目标页面相对的另一侧。
在本申请的一个实施例中，计算机程序被处理器执行时还实现以下步骤：检测该语言环境与该目标页面的控件布局方式是否匹配；若该语言环境与该目标页面的控件布局方式不匹配，则确定该语言环境满足该控件调整条件。
在本申请的一个实施例中，计算机程序被处理器执行时还实现以下步骤：获取该语言环境对应的默认控件布局方式，该默认控件布局方式与该语言环境中文字的书写方向相适应，该书写方向包括从右至左的方向和从左至右的方向；若该目标页面的控件布局方式与该默认控件布局方式不一致，则确定该语言环境与该目标页面的控件布局方式不匹配。
在本申请的一个实施例中，计算机程序被处理器执行时还实现以下步骤：在检测到对该目标页面所属应用的启动操作后，获取该目标页面的语言环境；或者，在展示该目标页面的过程中，若检测到语言环境切换指令，则在响应于该语言环境切换指令对语言环境进行切换之后，获取该目标页面的语言环境。
在本申请的一个实施例中，计算机程序被处理器执行时还实现以下步骤：接收服务器发送的处理脚本；通过该处理脚本，对各控件数据的控件图片进行旋转处理，并对各控件数据的控件图片在该目标页面中的布局位置进行位置变换处理。
本实施例提供的计算机可读存储介质，其实现原理和技术效果与上述方法实施例类似，在此不再赘述。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种页面展示方法，其特征在于，所述方法包括：
获取目标页面的语言环境；
若所述语言环境满足控件调整条件，则获取所述目标页面包括的各个控件的控件数据，所述控件数据包括控件图片以及所述控件图片的属性参数，所述属性参数用于指示在不同的阅读习惯中所述控件图片在所述目标页面中的布局位置是否相同；
对各所述控件数据的控件图片进行旋转处理，并对各所述控件数据的控件图片在所述目标页面中的布局位置进行位置变换处理，得到处理后的各控件数据；
基于所述处理后的各控件数据，对所述目标页面进行展示；
其中，所述对各所述控件数据的控件图片在所述目标页面中的布局位置进行位置变换处理，包括：
根据所述属性参数，对第一类型的控件图片在所述目标页面中的布局位置进行位置变换处理，对第二类型的控件图片在所述目标页面中的布局位置禁止进行位置变换处理，所述第一类型的控件图片在不同的阅读习惯中在所述目标页面中的布局位置不相同，所述第二类型的控件图片在不同的阅读习惯中在所述目标页面中的布局位置相同。
2.根据权利要求1所述的方法，其特征在于，所述对各所述控件数据的控件图片进行旋转处理，包括：
对各所述控件数据的控件图片进行水平镜像旋转处理。
3.根据权利要求1所述的方法，其特征在于，所述对各所述控件数据的控件图片在所述目标页面中的布局位置进行位置变换处理，包括：
将各所述控件数据的控件图片在所述目标页面中的布局位置由所述目标页面的一侧转换至所述目标页面相对的另一侧。
4.根据权利要求1所述的方法，其特征在于，所述若所述语言环境满足控件调整条件，则获取所述目标页面包括的各个控件的控件数据之前，所述方法还包括：
检测所述语言环境与所述目标页面的控件布局方式是否匹配；
若所述语言环境与所述目标页面的控件布局方式不匹配，则确定所述语言环境满足所述控件调整条件。
5.根据权利要求4所述的方法，其特征在于，所述检测所述语言环境与所述目标页面的控件布局方式是否匹配，包括：
获取所述语言环境对应的默认控件布局方式，所述默认控件布局方式与所述语言环境中文字的书写方向相适应，所述书写方向包括从右至左的方向和从左至右的方向；
若所述目标页面的控件布局方式与所述默认控件布局方式不一致，则确定所述语言环境与所述目标页面的控件布局方式不匹配。
6.根据权利要求1所述的方法，其特征在于，所述获取目标页面的语言环境，包括：
在检测到对所述目标页面所属应用的启动操作后，获取所述目标页面的语言环境；或者，
在展示所述目标页面的过程中，若检测到语言环境切换指令，则在响应于所述语言环境切换指令对语言环境进行切换之后，获取所述目标页面的语言环境。
7.根据权利要求1所述的方法，去特征在于，所述对各所述控件数据的控件图片进行旋转处理，并对各所述控件数据的控件图片在所述目标页面中的布局位置进行位置变换处理，包括：
接收服务器发送的处理脚本；
通过所述处理脚本，对各所述控件数据的控件图片进行旋转处理，并对各所述控件数据的控件图片在所述目标页面中的布局位置进行位置变换处理。
8.一种页面展示装置，其特征在于，所述装置包括：
第一获取模块，用于获取目标页面的语言环境；
第二获取模块，用于若所述语言环境满足控件调整条件，则获取所述目标页面包括的各个控件的控件数据，所述控件数据包括控件图片以及所述控件图片的属性参数，所述属性参数用于指示在不同的阅读习惯中所述控件图片在所述目标页面中的布局位置是否相同；
处理模块，用于对各所述控件数据的控件图片进行旋转处理，并对各所述控件数据的控件图片在所述目标页面中的布局位置进行位置变换处理，得到处理后的各控件数据；
展示模块，用于基于所述处理后的各控件数据，对所述目标页面进行展示；
所述处理模块，具体用于：
根据所述属性参数，对第一类型的控件图片在所述目标页面中的布局位置进行位置变换处理，对第二类型的控件图片在所述目标页面中的布局位置禁止进行位置变换处理，所述第一类型的控件图片在不同的阅读习惯中在所述目标页面中的布局位置不相同，所述第二类型的控件图片在不同的阅读习惯中在所述目标页面中的布局位置相同。
9.一种计算机设备，其特征在于，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1至7任一所述的页面展示方法。
10.一种计算机可读存储介质，其特征在于，其上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7任一所述的页面展示方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010684518.7A CN111651113B (zh) | 2020-07-16 | 2020-07-16 | 页面展示方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010684518.7A CN111651113B (zh) | 2020-07-16 | 2020-07-16 | 页面展示方法、装置、设备及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111651113A CN111651113A (zh) | 2020-09-11 |
| CN111651113B true CN111651113B (zh) | 2021-09-07 |
Family
ID=72345380
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010684518.7A Active CN111651113B (zh) | 2020-07-16 | 2020-07-16 | 页面展示方法、装置、设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111651113B (zh) |
Families Citing this family (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113535025A (zh) * | 2021-07-28 | 2021-10-22 | 中国工商银行股份有限公司 | 多语言页面布局方法、装置、设备、介质及程序产品 |
| CN113961286A (zh) * | 2021-10-11 | 2022-01-21 | 支付宝(杭州)信息技术有限公司 | 一种应用程序的页面生成方法、装置及设备 |
| CN113971993A (zh) * | 2021-10-22 | 2022-01-25 | 浙江太美医疗科技股份有限公司 | 临床试验数据转换方法、装置、计算机设备和存储介质 |
| CN114579235B (zh) * | 2022-02-24 | 2024-04-09 | 百果园技术(新加坡)有限公司 | 基于语言类型的图标显示方法、装置、设备及存储介质 |
| CN116523738B (zh) * | 2023-07-03 | 2024-04-05 | 腾讯科技（深圳）有限公司 | 一种任务触发方法、装置、存储介质以及电子设备 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101051270A (zh) * | 2007-05-11 | 2007-10-10 | 华为技术有限公司 | 界面布局变换方法及界面显示控制器 |
| CN106055332A (zh) * | 2016-05-31 | 2016-10-26 | 广东能龙教育股份有限公司 | 一种基于视图旋转与镜像的快速蒙语化显示方法 |
| CN106095437A (zh) * | 2016-06-12 | 2016-11-09 | 青岛海信电器股份有限公司 | 用户界面从右到左rtl的布局方式的实现方法及装置 |
| CN109710364A (zh) * | 2018-12-27 | 2019-05-03 | 北京微播视界科技有限公司 | 调整布局方式的方法、装置、电子设备及存储介质 |
| CN111061525A (zh) * | 2018-10-16 | 2020-04-24 | 福建天泉教育科技有限公司 | 国际化界面切换方法、存储介质 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9727797B2 (en) * | 2015-03-05 | 2017-08-08 | International Business Machines Corporation | Techniques for rotating language preferred orientation on a mobile device |
-
2020
- 2020-07-16 CN CN202010684518.7A patent/CN111651113B/zh active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101051270A (zh) * | 2007-05-11 | 2007-10-10 | 华为技术有限公司 | 界面布局变换方法及界面显示控制器 |
| CN106055332A (zh) * | 2016-05-31 | 2016-10-26 | 广东能龙教育股份有限公司 | 一种基于视图旋转与镜像的快速蒙语化显示方法 |
| CN106095437A (zh) * | 2016-06-12 | 2016-11-09 | 青岛海信电器股份有限公司 | 用户界面从右到左rtl的布局方式的实现方法及装置 |
| CN111061525A (zh) * | 2018-10-16 | 2020-04-24 | 福建天泉教育科技有限公司 | 国际化界面切换方法、存储介质 |
| CN109710364A (zh) * | 2018-12-27 | 2019-05-03 | 北京微播视界科技有限公司 | 调整布局方式的方法、装置、电子设备及存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111651113A (zh) | 2020-09-11 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111651113B (zh) | 页面展示方法、装置、设备及存储介质 | |
| CN109343851B (zh) | 页面生成方法、装置、计算机设备和存储介质 | |
| KR101990089B1 (ko) | 썸네일 이미지를 생성하기 위한 방법 및 그 전자 장치 | |
| US11500513B2 (en) | Method for icon display, terminal, and storage medium | |
| CN111190558B (zh) | 投屏控制方法、装置、计算机可读存储介质和计算机设备 | |
| US20200357188A1 (en) | Mixed-reality system, program, method, and portable terminal device | |
| CN110765379B (zh) | 加载资源文件的方法、装置、计算机设备及存储介质 | |
| CN109190067B (zh) | 浏览器输入框展示方法、装置、计算机设备及存储介质 | |
| US20090167919A1 (en) | Method, Apparatus and Computer Program Product for Displaying an Indication of an Object Within a Current Field of View | |
| US9996220B2 (en) | Multi-zone interface switching method and device | |
| CN108228293B (zh) | 一种界面皮肤切换方法及装置 | |
| US9165340B2 (en) | Image display system, image display method, image display program, and computer-readable recording medium storing said program | |
| CN112130729B (zh) | 页面处理方法、装置、计算机设备和存储介质 | |
| CN112506597B (zh) | 软件界面配色方法、装置、计算机设备和存储介质 | |
| CN113282262A (zh) | 投屏显示画面的控制方法、装置、移动终端及存储介质 | |
| EP3461138B1 (en) | Processing method and terminal | |
| CN114265653A (zh) | 界面显示方法、装置、设备、存储介质及程序产品 | |
| CN113992784B (zh) | 音视频通话方法、装置、计算机设备和存储介质 | |
| US20240104811A1 (en) | Image editing method and device | |
| CN113076049B (zh) | 点读控制方法、系统和设备 | |
| CN110908570B (zh) | 图像处理方法、装置、终端及存储介质 | |
| CN111880707A (zh) | 长截图方法、系统、装置、计算机和存储介质 | |
| KR20170037862A (ko) | 문자열 저장방법 및 장치 | |
| CN111367449A (zh) | 图片处理方法、装置、计算机设备和存储介质 | |
| CN112148162B (zh) | 图标排列方法、装置、用户终端及存储介质 |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20230414 Address after: 511400 24th floor, building B-1, North District, Wanda Commercial Plaza, Wanbo business district, No.79 Wanbo 2nd Road, Nancun Town, Panyu District, Guangzhou, Guangdong Province Patentee after: GUANGZHOU HUADUO NETWORK TECHNOLOGY Co.,Ltd. Address before: 511400 3709, No. 79, Wanbo Second Road, Nancun Town, Panyu District, Guangzhou City, Guangdong Province Patentee before: Guangzhou Zhuque Information Technology Co.,Ltd. |