本發(fā)明涉及電子設(shè)備技術(shù)，尤其涉及一種頁面指示器的生成方法和裝置。

背景技術(shù)：

在很多應(yīng)用程序(Application，簡稱：APP)啟動(dòng)后會(huì)顯示引導(dǎo)圖，引導(dǎo)圖一般為多張，引導(dǎo)圖底部會(huì)出現(xiàn)一個(gè)頁面指示器控件，用于指示引導(dǎo)圖的頁面?zhèn)€數(shù)和當(dāng)前顯示頁面。其中，頁面指示器控件通常有多個(gè)圓形圖標(biāo)排列成一行，每個(gè)圓形圖標(biāo)對應(yīng)一個(gè)頁面，通常用填充圓圖標(biāo)表示當(dāng)前顯示頁面，邊框圓圖標(biāo)表示其余的頁面。

電子設(shè)備的顯示屏幕大小不一，現(xiàn)有技術(shù)中，UI通常設(shè)置多個(gè)不同尺寸的圓形圖標(biāo)，以適應(yīng)不同尺寸的顯示屏幕。每種尺寸的圓形圖標(biāo)設(shè)計(jì)多種不同的顏色，以適應(yīng)不同顏色的頁面。

然而，采用現(xiàn)有技術(shù)的方法，需要存儲(chǔ)不同尺寸和不同顏色的多個(gè)圓形圖標(biāo)，存儲(chǔ)空間開銷較大。

技術(shù)實(shí)現(xiàn)要素：

本發(fā)明提供一種頁面指示器的生成方法和裝置，以節(jié)約存儲(chǔ)空間。

第一方面，本發(fā)明提供一種頁面指示器的生成方法，包括：

獲取待顯示電子設(shè)備的屏幕尺寸與預(yù)設(shè)屏幕尺寸的比例值；

根據(jù)比例值對預(yù)設(shè)位圖的方形區(qū)域進(jìn)行調(diào)整，得到目標(biāo)位圖的方形區(qū)域；

根據(jù)比例值確定畫圖形的縮放系統(tǒng)的縮放值；

根據(jù)目標(biāo)位圖和縮放系統(tǒng)進(jìn)行畫圖處理，得到圓形圖標(biāo)；

根據(jù)圓形圖標(biāo)生成頁面指示器。

可選地，根據(jù)比例值對預(yù)設(shè)位圖的方形區(qū)域進(jìn)行調(diào)整，得到目標(biāo)位圖的方形區(qū)域，包括：

對預(yù)設(shè)位圖的寬度乘以比例值，得到目標(biāo)寬度；

對預(yù)設(shè)位圖的高度乘以比例值，得到目標(biāo)高度；

根據(jù)目標(biāo)寬度和目標(biāo)高度生成目標(biāo)位圖的方形區(qū)域。

可選地，得到圓形圖標(biāo)之后，還包括：

獲取圓形圖標(biāo)對應(yīng)的頁面的的預(yù)設(shè)區(qū)域的顏色，其中，預(yù)設(shè)區(qū)域?yàn)樵趯?yīng)的頁面上圓形圖標(biāo)周圍的預(yù)設(shè)范圍；

獲取預(yù)設(shè)區(qū)域的顏色的反色作為圓形圖標(biāo)的填充色。

可選地，根據(jù)目標(biāo)位圖和縮放系統(tǒng)進(jìn)行畫圖處理，得到圓形圖標(biāo)，包括：

根據(jù)目標(biāo)位圖和縮放系統(tǒng)進(jìn)行畫圖處理，得到圓形圖標(biāo)的位圖；

將圓形圖標(biāo)的位圖轉(zhuǎn)換成CGImageRef格式，將CGImageRef格式轉(zhuǎn)換為圖片格式，得到圓形圖標(biāo)。

可選地，根據(jù)圓形圖標(biāo)生成頁面指示器，包括：

控制圓形圖標(biāo)對應(yīng)的頁面未被選中時(shí)，圓形圖標(biāo)顯示為邊框圖；

控制圓形圖標(biāo)對應(yīng)的頁面被選中時(shí)，根據(jù)圓形圖標(biāo)的填充色將圓形圖標(biāo)顯示為填充圖。

第二方面，本發(fā)明提供一種頁面指示器的生成裝置，包括：

