CN106484407A - 控件显示方法及装置 - Google Patents

Abstract

本发明公开了一种控件显示方法及装置，属于移动终端领域。所述方法包括生成与显示页面中的控件包括的文字对应的文字图片，所述文字图片包括所述文字；将所述控件的背景图片替换为所述文字图片；移除所述控件包括的所述文字；根据显示页面的页面尺寸和预定比例确定所述控件的控件尺寸；在所述显示页面中显示具有所述控件尺寸的所述控件；解决了控件包括的文字大小不会跟随终端设备的显示页面的页面尺寸变化而变化的问题；达到了控件包括的文字大小会根据显示页面的页面尺寸自动改变，合理分配显示区域的效果。

Description

控件显示方法及装置

技术领域

本发明涉及移动终端领域，特别涉及一种控件显示方法及装置。

背景技术

控件是指在窗体上放置的可视化图形元件，如：按钮、文本编辑框等。其中大多数控件具有执行功能或通过事件引发代码运行并完成响应的功能。

操作系统为IOS系统的终端设备的显示页面中包括至少一个控件，为了使用户能够清楚地了解到各个控件的用途，每个控件上包括有文字，比如：用于确认的按钮上包括文字“确认”。

在IOS系统中，在屏幕尺寸不同的终端设备中，虽然显示区域的尺寸不同，但每个控件的尺寸相同，控件包括的文字的尺寸也相同，会导致无法合理分配显示区域的问题。

发明内容

为了解决现有技术的问题，本发明实施例提供了一种控件显示方法及装置。所述技术方案如下：

第一方面，提供了一种控件显示方法，该方法包括：

生成与显示页面中的控件包括的文字对应的文字图片，文字图片包括文字；

将控件的背景图片替换为文字图片；

移除控件包括的文字；

根据显示页面的页面尺寸和预定比例确定控件的控件尺寸；

在显示页面中显示具有控件尺寸的控件。

可选的，生成与显示页面中的控件包括的文字对应的文字图片，包括：

根据显示页面的显示数据渲染得到显示页面，显示页面包括控件，控件的首层显示元素是文字，控件的底层显示元素是背景图片；

通过截屏算法对显示页面中控件的所在区域进行截屏，得到文字图片。

可选的，根据显示页面的页面尺寸和预定比例确定控件的控件尺寸，包括：

将显示页面的宽度乘以预定比例，得到控件的控件宽度；

和/或，

将显示页面的长度乘以预定比例，得到控件的控件长度。

可选的，该方法还包括：

检测控件的底层显示元素是否是文字图片；

若控件的底层显示元素不是文字图片，则执行生成与显示页面中的控件包括的文字对应的文字图片的步骤。

第二方面，提供了一种控件显示装置，该装置包括：

生成模块，用于生成与显示页面中的控件包括的文字对应的文字图片，文字图片包括文字；

替换模块，用于将控件的背景图片替换为文字图片；

移除模块，用于移除控件包括的文字；

尺寸确定模块，用于根据显示页面的页面尺寸和预定比例确定控件的控件尺寸；

显示模块，用于在显示页面中显示具有控件尺寸的控件。

可选的，生成模块，包括：

生成单元，用于根据显示页面的显示数据渲染得到显示页面，显示页面包括控件，控件的首层显示元素是文字，控件的底层显示元素是背景图片；

截屏单元，用于通过截屏算法对显示页面中控件的所在区域进行截屏，得到文字图片。

可选的，尺寸确定模块，还用于：

将显示页面的宽度乘以预定比例，得到控件的控件宽度；

和/或，

将显示页面的长度乘以预定比例，得到控件的控件长度。

可选的，该装置还包括：

检测模块，用于检测控件的底层显示元素是否是文字图片；

执行模块，用于当控件的底层显示元素不是文字图片时，执行生成与显示页面中的控件包括的文字对应的文字图片的步骤。

本发明实施例提供的技术方案带来的有益效果是：

通过操作系统生成显示页面中控件包括的文字对应的文字图片，将控件的背景图片替换为生成的文字图片，并移除控件包括的文字，根据显示页面的页面尺寸和预定比例确定控件尺寸，在显示页面中显示控件尺寸变化后的控件；由于文字图片为控件的背景图片，文字图片相当于填充在控件中，当控件的控件尺寸发生变化时，文字图片的图片尺寸也会相应地发生变化，但始终保持文字图片的图片尺寸与控件的控件尺寸相同，解决了控件包括的文字大小不会跟随终端设备的显示页面的页面尺寸变化而变化的问题；达到了控件包括的文字的大小会根据显示页面的页面尺寸自动改变，合理分配显示区域的效果。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1A是根据一示例性实施例示出的一种控件显示方法的流程图；

