CN106843854A - 页面指示器的生成方法和装置 - Google Patents

页面指示器的生成方法和装置 Download PDF

Info

Publication number
CN106843854A
CN106843854A CN201611239463.9A CN201611239463A CN106843854A CN 106843854 A CN106843854 A CN 106843854A CN 201611239463 A CN201611239463 A CN 201611239463A CN 106843854 A CN106843854 A CN 106843854A
Authority
CN
China
Prior art keywords
bitmap
circular
target
ratio value
circular icon
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
Application number
CN201611239463.9A
Other languages
English (en)
Inventor
朴惠姝
郭方清
刘孟
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing 58 Information Technology Co Ltd
Original Assignee
Beijing 58 Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing 58 Information Technology Co Ltd filed Critical Beijing 58 Information Technology Co Ltd
Priority to CN201611239463.9A priority Critical patent/CN106843854A/zh
Publication of CN106843854A publication Critical patent/CN106843854A/zh
Pending legal-status Critical Current

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

Abstract

本发明提供一种页面指示器的生成方法和装置，通过获取待显示电子设备的屏幕尺寸与预设屏幕尺寸的比例值，根据比例值对预设位图的方形区域进行调整，得到目标位图的方形区域，根据比例值确定画图形的缩放系统的缩放值，根据目标位图和缩放系统进行画图处理，得到圆形图标，根据圆形图标生成页面指示器，即可以根据不同的待显示电子设备的尺寸生成与之相适应的圆形图标，进而生成页面指示器，无需预先存储不同尺寸的圆形图标，从而，节约存储空间。

Description