獲取模塊，用于獲取待顯示電子設(shè)備的屏幕尺寸與預(yù)設(shè)屏幕尺寸的比例值；

處理模塊，用于根據(jù)比例值對預(yù)設(shè)位圖的方形區(qū)域進(jìn)行調(diào)整，得到目標(biāo)位圖的方形區(qū)域；

處理模塊，還用于根據(jù)比例值確定畫圖形的縮放系統(tǒng)的縮放值；

畫圖模塊，用于根據(jù)目標(biāo)位圖和縮放系統(tǒng)進(jìn)行畫圖處理，得到圓形圖標(biāo)；

處理模塊，還用于根據(jù)圓形圖標(biāo)生成頁面指示器。

可選地，處理模塊具體用于對預(yù)設(shè)位圖的寬度乘以比例值，得到目標(biāo)寬度；對預(yù)設(shè)位圖的高度乘以比例值，得到目標(biāo)高度；根據(jù)目標(biāo)寬度和目標(biāo)高度生成目標(biāo)位圖的方形區(qū)域。

可選地，獲取模塊還用于獲取圓形圖標(biāo)對應(yīng)的頁面的的預(yù)設(shè)區(qū)域的顏色，其中，預(yù)設(shè)區(qū)域?yàn)樵趯?yīng)的頁面上圓形圖標(biāo)周圍的預(yù)設(shè)范圍；獲取預(yù)設(shè)區(qū)域的顏色的反色作為圓形圖標(biāo)的填充色。

可選地，畫圖模塊具體用于根據(jù)目標(biāo)位圖和縮放系統(tǒng)進(jìn)行畫圖處理，得到圓形圖標(biāo)的位圖；將圓形圖標(biāo)的位圖轉(zhuǎn)換成CGImageRef格式，將CGImageRef格式轉(zhuǎn)換為圖片格式，得到圓形圖標(biāo)。

可選地，處理模塊具體用于控制圓形圖標(biāo)對應(yīng)的頁面未被選中時(shí)，圓形圖標(biāo)顯示為邊框圖；控制圓形圖標(biāo)對應(yīng)的頁面被選中時(shí)，根據(jù)圓形圖標(biāo)的填充色將圓形圖標(biāo)顯示為填充圖。

本發(fā)明提供的頁面指示器的生成方法和裝置，通過獲取待顯示電子設(shè)備的屏幕尺寸與預(yù)設(shè)屏幕尺寸的比例值，根據(jù)比例值對預(yù)設(shè)位圖的方形區(qū)域進(jìn)行調(diào)整，得到目標(biāo)位圖的方形區(qū)域，根據(jù)比例值確定畫圖形的縮放系統(tǒng)的縮放值，根據(jù)目標(biāo)位圖和縮放系統(tǒng)進(jìn)行畫圖處理，得到圓形圖標(biāo)，根據(jù)圓形圖標(biāo)生成頁面指示器，即可以根據(jù)不同的待顯示電子設(shè)備的尺寸生成與之相適應(yīng)的圓形圖標(biāo)，進(jìn)而生成頁面指示器，無需預(yù)先存儲(chǔ)不同尺寸的圓形圖標(biāo)，從而，節(jié)約存儲(chǔ)空間。

附圖說明

為了更清楚地說明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)性的前提下，還可以根據(jù)這些附圖獲得其他的附圖。

圖1為本發(fā)明頁面指示器的生成方法實(shí)施例一的流程示意圖；

圖2為本發(fā)明頁面指示器的生成方法實(shí)施例二的流程示意圖；

圖3為本發(fā)明頁面指示器的生成方法實(shí)施例三的流程示意圖；

圖4為本發(fā)明頁面指示器的示意圖；

圖5為本發(fā)明頁面指示器的生成裝置實(shí)施例的結(jié)構(gòu)示意圖。

具體實(shí)施方式