图1B是根据一示例性实施例示出的一种显示页面的示意图；

图1C是根据一示例性实施例示出的一种控件显示方法的实施示意图；

图2是根据另一示例性实施例示出的一种控件显示方法的流程图；

图3是根据另一示例性实施例示出的一种控件显示方法的实施示意图；

图4是根据一示例性实施例示出的一种控件显示装置的框图；

图5是根据另一示例性实施例示出的一种控件显示装置的框图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

请参考图1A，其示出了本发明一个实施例提供的控件显示方法的流程图。该图片发送方法适用于操作系统为IOS系统的终端设备中。如图1A所示，该控件显示方法可以包括如下步骤：

在步骤101中，生成与显示页面中的控件包括的文字对应的文字图片，文字图片包括文字。

终端设备的操作系统获取与显示页面中的控件包括的文字对应的文字图片。

可选的，控件包括的文字为控件的首层显示元素。

当显示页面中的控件的数量为一个时，获取该控件包括的文字对应的文字图片；当显示页面中的控件的数量为至少两个时，获取至少一个控件包括的文字对应的文字图片，获取的控件包括的文字对应的文字图片的数量可以预先设置，每个控件只对应一张文字图片。

比如：显示页面中有5个控件，对每个控件都获取控件包括的文字对应的文字图片，则共获取到5张文字图片，一个控件对应一张文字图片。

在一个例子中，显示页面如图1B所示，该显示页面上包括6个控件，分别为“搜索栏”控件11，“搜索”控件12，“首页”控件13，“消息”控件14，“我的资料”控件15，“更多”控件16；假设操作系统只获取“搜索”控件上的文字对应的文字图片，获取到的文字图片如图1C所示，文字图片中包括控件包括的文字“搜索”。

在步骤102中，将控件的背景图片替换为文字图片。

控件的底层显示元素为背景图片，用生成的文字图片替换控件的背景图片。

在步骤103中，移除控件包括的文字。

文字为控件的首层显示元素，操作系统移除控件的首层显示元素。

在步骤104中，根据显示页面的页面尺寸和预定比例确定控件的控件尺寸。

可选的，预定比例是预先设置的。

在步骤105中，在显示页面中显示具有控件尺寸的控件。

综上所述，本发明实施例提供的控件显示方法，通过操作系统生成显示页面中控件包括的文字对应的文字图片，将控件的背景图片替换为生成的文字图片，并移除控件包括的文字，根据显示页面的页面尺寸和预定比例确定控件尺寸，在显示页面中显示控件尺寸变化后的控件；由于文字图片为控件的背景图片，文字图片相当于填充在控件中，当控件的控件尺寸发生变化时，文字图片的图片尺寸也会相应地发生变化，但始终保持文字图片的图片尺寸与控件的控件尺寸相同，解决了控件包括的文字大小不会跟随终端设备的显示页面的页面尺寸变化而变化的问题；达到了控件包括的文字的大小会根据显示页面的页面尺寸自动改变，合理分配显示区域的效果。

请参考图2，其示出了本发明另一个实施例提供的控件显示方法的流程图。该图片发送方法适用于操作系统为IOS系统的终端设备中。如图2所示，该控件显示方法可以包括如下步骤：

在步骤201中，检测控件的底层显示元素是否是文字图片。

在显示控件之前，检测控件的底层显示元素是否是文字图片，当检测到控件的底层显示元素不是文字图片，而是背景图片时，说明控件中的背景图片未被替换，首层显示元素也即文字未被移除，执行步骤202。

当检测到控件的底层显示元素是文字图片时，不执行步骤202，直接显示显示页面，并在显示页面中显示显示控件。

当检测到控件的底层显示元素是文字图片时，说明控件的背景图片已经被替换为文字图片，控件的控件尺寸也已经跟随显示页面的页面尺寸发生过了变化，控件包括的文字的大小也达到了根据显示页面的页面尺寸自动改变的效果，不需要再次生成控件包括的文字对应的文字图片。

可选的，控件的底层显示元素为图片的文件名，操作系统检测图片的文件名是否为预先设置的文件名，若检测到文件名是预先设置的文件名，则表示控件的底层显示元素不是文字图片，而是预先设置的背景图片；若检测到文件名不是预先设置的文件名，则表示控件的底层显示元素是文字图片。

