一種嵌入互動(dòng)組件的頁面的無縫縮放方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及數(shù)字技術(shù)領(lǐng)域，尤其涉及一種嵌入互動(dòng)組件的頁面的無縫縮放方法及
>J-U ρ?α裝直。
【背景技術(shù)】
[0002]隨著受眾在移動(dòng)終端上的閱讀習(xí)慣逐漸形成，數(shù)字圖書的閱讀率正在不斷上升。數(shù)字圖書并非單純將紙質(zhì)內(nèi)容照抄照搬到移動(dòng)終端上，還可以添加一些經(jīng)過精心設(shè)計(jì)和編輯的視頻片段、更加豐富的美圖、以及幻燈片等多種交互式組件的元素，這些都將提升數(shù)字圖書的整體呈現(xiàn)品質(zhì)，給讀者帶來沉浸式的閱讀體驗(yàn)。
[0003]值得注意的是，數(shù)字圖書的版式設(shè)計(jì)對(duì)閱讀者的重要程度與日俱增。在排版上，盡量采取精細(xì)化排版，簡(jiǎn)約式處理的方法，這樣用戶在閱讀時(shí)既可以與傳統(tǒng)圖書有所差異，又能一目了然。但是，在實(shí)際的數(shù)字內(nèi)容制作時(shí)，出版社、報(bào)社、雜志社多是將紙質(zhì)出版物所使用的排版文件(圖片文件或者PDF文件)直接用作數(shù)字圖書的版面呈現(xiàn)，進(jìn)一步地，還期望能在其上添加一些互動(dòng)元素，這樣可以大幅度減少數(shù)字內(nèi)容的制作成本。
[0004]目前市面上的移動(dòng)閱讀應(yīng)用，基本上都不支持既可以嵌入互動(dòng)組件，又同時(shí)無縫縮放頁面的功能。比如在數(shù)字雜志市場(chǎng)占有率最高的VIVA應(yīng)用，其主要是在不同的移動(dòng)設(shè)備方向，分別呈現(xiàn)原版式的內(nèi)容和互動(dòng)內(nèi)容，但是這樣做，無疑使得編輯人員的工作量翻了一倍。還有進(jìn)入數(shù)字圖書領(lǐng)域比較早的天智通達(dá)閱讀器，雖然支持原版式的縮放，但是并不支持在其上添加互動(dòng)效果，這樣對(duì)用戶的閱讀體驗(yàn)來說就比較枯燥了一些。因此，如何在有限的屏幕上清晰完整地展示印刷級(jí)別的版式文件，同時(shí)又能帶來豐富的互動(dòng)體驗(yàn)，達(dá)到頁面的無縫縮放，成為了目前移動(dòng)閱讀應(yīng)用共同需要面對(duì)的問題。

【發(fā)明內(nèi)容】