页面指示器的生成方法和装置
技术领域
本发明涉及电子设备技术，尤其涉及一种页面指示器的生成方法和装置。
背景技术
在很多应用程序(Application，简称：APP)启动后会显示引导图，引导图一般为多张，引导图底部会出现一个页面指示器控件，用于指示引导图的页面个数和当前显示页面。其中，页面指示器控件通常有多个圆形图标排列成一行，每个圆形图标对应一个页面，通常用填充圆图标表示当前显示页面，边框圆图标表示其余的页面。
电子设备的显示屏幕大小不一，现有技术中，UI通常设置多个不同尺寸的圆形图标，以适应不同尺寸的显示屏幕。每种尺寸的圆形图标设计多种不同的颜色，以适应不同颜色的页面。
然而，采用现有技术的方法，需要存储不同尺寸和不同颜色的多个圆形图标，存储空间开销较大。
发明内容
本发明提供一种页面指示器的生成方法和装置，以节约存储空间。
第一方面，本发明提供一种页面指示器的生成方法，包括：
获取待显示电子设备的屏幕尺寸与预设屏幕尺寸的比例值；
根据比例值对预设位图的方形区域进行调整，得到目标位图的方形区域；
根据比例值确定画图形的缩放系统的缩放值；
根据目标位图和缩放系统进行画图处理，得到圆形图标；
根据圆形图标生成页面指示器。
可选地，根据比例值对预设位图的方形区域进行调整，得到目标位图的方形区域，包括：
对预设位图的宽度乘以比例值，得到目标宽度；
对预设位图的高度乘以比例值，得到目标高度；
根据目标宽度和目标高度生成目标位图的方形区域。
可选地，得到圆形图标之后，还包括：
获取圆形图标对应的页面的的预设区域的颜色，其中，预设区域为在对应的页面上圆形图标周围的预设范围；
获取预设区域的颜色的反色作为圆形图标的填充色。
可选地，根据目标位图和缩放系统进行画图处理，得到圆形图标，包括：
根据目标位图和缩放系统进行画图处理，得到圆形图标的位图；
将圆形图标的位图转换成CGImageRef格式，将CGImageRef格式转换为图片格式，得到圆形图标。
可选地，根据圆形图标生成页面指示器，包括：
控制圆形图标对应的页面未被选中时，圆形图标显示为边框图；
控制圆形图标对应的页面被选中时，根据圆形图标的填充色将圆形图标显示为填充图。
第二方面，本发明提供一种页面指示器的生成装置，包括：
获取模块，用于获取待显示电子设备的屏幕尺寸与预设屏幕尺寸的比例值；
处理模块，用于根据比例值对预设位图的方形区域进行调整，得到目标位图的方形区域；
处理模块，还用于根据比例值确定画图形的缩放系统的缩放值；
画图模块，用于根据目标位图和缩放系统进行画图处理，得到圆形图标；
处理模块，还用于根据圆形图标生成页面指示器。
可选地，处理模块具体用于对预设位图的宽度乘以比例值，得到目标宽度；对预设位图的高度乘以比例值，得到目标高度；根据目标宽度和目标高度生成目标位图的方形区域。
可选地，获取模块还用于获取圆形图标对应的页面的的预设区域的颜色，其中，预设区域为在对应的页面上圆形图标周围的预设范围；获取预设区域的颜色的反色作为圆形图标的填充色。
可选地，画图模块具体用于根据目标位图和缩放系统进行画图处理，得到圆形图标的位图；将圆形图标的位图转换成CGImageRef格式，将CGImageRef格式转换为图片格式，得到圆形图标。
可选地，处理模块具体用于控制圆形图标对应的页面未被选中时，圆形图标显示为边框图；控制圆形图标对应的页面被选中时，根据圆形图标的填充色将圆形图标显示为填充图。
本发明提供的页面指示器的生成方法和装置，通过获取待显示电子设备的屏幕尺寸与预设屏幕尺寸的比例值，根据比例值对预设位图的方形区域进行调整，得到目标位图的方形区域，根据比例值确定画图形的缩放系统的缩放值，根据目标位图和缩放系统进行画图处理，得到圆形图标，根据圆形图标生成页面指示器，即可以根据不同的待显示电子设备的尺寸生成与之相适应的圆形图标，进而生成页面指示器，无需预先存储不同尺寸的圆形图标，从而，节约存储空间。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本发明页面指示器的生成方法实施例一的流程示意图；
图2为本发明页面指示器的生成方法实施例二的流程示意图；
图3为本发明页面指示器的生成方法实施例三的流程示意图；
图4为本发明页面指示器的示意图；
图5为本发明页面指示器的生成装置实施例的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例例如能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
本发明通过获取待显示电子设备的屏幕尺寸与预设屏幕尺寸的比例值，根据比例值对预设位图的方形区域进行调整，得到目标位图的方形区域，根据比例值确定画图形的缩放系统的缩放值，根据目标位图和缩放系统进行画图处理，得到圆形图标，根据圆形图标生成页面指示器，即可以根据不同的待显示电子设备的尺寸生成与之相适应的圆形图标，进而生成页面指示器，无需预先存储不同尺寸的圆形图标，从而，节约存储空间。并且，由于是根据不同的待显示电子设备的尺寸生成与之相适应的圆形图标，可以适应的电子设备的尺寸不受限制，因此，提高了其应用的广泛性。进一步地，取圆形图标在其对应的页面的预设区域的颜色的反色作为圆形图标的填充色，从而，有利于区分圆形图标和页面，提高用户体验以及圆形图标的填充色选择的灵活性。
下面以具体地实施例对本发明的技术方案进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例不再赘述。
图1为本发明页面指示器的生成方法实施例一的流程示意图，如图1所示，本实施例的方法如下：
S101：获取待显示电子设备的屏幕尺寸与预设屏幕尺寸的比例值。
待显示电子设备可以是手机、平板(PAD)、电脑和智能手表等，对此，本发明不作限制。
预设屏幕尺寸是设计时所确定的尺寸，通常选择市场占有量比较大的电子设备的屏幕尺寸作为预设屏幕尺寸。
S102：根据比例值对预设位图的方形区域进行调整，得到目标位图的方形区域。
S103：根据比例值确定画图形的缩放系统的缩放值。
S104：根据目标位图和缩放系统进行画图处理，得到圆形图标。
其中，一种可能的实现方式为：
根据目标位图和缩放系统进行画图处理，得到圆形图标的位图；
将圆形图标的位图转换成CGImageRef格式，将CGImageRef格式转换为图片格式，得到圆形图标。
S105：根据圆形图标生成页面指示器。
控制圆形图标对应的页面未被选中时，圆形图标显示为边框图；
控制圆形图标对应的页面被选中时，根据圆形图标的填充色将圆形图标显示为填充图。
本实施例，通过获取待显示电子设备的屏幕尺寸与预设屏幕尺寸的比例值，根据比例值对预设位图的方形区域进行调整，得到目标位图的方形区域，根据比例值确定画图形的缩放系统的缩放值，根据目标位图和缩放系统进行画图处理，得到圆形图标，根据圆形图标生成页面指示器，即可以根据不同的待显示电子设备的尺寸生成与之相适应的圆形图标，进而生成页面指示器，无需预先存储不同尺寸的圆形图标，从而，节约存储空间。
图2为本发明页面指示器的生成方法实施例二的流程示意图，图2是在图1所示实施例的基础上，S102的一种可能的实现方式的描述：
S1021：对预设位图的宽度乘以比例值，得到目标宽度。
S1022：对预设位图的高度乘以比例值，得到目标高度。
S1023：根据目标宽度和目标高度生成目标位图的方形区域。
本实施例，通过对预设位图的宽度乘以比例值，得到目标宽度；对预设位图的高度乘以比例值，得到目标高度；根据目标宽度和目标高度生成目标位图的方形区域，从而，实现根据待显示电子设备的尺寸确定与之适应的目标位图的方形区域。
图3为本发明页面指示器的生成方法实施例三的流程示意图，图3是在图1或图2所示实施例的基础上行，进一步地，在S104之后，还包括：
S104a：确定圆形图标的填充色是否为固定颜色，若是，执行S104d，若否，执行S104b。
S104b：获取圆形图标对应的页面的的预设区域的颜色。
其中，预设区域为在对应的页面上圆形图标周围的预设范围；图4为本发明页面指示器的示意图，其中，预设区域的大小可以根据实际应用设定，例如，在图4中的区域1为预设区域。
S104c：获取预设区域的颜色的反色作为圆形图标的填充色。
S104d：设置圆形图标的填充色。
如果是固定颜色，则根据预设的固定颜色，对圆形图标进行填充，例如：预设的固定颜色是黑色，则确定圆形图标的填充色为黑色。
如果不是固定色，则根据S104c确定的填充色，作为圆形图标的填充色。例如：预设区域的颜色为白色，则填充色可以确定为黑色；预设区域的颜色为黑色，则填充色可以确定为白色。取出预设区域的主色调的反色通过(1.f-x，1.f-y,1.f-z)确定。
本实施例，通过取圆形图标在其对应的页面的预设区域的颜色的反色作为圆形图标的填充色，从而，有利于区分圆形图标和页面，提高用户体验以及圆形图标的填充色选择的灵活性。
图5为本发明页面指示器的生成装置实施例的结构示意图，如图5所示，本实施例的装置包括获取模块501、处理模块502和画图模块503，其中，获取模块501用于获取待显示电子设备的屏幕尺寸与预设屏幕尺寸的比例值；处理模块502用于根据比例值对预设位图的方形区域进行调整，得到目标位图的方形区域；处理模块502还用于根据比例值确定画图形的缩放系统的缩放值；画图模块503用于根据目标位图和缩放系统进行画图处理，得到圆形图标；处理模块502还用于根据圆形图标生成页面指示器。
其中，画图模块503具体用于根据目标位图和缩放系统进行画图处理，得到圆形图标的位图；将圆形图标的位图转换成CGImageRef格式，将CGImageRef格式转换为图片格式，得到圆形图标。
其中，处理模块502具体用于控制圆形图标对应的页面未被选中时，圆形图标显示为边框图；控制圆形图标对应的页面被选中时，根据圆形图标的填充色将圆形图标显示为填充图。
本实施例对应的可用于执行图1所示方法实施例的技术方案，其实现原理和技术效果类似，此处不再赘述。
在图5所示实施例中，处理模块502具体用于对预设位图的宽度乘以比例值，得到目标宽度；对预设位图的高度乘以比例值，得到目标高度；根据目标宽度和目标高度生成目标位图的方形区域。
本实施例对应的可用于执行图2所示方法实施例的技术方案，其实现原理和技术效果类似，此处不再赘述。
在图5所示实施例中，获取模块501还用于获取圆形图标对应的页面的的预设区域的颜色，其中，预设区域为在对应的页面上圆形图标周围的预设范围；获取预设区域的颜色的反色作为圆形图标的填充色。
本实施例对应的可用于执行图3所示方法实施例的技术方案，其实现原理和技术效果类似，此处不再赘述。
本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。