下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例。基于本發(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。

本發(fā)明的說明書和權(quán)利要求書及上述附圖中的術(shù)語“第一”、“第二”、“第三”“第四”等(如果存在)是用于區(qū)別類似的對象，而不必用于描述特定的順序或先后次序。應(yīng)該理解這樣使用的數(shù)據(jù)在適當(dāng)情況下可以互換，以便這里描述的本發(fā)明的實(shí)施例例如能夠以除了在這里圖示或描述的那些以外的順序?qū)嵤４送?，術(shù)語“包括”和“具有”以及他們的任何變形，意圖在于覆蓋不排他的包含，例如，包含了一系列步驟或單元的過程、方法、系統(tǒng)、產(chǎn)品或設(shè)備不必限于清楚地列出的那些步驟或單元，而是可包括沒有清楚地列出的或?qū)τ谶@些過程、方法、產(chǎn)品或設(shè)備固有的其它步驟或單元。

本發(fā)明通過獲取待顯示電子設(shè)備的屏幕尺寸與預(yù)設(shè)屏幕尺寸的比例值，根據(jù)比例值對預(yù)設(shè)位圖的方形區(qū)域進(jìn)行調(diào)整，得到目標(biāo)位圖的方形區(qū)域，根據(jù)比例值確定畫圖形的縮放系統(tǒng)的縮放值，根據(jù)目標(biāo)位圖和縮放系統(tǒng)進(jìn)行畫圖處理，得到圓形圖標(biāo)，根據(jù)圓形圖標(biāo)生成頁面指示器，即可以根據(jù)不同的待顯示電子設(shè)備的尺寸生成與之相適應(yīng)的圓形圖標(biāo)，進(jìn)而生成頁面指示器，無需預(yù)先存儲(chǔ)不同尺寸的圓形圖標(biāo)，從而，節(jié)約存儲(chǔ)空間。并且，由于是根據(jù)不同的待顯示電子設(shè)備的尺寸生成與之相適應(yīng)的圓形圖標(biāo)，可以適應(yīng)的電子設(shè)備的尺寸不受限制，因此，提高了其應(yīng)用的廣泛性。進(jìn)一步地，取圓形圖標(biāo)在其對應(yīng)的頁面的預(yù)設(shè)區(qū)域的顏色的反色作為圓形圖標(biāo)的填充色，從而，有利于區(qū)分圓形圖標(biāo)和頁面，提高用戶體驗(yàn)以及圓形圖標(biāo)的填充色選擇的靈活性。

下面以具體地實(shí)施例對本發(fā)明的技術(shù)方案進(jìn)行詳細(xì)說明。下面這幾個(gè)具體的實(shí)施例可以相互結(jié)合，對于相同或相似的概念或過程可能在某些實(shí)施例不再贅述。

圖1為本發(fā)明頁面指示器的生成方法實(shí)施例一的流程示意圖，如圖1所示，本實(shí)施例的方法如下：

S101：獲取待顯示電子設(shè)備的屏幕尺寸與預(yù)設(shè)屏幕尺寸的比例值。

待顯示電子設(shè)備可以是手機(jī)、平板(PAD)、電腦和智能手表等，對此，本發(fā)明不作限制。

預(yù)設(shè)屏幕尺寸是設(shè)計(jì)時(shí)所確定的尺寸，通常選擇市場占有量比較大的電子設(shè)備的屏幕尺寸作為預(yù)設(shè)屏幕尺寸。

S102：根據(jù)比例值對預(yù)設(shè)位圖的方形區(qū)域進(jìn)行調(diào)整，得到目標(biāo)位圖的方形區(qū)域。

S103：根據(jù)比例值確定畫圖形的縮放系統(tǒng)的縮放值。

S104：根據(jù)目標(biāo)位圖和縮放系統(tǒng)進(jìn)行畫圖處理，得到圓形圖標(biāo)。

其中，一種可能的實(shí)現(xiàn)方式為：

根據(jù)目標(biāo)位圖和縮放系統(tǒng)進(jìn)行畫圖處理，得到圓形圖標(biāo)的位圖；

將圓形圖標(biāo)的位圖轉(zhuǎn)換成CGImageRef格式，將CGImageRef格式轉(zhuǎn)換為圖片格式，得到圓形圖標(biāo)。

S105：根據(jù)圓形圖標(biāo)生成頁面指示器。

控制圓形圖標(biāo)對應(yīng)的頁面未被選中時(shí)，圓形圖標(biāo)顯示為邊框圖；

控制圓形圖標(biāo)對應(yīng)的頁面被選中時(shí)，根據(jù)圓形圖標(biāo)的填充色將圓形圖標(biāo)顯示為填充圖。