可选的，控件的底层显示元素为图片的存储地址，操作系统检测图片的存储地址是否为预先设置的存储地址，若检测到图片的存储地址为预先设置的存储地址，则表示控件的底层显示元素不是文字图片，而是预先设置的背景图片；若检测到图片的存储地址不是预先设置的存储地址，而是文字图片的缓存地址，则表示控件的底层显示元素是文字图片。

在步骤202中，根据显示页面的显示数据渲染得到显示页面。

显示页面包括控件，控件包括文字，控件的首层显示元素为文字，控件的底层显示元素为背景图片。

在根据显示数据生成显示页面时，用于生成控件的参数为预先设置的参数，也即控件所在区域、控件样式、控件的控件尺寸、控件的底层显示元素和控件的首层显示元素都是预先设置的。

在步骤203中，通过截屏算法对显示页面中控件的所在区域进行截屏，得到文字图片。

在根据显示数据渲染显示页面之后，且在显示显示页面之前的一段时间内，通过截屏算法对显示页面中控件的所在区域进行截屏，得到文字图片。

可选的，截屏算法是终端设备的操作系统中的原生算法。

对控件的所在区域进行截屏，得到与控件包括的文字对应的文字图片，文字图片包括的文字为控件包括的文字，获得的文字图片以缓存的方式存储在终端设备中，截屏得到的文字图片在此时还未显示在显示页面上。

若显示页面中包括多个控件，则对需要获取文字图片的控件的所在区域分别截屏，每个控件对应一张文字图片，也即对一个控件的所在区域单独截一次屏。

比如：显示页面中有5个控件，每个控件都需要获取控件包括的文字对应的文字图片，则对每个控件的所在区域进行截屏，共截5次屏，得到5张文字图片。

在打开显示页面时，此时显示页面已经生成，但终端设备还未显示生成的显示页面，终端设备的操作系统获取与显示页面中的控件包括的文字对应的文字图片，也即对显示页面中控件的所在区域进行截屏，得到文字图片。或者，在显示页面的显示方式发生变化时，端设备的操作系统获取与显示页面中的控件包括的文字对应的文字图片，也即对显示页面中控件的所在区域进行截屏，得到文字图片。比如：显示页面的显示方式为竖直方向上显示，当用户旋转终端设备九十度时，显示页面跟随终端设备的旋转而旋转，显示页面的显示方式变为水平方向上显示也即横屏显示，此时，终端设备的操作系统对显示页面中控件的所在区域进行截屏，得到文字图片。

在步骤204中，将控件的背景图片替换为文字图片。

操作系统将生成的文字图片设置为背景图片，也即控件中预先设置的背景图片被替换为文字图片。

在步骤205中，移除控件包括的文字。

操作系统将控件包括的文字移除，也即将控件的首层显示元素设置为空。

在步骤206中，根据显示页面的页面尺寸和预定比例确定控件的控件尺寸。

可选的，预定比例是预先设置的。

可选的，预定比例可由如下方式确定：确定终端设备的显示页面的最大页面尺寸，以及控件在最大页面尺寸下的控件尺寸，将显示页面的最大页面尺寸和控件在最大页面尺寸下的控件尺寸之间的比值确定为预定比例。

具体地，将显示页面的宽度乘以预定比例，得到控件的控件宽度；或者，将显示页面的长度乘以预定比例，得到控件的控件长度；或者，将显示页面的宽度乘以预定比例得到控件的控件宽度，且将显示页面的长度乘以预定比例得到控件的控件长度。

比如：预定比例为0.1，当显示页面的宽度为15厘米时，控件的宽度为1.5厘米。

可选的，当控件的宽度和显示页面的宽度之间的比值等于预定比例时，控件的长度还需要满足控件自身的长宽比，或者，当控件的长度和显示页面的长度之间的比值等于预定比例控件自身时，控件的宽度还需要满足控件自身的长宽比。控件自身的长宽比为控件在最大页面尺寸下的控件的长度和控件的宽度的比值。

比如：预定比例为0.1，控件的宽度和显示页面的宽度之间的比值等于预定比值，控件的宽度为1.5厘米，控件自身的长宽比为1.2，则控件的长度为2.25厘米。

在步骤207中，在显示页面中显示具有控件尺寸的控件。

终端设备显示显示页面，并在显示页面中显示控件的区域处，显示尺寸为控件尺寸的控件。