Claims (10)

1.一种页面指示器的生成方法，其特征在于，包括：
获取待显示电子设备的屏幕尺寸与预设屏幕尺寸的比例值；
根据所述比例值对预设位图的方形区域进行调整，得到目标位图的方形区域；
根据所述比例值确定画图形的缩放系统的缩放值；
根据所述目标位图和所述缩放系统进行画图处理，得到圆形图标；
根据所述圆形图标生成页面指示器。
2.根据权利要求1所述的方法，其特征在于，所述根据所述比例值对预设位图的方形区域进行调整，得到目标位图的方形区域，包括：
对所述预设位图的宽度乘以所述比例值，得到目标宽度；
对所述预设位图的高度乘以所述比例值，得到目标高度；
根据所述目标宽度和所述目标高度生成所述目标位图的方形区域。
3.根据权利要求1或2所述的方法，其特征在于，所述得到圆形图标之后，还包括：
获取所述圆形图标对应的页面的的预设区域的颜色，其中，所述预设区域为在所述对应的页面上所述圆形图标周围的预设范围；
获取所述预设区域的颜色的反色作为所述圆形图标的填充色。
4.根据权利要求3所述的方法，其特征在于，所述根据所述目标位图和所述缩放系统进行画图处理，得到圆形图标，包括：
根据所述目标位图和所述缩放系统进行画图处理，得到圆形图标的位图；
将所述圆形图标的位图转换成CGImageRef格式，将所述CGImageRef格式转换为图片格式，得到所述圆形图标。
5.根据权利要求4所述的方法，其特征在于，所述根据所述圆形图标生成页面指示器，包括：
控制所述圆形图标对应的页面未被选中时，所述圆形图标显示为边框图；
控制所述圆形图标对应的页面被选中时，根据所述圆形图标的填充色将所述圆形图标显示为填充图。
6.一种页面指示器的生成装置，其特征在于，包括：
获取模块，用于获取待显示电子设备的屏幕尺寸与预设屏幕尺寸的比例值；
处理模块，用于根据所述比例值对预设位图的方形区域进行调整，得到目标位图的方形区域；
所述处理模块，还用于根据所述比例值确定画图形的缩放系统的缩放值；
画图模块，用于根据所述目标位图和所述缩放系统进行画图处理，得到圆形图标；
所述处理模块，还用于根据所述圆形图标生成页面指示器。
7.根据权利要求6所述的装置，其特征在于，所述处理模块具体用于对所述预设位图的宽度乘以所述比例值，得到目标宽度；对所述预设位图的高度乘以所述比例值，得到目标高度；根据所述目标宽度和所述目标高度生成所述目标位图的方形区域。
8.根据权利要求6或7所述的装置，其特征在于，所述获取模块还用于获取所述圆形图标对应的页面的的预设区域的颜色，其中，所述预设区域为在所述对应的页面上所述圆形图标周围的预设范围；获取所述预设区域的颜色的反色作为所述圆形图标的填充色。
9.根据权利要求8所述的装置，其特征在于，所述画图模块具体用于根据所述目标位图和所述缩放系统进行画图处理，得到圆形图标的位图；将所述圆形图标的位图转换成CGImageRef格式，将所述CGImageRef格式转换为图片格式，得到所述圆形图标。
10.根据权利要求9所述的装置，其特征在于，所述处理模块具体用于控制所述圆形图标对应的页面未被选中时，所述圆形图标显示为边框图；控制所述圆形图标对应的页面被选中时，根据所述圆形图标的填充色将所述圆形图标显示为填充图。
CN201611239463.9A 2016-12-28 2016-12-28 页面指示器的生成方法和装置 Pending CN106843854A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201611239463.9A CN106843854A (zh) 2016-12-28 2016-12-28 页面指示器的生成方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201611239463.9A CN106843854A (zh) 2016-12-28 2016-12-28 页面指示器的生成方法和装置