本實(shí)施例，通過獲取待顯示電子設(shè)備的屏幕尺寸與預(yù)設(shè)屏幕尺寸的比例值，根據(jù)比例值對預(yù)設(shè)位圖的方形區(qū)域進(jìn)行調(diào)整，得到目標(biāo)位圖的方形區(qū)域，根據(jù)比例值確定畫圖形的縮放系統(tǒng)的縮放值，根據(jù)目標(biāo)位圖和縮放系統(tǒng)進(jìn)行畫圖處理，得到圓形圖標(biāo)，根據(jù)圓形圖標(biāo)生成頁面指示器，即可以根據(jù)不同的待顯示電子設(shè)備的尺寸生成與之相適應(yīng)的圓形圖標(biāo)，進(jìn)而生成頁面指示器，無需預(yù)先存儲(chǔ)不同尺寸的圓形圖標(biāo)，從而，節(jié)約存儲(chǔ)空間。

圖2為本發(fā)明頁面指示器的生成方法實(shí)施例二的流程示意圖，圖2是在圖1所示實(shí)施例的基礎(chǔ)上，S102的一種可能的實(shí)現(xiàn)方式的描述：

S1021：對預(yù)設(shè)位圖的寬度乘以比例值，得到目標(biāo)寬度。

S1022：對預(yù)設(shè)位圖的高度乘以比例值，得到目標(biāo)高度。

S1023：根據(jù)目標(biāo)寬度和目標(biāo)高度生成目標(biāo)位圖的方形區(qū)域。

本實(shí)施例，通過對預(yù)設(shè)位圖的寬度乘以比例值，得到目標(biāo)寬度；對預(yù)設(shè)位圖的高度乘以比例值，得到目標(biāo)高度；根據(jù)目標(biāo)寬度和目標(biāo)高度生成目標(biāo)位圖的方形區(qū)域，從而，實(shí)現(xiàn)根據(jù)待顯示電子設(shè)備的尺寸確定與之適應(yīng)的目標(biāo)位圖的方形區(qū)域。

圖3為本發(fā)明頁面指示器的生成方法實(shí)施例三的流程示意圖，圖3是在圖1或圖2所示實(shí)施例的基礎(chǔ)上行，進(jìn)一步地，在S104之后，還包括：

S104a：確定圓形圖標(biāo)的填充色是否為固定顏色，若是，執(zhí)行S104d，若否，執(zhí)行S104b。

S104b：獲取圓形圖標(biāo)對應(yīng)的頁面的的預(yù)設(shè)區(qū)域的顏色。

其中，預(yù)設(shè)區(qū)域?yàn)樵趯?yīng)的頁面上圓形圖標(biāo)周圍的預(yù)設(shè)范圍；圖4為本發(fā)明頁面指示器的示意圖，其中，預(yù)設(shè)區(qū)域的大小可以根據(jù)實(shí)際應(yīng)用設(shè)定，例如，在圖4中的區(qū)域1為預(yù)設(shè)區(qū)域。

S104c：獲取預(yù)設(shè)區(qū)域的顏色的反色作為圓形圖標(biāo)的填充色。

S104d：設(shè)置圓形圖標(biāo)的填充色。

如果是固定顏色，則根據(jù)預(yù)設(shè)的固定顏色，對圓形圖標(biāo)進(jìn)行填充，例如：預(yù)設(shè)的固定顏色是黑色，則確定圓形圖標(biāo)的填充色為黑色。

如果不是固定色，則根據(jù)S104c確定的填充色，作為圓形圖標(biāo)的填充色。例如：預(yù)設(shè)區(qū)域的顏色為白色，則填充色可以確定為黑色；預(yù)設(shè)區(qū)域的顏色為黑色，則填充色可以確定為白色。取出預(yù)設(shè)區(qū)域的主色調(diào)的反色通過(1.f-x，1.f-y,1.f-z)確定。

本實(shí)施例，通過取圓形圖標(biāo)在其對應(yīng)的頁面的預(yù)設(shè)區(qū)域的顏色的反色作為圓形圖標(biāo)的填充色，從而，有利于區(qū)分圓形圖標(biāo)和頁面，提高用戶體驗(yàn)以及圓形圖標(biāo)的填充色選擇的靈活性。