综上所述，本发明实施例提供的控件显示方法，通过操作系统生成显示页面中控件包括的文字对应的文字图片，将控件的背景图片替换为生成的文字图片，并移除控件包括的文字，根据显示页面的页面尺寸和预定比例确定控件尺寸，在显示页面中显示控件尺寸变化后的控件；由于文字图片为控件的背景图片，文字图片相当于填充在控件中，当控件的控件尺寸发生变化时，文字图片的图片尺寸也会相应地发生变化，但始终保持文字图片的图片尺寸与控件的控件尺寸相同，解决了控件包括的文字大小不会跟随终端设备的显示页面的页面尺寸变化而变化的问题；达到了控件包括的文字的大小会根据显示页面的页面尺寸自动改变，合理分配显示区域的效果。

此外，还通过检测控件的底层显示元素是否是文字图片，避免重复获取控件包括的文字对应的文字图片，以及避免重复对控件的控件尺寸和文字图片的图片尺寸进行更改，控件的首层显示元素和底层显示元素只需要改变一次，在后续显示时也会显示首层显示元素和底层显示元素重新设置后的控件，提高了显示显示页面的效率。

在一个示例性的例子中，如图3中的(a)所示，显示页面的页面尺寸为尺寸1，该显示页面中包括5个控件，分别为“搜索”控件31、“首页”控件32、“消息”控件33、“我的资料”控件34、“更多”控件35；当显示页面的页面尺寸为尺寸2时，在第一次打开用于显示同样显示内容的显示页面时，终端设备的操作系统获取5个控件包括的文字对应的文字图片，也即对5个控件所在的区域进行截屏，将控件的背景图片替换为得到的文字图片，再根据页面尺寸2对控件的控件尺寸进行调整，得到新的控件尺寸，在显示页面显示控件尺寸为新的控件尺寸的控件，如图3中的(b)所示，在图3中的(b)中，控件尺寸减小，控件尺寸和页面尺寸的比例不变，在用户看来，控件包括的文字的尺寸也跟随控件的尺寸发生了变化，显示区域的分配也更加合理，用户的阅读体验也更好。

下述为本发明装置实施例，可以用于执行本发明方法实施例。对于本发明装置实施例中未披露的细节，请参照本发明方法实施例。

请参照图4，其示出了本发明一个实施例提供的控件显示装置的结构方框图。该控件显示装置可以通过软件、硬件或者两者的结合实现成为上述可提供控件显示方法的终端设备的全部或者一部分。该装置包括：

生成模块410，用于生成与显示页面中的控件包括的文字对应的文字图片，文字图片包括文字。

替换模块420，用于将控件的背景图片替换为文字图片。

移除模块430，用于移除控件包括的文字。

尺寸确定模块440，用于根据显示页面的页面尺寸和预定比例确定控件的控件尺寸。

显示模块450，用于在显示页面中显示具有控件尺寸的控件。

综上所述，本发明实施例提供的控件显示装置，通过操作系统生成显示页面中控件包括的文字对应的文字图片，将控件的背景图片替换为生成的文字图片，并移除控件包括的文字，根据显示页面的页面尺寸和预定比例确定控件尺寸，在显示页面中显示控件尺寸变化后的控件；由于文字图片为控件的背景图片，文字图片相当于填充在控件中，当控件的控件尺寸发生变化时，文字图片的图片尺寸也会相应地发生变化，但始终保持文字图片的图片尺寸与控件的控件尺寸相同，解决了控件包括的文字大小不会跟随终端设备的显示页面的页面尺寸变化而变化的问题；达到了控件包括的文字的大小会根据显示页面的页面尺寸自动改变，合理分配显示区域的效果。

请参照图5，其示出了本发明另一个实施例提供的控件显示装置的结构方框图。该控件显示装置可以通过软件、硬件或者两者的结合实现成为上述可提供控件显示方法的终端设备的全部或者一部分。该装置包括：

生成模块510，用于生成与显示页面中的控件包括的文字对应的文字图片，文字图片包括文字。

替换模块520，用于将控件的背景图片替换为为文字图片。

移除模块530，用于移除控件包括的文字。

尺寸确定模块540，用于根据显示页面的页面尺寸和预定比例确定控件的控件尺寸。

显示模块550，用于在显示页面中显示具有控件尺寸的控件。

可选的，生成模块510，包括：

生成单元511，根据显示页面的显示数据渲染得到显示页面，显示页面包括控件，控件的首层显示元素是文字。

截屏单元512，用于通过截屏算法对显示页面中控件的所在区域进行截屏，得到文字图片。

可选的，尺寸确定模块520，还用于：

将显示页面的宽度乘以预定比例，得到控件的控件宽度；

和/或，