Publications (1)

Publication Number Publication Date
CN106843854A true CN106843854A (zh) 2017-06-13

Family

ID=59114028

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201611239463.9A Pending CN106843854A (zh) 2016-12-28 2016-12-28 页面指示器的生成方法和装置

Country Status (1)

Country Link
CN (1) CN106843854A (zh)

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101794298A (zh) * 2010-01-22 2010-08-04 中兴通讯股份有限公司 一种实现页面适配的方法、页面适配系统及通信系统
CN104598131A (zh) * 2015-01-15 2015-05-06 小米科技有限责任公司 调节页面显示方式的方法及装置
CN105912318A (zh) * 2016-04-01 2016-08-31 北京京东尚科信息技术有限公司 一种终端屏幕自适应显示方法、终端、服务器及系统

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101794298A (zh) * 2010-01-22 2010-08-04 中兴通讯股份有限公司 一种实现页面适配的方法、页面适配系统及通信系统
CN104598131A (zh) * 2015-01-15 2015-05-06 小米科技有限责任公司 调节页面显示方式的方法及装置
CN105912318A (zh) * 2016-04-01 2016-08-31 北京京东尚科信息技术有限公司 一种终端屏幕自适应显示方法、终端、服务器及系统

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
SAHADEV_: "android中如何使用一张图片适配不同尺寸的APP引导页", 《HTTPS://BLOG.CSDN.NET/SAHADEV_/ARTICLE/DETAILS/48475217》 *