圖5為本發(fā)明頁面指示器的生成裝置實(shí)施例的結(jié)構(gòu)示意圖，如圖5所示，本實(shí)施例的裝置包括獲取模塊501、處理模塊502和畫圖模塊503，其中，獲取模塊501用于獲取待顯示電子設(shè)備的屏幕尺寸與預(yù)設(shè)屏幕尺寸的比例值；處理模塊502用于根據(jù)比例值對預(yù)設(shè)位圖的方形區(qū)域進(jìn)行調(diào)整，得到目標(biāo)位圖的方形區(qū)域；處理模塊502還用于根據(jù)比例值確定畫圖形的縮放系統(tǒng)的縮放值；畫圖模塊503用于根據(jù)目標(biāo)位圖和縮放系統(tǒng)進(jìn)行畫圖處理，得到圓形圖標(biāo)；處理模塊502還用于根據(jù)圓形圖標(biāo)生成頁面指示器。

其中，畫圖模塊503具體用于根據(jù)目標(biāo)位圖和縮放系統(tǒng)進(jìn)行畫圖處理，得到圓形圖標(biāo)的位圖；將圓形圖標(biāo)的位圖轉(zhuǎn)換成CGImageRef格式，將CGImageRef格式轉(zhuǎn)換為圖片格式，得到圓形圖標(biāo)。

其中，處理模塊502具體用于控制圓形圖標(biāo)對應(yīng)的頁面未被選中時(shí)，圓形圖標(biāo)顯示為邊框圖；控制圓形圖標(biāo)對應(yīng)的頁面被選中時(shí)，根據(jù)圓形圖標(biāo)的填充色將圓形圖標(biāo)顯示為填充圖。

本實(shí)施例對應(yīng)的可用于執(zhí)行圖1所示方法實(shí)施例的技術(shù)方案，其實(shí)現(xiàn)原理和技術(shù)效果類似，此處不再贅述。

在圖5所示實(shí)施例中，處理模塊502具體用于對預(yù)設(shè)位圖的寬度乘以比例值，得到目標(biāo)寬度；對預(yù)設(shè)位圖的高度乘以比例值，得到目標(biāo)高度；根據(jù)目標(biāo)寬度和目標(biāo)高度生成目標(biāo)位圖的方形區(qū)域。

本實(shí)施例對應(yīng)的可用于執(zhí)行圖2所示方法實(shí)施例的技術(shù)方案，其實(shí)現(xiàn)原理和技術(shù)效果類似，此處不再贅述。

在圖5所示實(shí)施例中，獲取模塊501還用于獲取圓形圖標(biāo)對應(yīng)的頁面的的預(yù)設(shè)區(qū)域的顏色，其中，預(yù)設(shè)區(qū)域?yàn)樵趯?yīng)的頁面上圓形圖標(biāo)周圍的預(yù)設(shè)范圍；獲取預(yù)設(shè)區(qū)域的顏色的反色作為圓形圖標(biāo)的填充色。

本實(shí)施例對應(yīng)的可用于執(zhí)行圖3所示方法實(shí)施例的技術(shù)方案，其實(shí)現(xiàn)原理和技術(shù)效果類似，此處不再贅述。

本領(lǐng)域普通技術(shù)人員可以理解：實(shí)現(xiàn)上述各方法實(shí)施例的全部或部分步驟可以通過程序指令相關(guān)的硬件來完成。前述的程序可以存儲(chǔ)于一計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中。該程序在執(zhí)行時(shí)，執(zhí)行包括上述各方法實(shí)施例的步驟；而前述的存儲(chǔ)介質(zhì)包括：ROM、RAM、磁碟或者光盤等各種可以存儲(chǔ)程序代碼的介質(zhì)。

最后應(yīng)說明的是：以上各實(shí)施例僅用以說明本發(fā)明的技術(shù)方案，而非對其限制；盡管參照前述各實(shí)施例對本發(fā)明進(jìn)行了詳細(xì)的說明，本領(lǐng)域的普通技術(shù)人員應(yīng)當(dāng)理解：其依然可以對前述各實(shí)施例所記載的技術(shù)方案進(jìn)行修改，或者對其中部分或者全部技術(shù)特征進(jìn)行等同替換；而這些修改或者替換，并不使相應(yīng)技術(shù)方案的本質(zhì)脫離本發(fā)明各實(shí)施例技術(shù)方案的范圍。