将显示页面的长度乘以预定比例，得到控件的控件长度。

可选的，该装置还包括：

检测模块560，用于检测控件的底层显示元素是否是文字图片；

执行模块570，用于当控件的底层显示元素不是文字图片时，执行获取与显示页面中的控件包括的文字对应的文字图片的步骤。

综上所述，本发明实施例提供的控件显示装置，通过操作系统生成显示页面中控件包括的文字对应的文字图片，将控件的背景图片替换为生成的文字图片，并移除控件包括的文字，根据显示页面的页面尺寸和预定比例确定控件尺寸，在显示页面中显示控件尺寸变化后的控件；由于文字图片为控件的背景图片，文字图片相当于填充在控件中，当控件的控件尺寸发生变化时，文字图片的图片尺寸也会相应地发生变化，但始终保持文字图片的图片尺寸与控件的控件尺寸相同，解决了控件包括的文字大小不会跟随终端设备的显示页面的页面尺寸变化而变化的问题；达到了控件包括的文字的大小会根据显示页面的页面尺寸自动改变，合理分配显示区域的效果。

此外，还通过检测控件的底层显示元素是否是文字图片，避免重复获取控件包括的文字对应的文字图片，以及避免重复对控件的控件尺寸和文字图片的图片尺寸进行更改，控件的首层显示元素和底层显示元素只需要改变一次，在后续显示时也会显示首层显示元素和底层显示元素重新设置后的控件，提高了显示显示页面的效率。

需要说明的是：上述实施例提供的控件显示装置在显示控件时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的控件显示装置与控件显示方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (8)

1.一种控件显示方法，其特征在于，所述方法包括：

生成与显示页面中的控件包括的文字对应的文字图片，所述文字图片包括所述文字；

将所述控件的背景图片替换为所述文字图片；

移除所述控件包括的所述文字；

根据显示页面的页面尺寸和预定比例确定所述控件的控件尺寸；

在所述显示页面中显示具有所述控件尺寸的所述控件。

2.根据权利要求1所述的方法，其特征在于，所述生成与显示页面中的控件包括的文字对应的文字图片，包括：

根据所述显示页面的显示数据渲染得到所述显示页面，所述显示页面包括所述控件，所述控件的首层显示元素是所述文字，所述控件的底层显示元素是所述背景图片；

通过截屏算法对所述显示页面中所述控件的所在区域进行截屏，得到所述文字图片。

3.根据权利要求1所述的方法，其特征在于，所述根据显示页面的页面尺寸和预定比例确定所述控件的控件尺寸，包括：

将所述显示页面的宽度乘以所述预定比例，得到所述控件的控件宽度；

和/或，

将所述显示页面的长度乘以所述预定比例，得到所述控件的控件长度。

4.根据权利要求1至3任一所述的方法，其特征在于，所述方法还包括：

检测所述控件的底层显示元素是否是所述文字图片；

若所述控件的底层显示元素不是所述文字图片，则执行所述生成与显示页面中的控件包括的文字对应的文字图片的步骤。

5.一种控件显示装置，其特征在于，所述装置包括：

生成模块，用于生成与显示页面中的控件包括的文字对应的文字图片，所述文字图片包括所述文字；

替换模块，用于将所述控件的背景图片替换为所述文字图片；

移除模块，用于移除所述控件包括的所述文字；

尺寸确定模块，用于根据显示页面的页面尺寸和预定比例确定所述控件的控件尺寸；

显示模块，用于在所述显示页面中显示具有所述控件尺寸的所述控件。

6.根据权利要求5所述的装置，其特征在于，所述生成模块，包括：

生成单元，用于根据所述显示页面的显示数据渲染得到所述显示页面，所述显示页面包括所述控件，所述控件的首层显示元素是所述文字，所述控件的底层显示元素是所述背景图片；

截屏单元，用于通过截屏算法对所述显示页面中所述控件的所在区域进行截屏，得到所述文字图片。

7.根据权利要求5所述的装置，其特征在于，所述第一尺寸确定模块，还用于：

将所述显示页面的宽度乘以所述预定比例，得到所述控件的控件宽度；

和/或，

将所述显示页面的长度乘以所述预定比例，得到所述控件的控件长度。

8.根据权利要求5至7任一所述的装置，其特征在于，所述装置还包括：

检测模块，用于检测所述控件的底层显示元素是否是所述文字图片；

执行模块，用于当所述控件的底层显示元素不是所述文字图片时，执行所述生成与显示页面中的控件包括的文字对应的文字图片的步骤。