Similar Documents

Publication Publication Date Title
CN107168712A (zh) 界面绘制方法、移动终端及计算机可读存储介质
CN106155692A (zh) 一种终端亮度调节方法及终端
CN103310736B (zh) 一种显示方法和装置
CN105468382A (zh) 一种自适应布局的编程方法
CN106855797A (zh) 一种界面元素颜色的设置方法及装置
CN105843480A (zh) 桌面图标调整方法及装置
CN103064691B (zh) 制作电子设备桌面图标的方法和装置
CN107273000B (zh) 一种智能示波器的屏幕多分辨率适配方法
CN105511712B (zh) 一种图片呈现方法及装置
CN103914213B (zh) 一种用于消除页面抖动的方法和装置
CN104765600A (zh) 一种页面处理方法
CN106681160A (zh) 智能设备控制方法及装置
JP2015215650A (ja) 情報表示装置及び情報表示装置の表示レイアウト変更方法
CN104571842A (zh) 一种信息处理方法及电子设备
CN105468617A (zh) 调整网页内容颜色的方法及装置
CN104182141B (zh) 一种信息处理方法及电子设备
CN103677791B (zh) 一种图标处理方法及电子设备
CN106251382B (zh) 图片风格切换、相机渲染和主题更新的实现方法及系统
CN105335154A (zh) 一种面向多终端的自适应网页布局方法及装置
CN106355547A (zh) 组合图片的布局编辑方法、装置和移动终端
CN105068781B (zh) 拼接显示装置开窗方法和系统
CN103593828A (zh) 一种局部添加滤镜的图像处理方法
CN106843854A (zh) 页面指示器的生成方法和装置
CN103593114A (zh) 一种页面展示方法及装置
CN106354356A (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
RJ01 Rejection of invention patent application after publication

Application publication date: 20170613

RJ01 Rejection of invention patent application after publication