[0005](一)要解決的技術(shù)問題
[0006]本發(fā)明提供一種嵌入互動(dòng)組件的頁面的無縫縮放方法及裝置，以解決現(xiàn)有技術(shù)中無法在頁面上嵌入互動(dòng)組件的同時(shí)實(shí)現(xiàn)無縫縮放的技術(shù)問題。
[0007](二)技術(shù)方案
[0008]為解決上述技術(shù)問題，本發(fā)明提供一種嵌入互動(dòng)組件的頁面的無縫縮放方法，包括:
[0009]根據(jù)頁面的格式加載頁面和嵌入互動(dòng)組件，令所述嵌入互動(dòng)組件和所述頁面在視圖層次結(jié)構(gòu)中處于同一層級(jí)；
[0010]根據(jù)頁面的格式進(jìn)行縮放，同時(shí)利用縮放時(shí)的空間變換矩陣對(duì)所述嵌入互動(dòng)組件的基視圖坐標(biāo)系進(jìn)行空間變換，實(shí)現(xiàn)頁面和嵌入互動(dòng)組件的同步無縫縮放。
[0011]進(jìn)一步地，所述根據(jù)頁面的格式加載頁面包括:
[0012]當(dāng)頁面的格式為點(diǎn)陣描述格式時(shí)，直接將頁面的圖像點(diǎn)陣進(jìn)行存儲(chǔ)加載；
[0013]當(dāng)頁面的格式為矢量描述格式時(shí)，對(duì)頁面進(jìn)行解析和渲染，根據(jù)不同的顯示分辨率生成頁面內(nèi)容。
[0014]進(jìn)一步地，所述根據(jù)頁面的格式進(jìn)行縮放包括:
[0015]當(dāng)頁面的格式為點(diǎn)陣描述格式時(shí)，根據(jù)不同的縮放范圍來加載不同尺寸的頁面圖像；
[0016]當(dāng)頁面的格式為矢量描述格式時(shí)，根據(jù)不同的縮放比來光柵化頁面內(nèi)容點(diǎn)陣，并分塊進(jìn)行頁面內(nèi)容的繪制。
[0017]進(jìn)一步地，所述利用縮放時(shí)的空間變換矩陣對(duì)所述嵌入互動(dòng)組件的基視圖坐標(biāo)系進(jìn)行空間變換包括:
[0018]根據(jù)頁面縮放時(shí)的縮放比和XY方向的偏移量得到2D空間變換矩陣，將所述空間變換矩陣左乘所述嵌入互動(dòng)組件的基視圖坐標(biāo)系進(jìn)行空間變換。
[0019]進(jìn)一步地,所述方法還包括:
[0020]將嵌入互動(dòng)組件的所有子視圖參照基視圖坐標(biāo)系根據(jù)視圖層級(jí)的嵌套關(guān)系進(jìn)行空間變換，以保留所述嵌入互動(dòng)組件的狀態(tài)和觸發(fā)區(qū)域。
[0021]另一方面，本發(fā)明還提供一種嵌入互動(dòng)組件的頁面的無縫縮放裝置，包括:
[0022]加載單元，用于根據(jù)頁面的格式加載頁面和嵌入互動(dòng)組件，令所述嵌入互動(dòng)組件和所述頁面在視圖層次結(jié)構(gòu)中處于同一層級(jí)；
[0023]縮放單元，用于根據(jù)頁面的格式進(jìn)行縮放，同時(shí)利用縮放時(shí)的空間變換矩陣對(duì)所述嵌入互動(dòng)組件的基視圖坐標(biāo)系進(jìn)行空間變換，實(shí)現(xiàn)頁面和嵌入互動(dòng)組件的同步無縫縮放。
[0024]進(jìn)一步地，所述加載單元還用于:
[0025]當(dāng)頁面的格式為點(diǎn)陣描述格式時(shí)，直接將頁面的圖像點(diǎn)陣進(jìn)行存儲(chǔ)加載；
[0026]當(dāng)頁面的格式為矢量描述格式時(shí)，對(duì)頁面進(jìn)行解析和渲染，根據(jù)不同的顯示分辨率生成頁面內(nèi)容。
[0027]進(jìn)一步地，所述縮放單元還用于:
[0028]當(dāng)頁面的格式為點(diǎn)陣描述格式時(shí)，根據(jù)不同的縮放范圍來加載不同尺寸的頁面圖像；
[0029]當(dāng)頁面的格式為矢量描述格式時(shí)，根據(jù)不同的縮放比來光柵化頁面內(nèi)容點(diǎn)陣，并分塊進(jìn)行頁面內(nèi)容的繪制。
[0030]進(jìn)一步地，所述縮放單元還用于:
[0031]根據(jù)頁面縮放時(shí)的縮放比和XY方向的偏移量得到2D空間變換矩陣，將所述空間變換矩陣左乘所述嵌入互動(dòng)組件的基視圖坐標(biāo)系進(jìn)行空間變換。
[0032]進(jìn)一步地，所述裝置還包括:
[0033]子視圖變換單元，與所述縮放單元相連，用于將嵌入互動(dòng)組件的所有子視圖參照基視圖坐標(biāo)系根據(jù)視圖層級(jí)的嵌套關(guān)系進(jìn)行空間變換，以保留所述嵌入互動(dòng)組件的狀態(tài)和觸發(fā)區(qū)域。
[0034](三)有益效果
[0035]在本發(fā)明提供的嵌入互動(dòng)組件的頁面的無縫縮放方法及裝置中，將頁面和嵌入互動(dòng)組件置于視圖層次結(jié)構(gòu)中的同一層級(jí)，頁面的縮放在頁面視圖上完成，并不會(huì)影響到同一層級(jí)的組件視圖，在頁面縮放的同時(shí)，可以利用縮放頁面的空間變換矩陣對(duì)嵌入互動(dòng)組件進(jìn)行同步縮放，實(shí)現(xiàn)二者無縫縮放的技術(shù)效果，提高了用戶體驗(yàn)，具有較高的實(shí)際應(yīng)用價(jià)值。
【附圖說明】
[0036]為了更清楚地說明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對(duì)實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作一簡(jiǎn)單地介紹，顯而易見地，下面描述中的附圖是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0037]圖1是本發(fā)明實(shí)施例嵌入互動(dòng)組件的頁面的無縫縮放方法的基本流程示意圖；
[0038]圖2是本發(fā)明實(shí)施例1嵌入互動(dòng)組件的頁面的無縫縮放方法的流程示意圖；
[0039]圖3是本發(fā)明實(shí)施例嵌入互動(dòng)組件的頁面的無縫縮放裝置的基本結(jié)構(gòu)示意圖；
[0040]圖4是本發(fā)明實(shí)施例嵌入互動(dòng)組件的頁面的無縫縮放裝置的一個(gè)優(yōu)選結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0041]為使本發(fā)明實(shí)施例的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。
[0042]本發(fā)明實(shí)施例首先提供了一種嵌入互動(dòng)組件的頁面的無縫縮放方法，參見圖1，包括:
[0043]步驟101:根據(jù)頁面的格式加載頁面和嵌入互動(dòng)組件，令所述嵌入互動(dòng)組件和所述頁面在視圖層次結(jié)構(gòu)中處于同一層級(jí)。
[0044]步驟102:根據(jù)頁面的格式進(jìn)行縮放，同時(shí)利用縮放時(shí)的空間變換矩陣對(duì)所述嵌入互動(dòng)組件的基視圖坐標(biāo)系進(jìn)行空間變換，實(shí)現(xiàn)頁面和嵌入互動(dòng)組件的同步無縫縮放。
[0045]可見，在本發(fā)明實(shí)施例提供的嵌入互動(dòng)組件的頁面的無縫縮放方法中，將頁面和嵌入互動(dòng)組件置于視圖層次結(jié)構(gòu)中的同一層級(jí)，頁面的縮放在頁面視圖上完成，并不會(huì)影響到同一層級(jí)的組件視圖，在頁面縮放的同時(shí)，可以利用縮放頁面的空間變換矩陣對(duì)嵌入互動(dòng)組件進(jìn)行同步縮放，實(shí)現(xiàn)二者無縫縮放的技術(shù)效果，提高了用戶體驗(yàn)，具有較高的實(shí)際應(yīng)用價(jià)值。
[0046]頁面的格式類型主要包含點(diǎn)陣描述格式(圖像文件，如JPG、BMP、PNG等)和矢量描述格式(PDF、EDPUB, CEBX等)，其中點(diǎn)陣描述格式在加載時(shí)不需要解析文檔的過程，呈現(xiàn)的效果與設(shè)備環(huán)境無關(guān)，但是可能會(huì)因?yàn)閳D像點(diǎn)陣尺寸過大，導(dǎo)致存儲(chǔ)需要的空間變大，而且當(dāng)頁面縮放時(shí)，因?yàn)椴逯邓惴ǖ挠绊?，使得頁面顯示效果質(zhì)量下降。而矢量描述格式所呈現(xiàn)的效果與尺度無關(guān)，可以根據(jù)不同的顯示分辨率來生成頁面內(nèi)容，但是可能會(huì)因?yàn)榻馕龊弯秩镜拈_銷過大，導(dǎo)致在移動(dòng)設(shè)備上的加載速度變慢。這兩種頁面的格式各有利弊，在實(shí)際應(yīng)用中，優(yōu)選地，根據(jù)頁面的格式加載頁面可以包括:當(dāng)頁面的格式為點(diǎn)陣描述格式時(shí)，直接將頁面的圖像點(diǎn)陣進(jìn)行存儲(chǔ)加載；當(dāng)頁面的格式為矢量描述格式時(shí)，對(duì)頁面進(jìn)行解析和渲染，根據(jù)不同的顯示分辨率生成頁面內(nèi)容。
[0047]優(yōu)選地，根據(jù)頁面的格式進(jìn)行縮放可以包括:當(dāng)頁面的格式為點(diǎn)陣描述格式時(shí)，根據(jù)不同的縮放范圍來加載不同尺寸的頁面圖像；當(dāng)頁面的格式為矢量描述格式時(shí)，根據(jù)不同的縮放比來光柵化頁面內(nèi)容點(diǎn)陣，并分塊進(jìn)行頁面內(nèi)容的繪制。
[0048]頁面內(nèi)容的渲染刷新，并不影響到嵌入互動(dòng)組件的呈現(xiàn)和交互，由于嵌入互動(dòng)組件和頁面在視圖層次結(jié)構(gòu)中處于同一層級(jí)，其中一者的改變并不會(huì)影響到另一者。嵌入互動(dòng)組件的縮放是通過對(duì)基視圖進(jìn)行空間變換來實(shí)現(xiàn)的，其上所有的子視圖均放置在一個(gè)基視圖之上，其變換也都是參照基視圖的坐標(biāo)系來實(shí)現(xiàn)地。優(yōu)選地，具體實(shí)施過程為:根據(jù)頁面縮放時(shí)的縮放比和XY方向的偏移量得到2D空間變換矩陣，將空間變換矩陣左乘所述嵌入互動(dòng)組件的基視圖坐標(biāo)系進(jìn)行空間變換；將嵌入互動(dòng)組件的所有子視圖參照基視圖坐標(biāo)系根據(jù)視圖層級(jí)的嵌套關(guān)系變換多層嵌套視圖的空間位置，以保留所述嵌入互動(dòng)組件的狀態(tài)和觸發(fā)區(qū)域。
[0049]實(shí)施例1:
[0050]本發(fā)明實(shí)施例1提供一種嵌入互動(dòng)組件的頁面的無縫縮放方法，以詳細(xì)說明本發(fā)明實(shí)施例的具體實(shí)現(xiàn)過程，參見圖2:
[0051]步驟201:根據(jù)頁面的格式加載頁面和嵌入互動(dòng)組件，令嵌入互動(dòng)組件和頁面在視圖層次結(jié)構(gòu)中處于同一層級(jí)。
[0052]本步驟中，根據(jù)頁面的格式加載頁面并加載嵌入互動(dòng)組件，將頁面和嵌入互動(dòng)組件置于視圖層次結(jié)構(gòu)中的同一層級(jí)上。其中兩者均被放置在滾動(dòng)視圖這一基視圖內(nèi)。放置的順序決定其顯示的遮擋順序，頁面視圖先放置，組件視圖后放置。頁面的內(nèi)容被繪制在頁面視圖上。
[0053]當(dāng)頁面內(nèi)容采用點(diǎn)陣描述的格式時(shí)，每一個(gè)頁面需要保存至少三個(gè)不同尺寸，一般情況下是1/4尺寸，1/2尺寸，全尺寸。所謂的全尺寸，一般是指用戶按照144DPI生成的頁面圖像點(diǎn)陣，用戶可以從排版軟件直接生成，也可以通過光柵化矢量描述文件生成，如HF。1/4尺寸作為頁面的縮略圖使用，主要用于頁面預(yù)覽、頁面導(dǎo)航等用途。1/2尺寸作為頁面適配屏幕的顯示來使用，