圖片加載方法、裝置及電子設(shè)備的制造方法
【專利摘要】本申請公開了一種圖片加載方法、裝置及電子設(shè)備，其根據(jù)待加載圖片的內(nèi)容描述信息和坐標(biāo)信息生成描述圖層，并在開始執(zhí)行圖片加載時，將該描述圖層顯示于待加載圖片對應(yīng)的目標(biāo)區(qū)域；其中，描述圖層中的內(nèi)容描述信息起到提示作用，使得用戶可以根據(jù)描述圖層中顯示的待加載圖片的內(nèi)容描述信息，預(yù)知待加載圖片所展示的內(nèi)容，如果內(nèi)容描述信息與自己的需求不相關(guān)，則可在當(dāng)前頁面完成加載之前切換至其他頁面，既可以減少用戶的等待時間，又可以減少網(wǎng)絡(luò)流量浪費。
【專利說明】
圖片加載方法、裝置及電子設(shè)備
技術(shù)領(lǐng)域
[0001]本申請涉及網(wǎng)頁加載技術(shù)領(lǐng)域，尤其涉及一種圖片加載方法、裝置及電子設(shè)備。
【背景技術(shù)】
[0002]隨著網(wǎng)頁技術(shù)的發(fā)展，網(wǎng)頁中所包含的信息越來越豐富，圖片文件在網(wǎng)頁中所占的比重也越來越大。相對于文字，在網(wǎng)頁中添加圖片文件可以更形象直觀地表現(xiàn)本網(wǎng)頁所要展示的信息。相應(yīng)的，各種具有圖片展示功能的終端應(yīng)用程序也層出不窮。
[0003]常用的圖片加載技術(shù)，通常先根據(jù)待加載圖片的尺寸在當(dāng)前顯示區(qū)域中預(yù)留相應(yīng)的空白區(qū)域，將待加載圖片劃分為多個圖塊，然后按一定的順序依次將各個圖塊顯示于空白區(qū)域的對應(yīng)位置處。圖1示出了應(yīng)用上述圖片加載技術(shù)的某網(wǎng)頁中由上至下加載至不同程度的圖片文件。
[0004]對于包含圖片文件的網(wǎng)頁或終端應(yīng)用程序界面，其完成加載所消耗的時間受多種因素影響；例如，圖片文件越多、圖片文件尺寸越大、網(wǎng)速越慢，完成圖片加載所需要的時間也越長。由于只有在圖片文件的全部或大部分圖塊加載完成時，用戶才可以判斷該圖片文件是否為自己需要的圖片文件，如果不是，則通過相應(yīng)的操作將當(dāng)前網(wǎng)頁的其他區(qū)域或其他網(wǎng)頁置于可視窗口內(nèi)，并繼續(xù)等待新的圖片文件加載，不僅浪費時間，還浪費網(wǎng)絡(luò)流量。
【發(fā)明內(nèi)容】
[0005]為克服相關(guān)技術(shù)中存在的問題，本申請?zhí)峁┮环N圖片加載方法、裝置及電子設(shè)備。
[0006]本申請第一方面提供一種圖片加載方法；該方法包括:
[0007]獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息；
[0008]根據(jù)所述內(nèi)容描述信息和坐標(biāo)信息生成描述圖層；以及
[0009]將所述描述圖層顯示于目標(biāo)頁面中所述待加載圖片對應(yīng)的目標(biāo)區(qū)域。
[0010]結(jié)合第一方面，在第一方面的第一種可行的實施方式中，所述圖片加載方法還包括:
[0011]根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的大小和位置。
[0012]結(jié)合第一方面，或者第一方面的第一種可行的實施方式，在第一方面的第二種可行的實施方式中，所述圖片加載方法還包括:
[0013]根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的透明度。
[0014]結(jié)合第一方面，或者第一方面的第一種可行的實施方式，在第一方面的第三種可行的實施方式中，所述圖片加載方法還包括:
[0015]在所述獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息的步驟之前，判斷當(dāng)前網(wǎng)速是否大于預(yù)設(shè)速度；
[0016]如果所述當(dāng)前網(wǎng)速不大于所述預(yù)設(shè)速度，則執(zhí)行所述獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息的步驟。
[0017]本申請第二方面提供一種圖片加載置；該裝置包括:
[0018]信息獲取單元，用于獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息;
[0019]圖層生成單元，用于根據(jù)所述內(nèi)容描述信息和坐標(biāo)信息生成描述圖層；以及
[0020]圖層顯示單元，用于將所述描述圖層顯示于目標(biāo)頁面中所述待加載圖片對應(yīng)的目標(biāo)區(qū)域。
[0021]結(jié)合第二方面，在第二方面的第一種可行的實施方式中，所述圖片加載裝置還包括:
[0022]第一顯示控制單元，用于根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的大小和位置。
[0023]結(jié)合第二方面，或者第二方面的第一種可行的實施方式，在第二方面的第二種可行的實施方式中，所述圖片加載裝置還包括:
[0024]第二顯示控制單元，用于根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的透明度。
[0025]結(jié)合第二方面，或者第二方面的第一種可行的實施方式，在第二方面的第三種可行的實施方式中，所述圖片加載裝置還包括:
[0026]網(wǎng)速判斷單元，用于在所述獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息的步驟之前，判斷當(dāng)前網(wǎng)速是否大于預(yù)設(shè)速度，并在所述當(dāng)前網(wǎng)速不大于所述預(yù)設(shè)速度時，觸發(fā)所述信息獲取單元。
[0027]本申請第三方面提供一種電子設(shè)備；所述電子設(shè)備具有網(wǎng)絡(luò)圖片展示功能，包括:
[0028]處理器；以及，用于存儲處理器可執(zhí)行指令的存儲器；
[0029]其中，所述處理器被配置為:
[0030]獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息；
[0031]根據(jù)所述內(nèi)容描述信息和坐標(biāo)信息生成描述圖層；以及
[0032]將所述描述圖層顯示于目標(biāo)頁面中所述待加載圖片對應(yīng)的目標(biāo)區(qū)域。
[0033]結(jié)合第三方面，在第三方面的第一種可行的實施方式中，所述處理器還被配置為:
[0034]根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的大小和位置。
[0035]結(jié)合第三方面，或者第三方面的第一種可行的實施方式，在第三方面的第二種可行的實施方式中，所述處理器還被配置為:
[0036]根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的透明度。
[0037]結(jié)合第三方面，或者第三方面的第一種可行的實施方式，在第三方面的第三種可行的實施方式中，所述處理器還被配置為:
[0038]在所述獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息的步驟之前，判斷當(dāng)前網(wǎng)速是否大于預(yù)設(shè)速度；
[0039]如果所述當(dāng)前網(wǎng)速不大于所述預(yù)設(shè)速度，則執(zhí)行所述獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息的步驟。
[0040]由以上技術(shù)方案可知，本申請實施例根據(jù)待加載圖片的內(nèi)容描述信息和坐標(biāo)信息生成描述圖層，并在開始執(zhí)行圖片加載時，將該描述圖層顯示于待加載圖片對應(yīng)的目標(biāo)區(qū)域；其中，描述圖層中的內(nèi)容描述信息起到提示作用，使得用戶可以根據(jù)描述圖層中顯示的待加載圖片的內(nèi)容描述信息，預(yù)知待加載圖片所展示的內(nèi)容，如果內(nèi)容描述信息與自己的需求不相關(guān)，則可在當(dāng)前頁面完成加載之前切換至其他頁面，既可以減少用戶的等待時間，又可以減少網(wǎng)絡(luò)流量浪費。
[0041]應(yīng)當(dāng)理解的是，以上的一般描述和后文的細(xì)節(jié)描述僅是示例性和解釋性的，并不能限制本申請。
【附圖說明】
[0042]此處的附圖被并入說明書中并構(gòu)成本說明書的一部分，示出了符合本發(fā)明的實施例，并與說明書一起用于解釋本發(fā)明的原理。
[0043]圖1是現(xiàn)有網(wǎng)頁圖片加載過程中網(wǎng)頁界面的示意圖。
[0044]圖2是根據(jù)一示例性實施例示出的一種圖片加載方法的流程圖。
[0045]圖3是根據(jù)一示例性實施例示出的圖片加載方法中獲取坐標(biāo)信息的示意圖。
[0046]圖4是根據(jù)一示例性實施例示出的圖片加載方法中顯示描述圖層的示意圖。
[0047]圖5是根據(jù)一示例性實施例示出的另一種圖片加載方法的流程圖。
[0048]圖6是根據(jù)一示例性實施例示出的一種圖片加載方法中根據(jù)圖片加載進(jìn)度調(diào)節(jié)描述圖層的方法示意圖。
[0049]圖7是根據(jù)一示例性實施例示出的另一種圖片加載方法中根據(jù)圖片加載進(jìn)度調(diào)節(jié)描述圖層的方法示意圖。
[0050]圖8是根據(jù)一示例性實施例示出的又一種圖片加載方法中根據(jù)圖片加載進(jìn)度調(diào)節(jié)描述圖層的方法示意圖。
[0051]圖9是根據(jù)一示例性實施例示出的又一種圖片加載方法的流程圖。
[0052]圖10是根據(jù)一示例性實施例示出的一種圖片加載裝置的框圖。
[0053]圖11是根據(jù)一示例性實施例示出的另一種圖片加載裝置的框圖。
[0054]圖12是根據(jù)一示例性實施例示出的又一種圖片加載裝置的框圖。
[0055]圖13是根據(jù)一示例性實施例示出的一種具有網(wǎng)絡(luò)圖片展示功能的電子設(shè)備的框圖。
【具體實施方式】
[0056]這里將詳細(xì)地對示例性實施例進(jìn)行說明，其示例表示在附圖中。下面的描述涉及附圖時，除非另有表示，不同附圖中的相同數(shù)字表示相同或相似的要素。以下示例性實施例中所描述的實施方式并不代表與本發(fā)明相一致的所有實施方式。相反，它們僅是與如所附權(quán)利要求書中所詳述的、本發(fā)明的一些方面相一致的裝置和方法的例子。
[0057]圖2為本申請實施例提供的一種圖片加載方法的流程圖，該方法可以應(yīng)用于瀏覽器等具有圖片展示功能的終端應(yīng)用程序。如圖2所示，該方法包括以下步驟。
[0058]S11、獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息。
[0059]其中，上述內(nèi)容描述信息可以為與待加載圖片所展示的內(nèi)容相關(guān)的關(guān)鍵詞、引用該待加載圖片的網(wǎng)頁的標(biāo)題等。
[0060]上述坐標(biāo)信息用于描述待加載圖片的尺寸及其在目標(biāo)頁面中的位置；具體的，以待加載圖片所在的目標(biāo)頁面為基準(zhǔn)建立平面直角坐標(biāo)系(xy坐標(biāo)系)，獲取其中的每個待加載圖片的坐標(biāo)信息，記錄為如下格式:(待加載圖片的左邊界坐標(biāo)，待加載圖片的上邊界坐標(biāo)，待加載圖片的寬度，待加載圖片的高度)。
[0061]如圖3所示，以目標(biāo)頁面300為基準(zhǔn)建立xy坐標(biāo)系，單位為像素，其中待加載圖片311的坐標(biāo)信息為(485，405，480，560)，即待加載圖片311的寬度為480像素，高度為560像素，左邊界與目標(biāo)頁面300左邊緣的距離為485像素，上邊界與目標(biāo)頁面300的上邊緣的距離為405像素，也即待加載圖片311的左上角坐標(biāo)為(485,405)。待加載圖片311的內(nèi)容描述信息可以為與其所展示的服裝相關(guān)的關(guān)鍵詞“豹紋皮草毛領(lǐng)外套”等。
[0062]S12、根據(jù)所述內(nèi)容描述信息和坐標(biāo)信息生成描述圖層。
[0063]S13、將所述描述圖層顯示于目標(biāo)頁面中所述待加載圖片對應(yīng)的目標(biāo)區(qū)域。
[0064]其中，根據(jù)所述坐標(biāo)信息確定描述圖層的大小及在目標(biāo)頁面中的坐標(biāo)，所述內(nèi)容描述信息作為描述圖層中展示的文字內(nèi)容?？蛇x的，該描述圖層的背景可以填充為預(yù)設(shè)顏色，也可以設(shè)置為透明(即不填充任何顏色)，同時將內(nèi)容描述信息設(shè)置為與背景不同的顏色。開始圖片加載時，無論圖片加載速度如何，都先將其對應(yīng)的描述圖層顯示于對應(yīng)的目標(biāo)區(qū)域內(nèi)。
[0065]參照圖4，描述圖層為圖3中待加載圖片311對應(yīng)的描述圖層，該圖層中包含有待加載圖片311的描述信息“豹紋皮草毛領(lǐng)外套”;根據(jù)待加載圖片311的坐標(biāo)信息(485，405，480, 560)確定的描述圖層312的坐標(biāo)信息可以為(485，405，480, 560)，即描述圖層312完全覆蓋用于顯示待加載圖片311的目標(biāo)區(qū)域。在本申請其他可行的實施例中，也可以設(shè)置描述圖層的面積小于對應(yīng)的目標(biāo)區(qū)域的面積，即使得描述圖層僅覆蓋目標(biāo)區(qū)域的一部分。
[0066]由以上技術(shù)方案可知，本申請實施例根據(jù)待加載圖片的內(nèi)容描述信息和坐標(biāo)信息生成描述圖層，并在開始執(zhí)行圖片加載時，將該描述圖層顯示于待加載圖片對應(yīng)的目標(biāo)區(qū)域；其中，描述圖層中的內(nèi)容描述信息起到提示作用，使得用戶可以根據(jù)描述圖層中顯示的待加載圖片的內(nèi)容描述信息，預(yù)知待加載圖片所展示的內(nèi)容，如果內(nèi)容描述信息與自己的需求不相關(guān)，則可在當(dāng)前頁面完成加載之前切換至其他頁面，既可以減少用戶的等待時間，又可以減少網(wǎng)絡(luò)流量浪費。
[0067]圖5為本申請實施例提供的另一種圖片加載方法的流程圖。該方法可以應(yīng)用于瀏覽器等具有圖片展示功能的終端應(yīng)用程序。如圖5所示，該方法包括以下步驟。
[0068]S21、獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息。
[0069]S22、根據(jù)所述內(nèi)容描述信息和坐標(biāo)信息生成描述圖層。
[0070]S23、將所述描述圖層顯示于目標(biāo)頁面中所述待加載圖片對應(yīng)的目標(biāo)區(qū)域。
[0071]S24、根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的大小和位置。
[0072]在本申請一個可行的實施例中，可以按照如下規(guī)則調(diào)整描述圖層的大小和位置:如果待加載圖片的已加載部分占據(jù)目標(biāo)區(qū)域的x%，則描述圖層占據(jù)剩余l(xiāng)-x%區(qū)域。參照圖6，在開始加載時，描述圖層的面積為目標(biāo)區(qū)域的100% (完全覆蓋整個目標(biāo)區(qū)域)；當(dāng)待加載圖片加載進(jìn)度為30%時，描述圖層的面積縮小至目標(biāo)區(qū)域的70% ;當(dāng)待加載圖片加載進(jìn)度為70%時，描述圖層的面積縮小至目標(biāo)區(qū)域的30%;鑒于加載完成后，內(nèi)容描述信息的提示作用不再是描述圖層的必要功能，故當(dāng)待加載圖片加載進(jìn)度為100% (加載完成)時，描述圖層面積縮小為0(描述圖層消失)。相應(yīng)的，內(nèi)容描述信息的顯示位置也隨著描述圖層減小而向下移動，具體的，可以設(shè)置內(nèi)容描述信息保持在描述圖層的中部。
[0073]在本申請另一個可行的實施例中，可以設(shè)置描述圖層的面積和目標(biāo)區(qū)域總面積之間的最小百分比7% (如10%)，當(dāng)描述圖層的面積隨圖片加載進(jìn)度減小至目標(biāo)區(qū)域的y%時，不再調(diào)整描述圖層的大小和位置，并將描述圖層設(shè)置于待加載圖片的上層；如圖7所示，在加載進(jìn)度為100%時仍保留描述圖層。同時，還可以適當(dāng)調(diào)節(jié)描述圖層的透明度，使得用戶可以透過描述圖層查看其下方的圖片區(qū)域。
[0074]由以上技術(shù)方案可知，本申請實施例在圖片加載過程中，根據(jù)待加載圖片的加載進(jìn)度調(diào)整對應(yīng)的描述圖層的大小和位置，可以避免已加載的圖片部分和描述圖層相互覆蓋，既保證內(nèi)容描述信息在圖片加載過程中始終完整呈現(xiàn)給用戶，起到相應(yīng)的提示作用，又不影響待加載圖片在目標(biāo)區(qū)域的正常顯示。
[0075]除了上述根據(jù)待加載圖片的加載進(jìn)度調(diào)整描述圖層的大小和位置，在本申請一個可行的實施例中，還可以通過如下方法避免描述圖層中的內(nèi)容描述信息被已加載的圖片部分覆蓋:在目標(biāo)區(qū)域顯示描述圖層時，設(shè)置描述圖層位于待加載圖片的下層，且所述內(nèi)容描述信息在描述圖層中的位置為圖片加載方向的末端，使得內(nèi)容描述信息在圖片加載完成時(即不再需要通過內(nèi)容描述信息提示對應(yīng)圖片所展示的)才被覆蓋。如圖8所示，假設(shè)待加載圖片按由上至下的方向加載，則將內(nèi)容描述信息設(shè)置于描述圖層的下端。
[0076]在本申請另一個可行的實施方式中，如果描述圖層設(shè)置于待加載圖片的上層，還可以通過如下方法避免已加載的圖片部分被描述圖層遮擋:根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的透明度。
[0077]具體的，可以設(shè)置描述圖層的透明度與圖片加載進(jìn)度在數(shù)值上相等，實現(xiàn)描述圖層逐漸淡化、待加載圖片逐漸清晰的效果。圖片加載進(jìn)度為0% (開始加載之前)時，設(shè)置描述圖層的透明度為0% ;當(dāng)待加載圖片加載進(jìn)度為30%時，描述圖層的透明度設(shè)置為30% ;當(dāng)待加載圖片加載進(jìn)度為70%時，描述圖層的透明度設(shè)置為70% ;圖片加載進(jìn)度為100%(加載完成)時，描述圖層的透明度設(shè)置為100% (即描述圖層不可見)。
[0078]另外，還可以按照如下規(guī)則對描述圖層的透明度進(jìn)行粗略調(diào)節(jié):圖片加載進(jìn)度為0% (開始加載之前)時，設(shè)置描述圖層的透明度為O % ;圖片加載進(jìn)度大于O %且小于100%時，設(shè)置描述圖層的透明度為50%;當(dāng)圖片加載進(jìn)度等于100%，設(shè)置描述圖層的透明度為100%。
[0079]參見圖9，在本申請又一個可行的實施例中，還可以根據(jù)當(dāng)前網(wǎng)速限定上述圖片加載方法的執(zhí)行，即本實施例提供的圖片加載方法包括如下步驟:
[0080]S31、判斷當(dāng)前網(wǎng)速是否大于預(yù)設(shè)速度，如果是，則重新執(zhí)行步驟S31，否則執(zhí)行步驟 S32。
[0081]其中，如果當(dāng)前網(wǎng)速大于預(yù)設(shè)網(wǎng)速，還可以先延時一段時間(具體延時時長可以根據(jù)實際應(yīng)用場景設(shè)置)，再重新執(zhí)行步驟S31，判斷延時完成時的網(wǎng)速是否大于預(yù)設(shè)網(wǎng)速。在確定當(dāng)前網(wǎng)速大于預(yù)設(shè)網(wǎng)速后，以及上述延時過程中，采用現(xiàn)有技術(shù)執(zhí)行圖片加載。
[0082]S32、獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息。
[0083]S33、根據(jù)所述內(nèi)容描述信息和坐標(biāo)信息生成描述圖層。
[0084]S34、將所述描述圖層顯示于目標(biāo)頁面中所述待加載圖片對應(yīng)的目標(biāo)區(qū)域。
[0085]由以上增加步驟可知，本實施例中僅在網(wǎng)速不大于預(yù)設(shè)速度(即網(wǎng)速較慢)時，才執(zhí)行上述圖片加載方法，即在加載圖片的同時生成并顯示描述圖層，以展示待加載圖片的內(nèi)容描述信息，以便減少用戶的等待時間；而在網(wǎng)速大于預(yù)設(shè)速度(即網(wǎng)速較快)時，不會出現(xiàn)圖片加載過慢的現(xiàn)象，故可以采用現(xiàn)有技術(shù)直接加載圖片，不執(zhí)行其他數(shù)據(jù)處理，以減少相關(guān)處理器的工作負(fù)擔(dān)。
[0086]圖10為本申請實施例提供的一種圖片加載裝置的結(jié)構(gòu)框圖。參照圖10，該裝置包括:信息獲取單元110、圖層生成單元120和圖層顯示單元130。
[0087]該信息獲取單元110被配置為，獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息。
[0088]該圖層生成單元120被配置為，根據(jù)所述內(nèi)容描述信息和坐標(biāo)信息生成描述圖層。
[0089]該圖層顯示單元130被配置為，將所述描述圖層顯示于目標(biāo)頁面中所述待加載圖片對應(yīng)的目標(biāo)區(qū)域。
[0090]由以上技術(shù)方案可知，本申請實施例根據(jù)待加載圖片的內(nèi)容描述信息和坐標(biāo)信息生成描述圖層，并在開始執(zhí)行圖片加載時，將該描述圖層顯示于待加載圖片對應(yīng)的目標(biāo)區(qū)域；其中，描述圖層中的內(nèi)容描述信息起到提示作用，使得用戶可以根據(jù)描述圖層中顯示的待加載圖片的內(nèi)容描述信息，預(yù)知待加載圖片所展示的內(nèi)容，如果內(nèi)容描述信息與自己的需求不相關(guān)，則可在當(dāng)前頁面完成加載之前切換至其他頁面，既可以減少用戶的等待時間，又可以減少網(wǎng)絡(luò)流量浪費。
[0091]參見圖11，本申請實施例提供的圖片加載裝置還可以包括:第一顯示控制單元140。
[0092]該第一顯示控制單元140被配置為，根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的大小和位置。
[0093]另外，上述圖片加載裝置還可以包括:第二顯示控制單元150。
[0094]該第二顯示控制單元150被配置為，根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的透明度。
[0095]由以上技術(shù)方案可知，本申請實施例在圖片加載過程中，根據(jù)待加載圖片的加載進(jìn)度調(diào)整對應(yīng)的描述圖層的大小和位置，或者調(diào)整所述描述圖層的透明度，都可以避免已加載的圖片部分和描述圖層相互覆蓋，既保證內(nèi)容描述信息在圖片加載過程中始終完整呈現(xiàn)給用戶，起到相應(yīng)的提示作用，又不影響待加載圖片在目標(biāo)區(qū)域的正常顯示。
[0096]參見圖12，除上述信息獲取單元110、圖層生成單元120和圖層顯示單元130外，本申請實施例提供的圖片加載裝置還可以包括網(wǎng)速判斷單元160 ;該網(wǎng)速判斷單元160被配置為在所述獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息的步驟之前，判斷當(dāng)前網(wǎng)速是否大于預(yù)設(shè)速度，并在所述當(dāng)前網(wǎng)速不大于所述預(yù)設(shè)速度時，觸發(fā)所述信息獲取單元。
[0097]關(guān)于上述實施例中的裝置，其中各個模塊執(zhí)行操作的具體方式已經(jīng)在有關(guān)該方法的實施例中進(jìn)行了詳細(xì)描述，此處將不做詳細(xì)闡述說明。
[0098]另外，本申請實施例還提供了一種計算機(jī)存儲介質(zhì)，例如可以是ROM、隨機(jī)存取存儲器(RAM)、CD-ROM、磁帶、軟盤和光數(shù)據(jù)存儲設(shè)備等；該計算機(jī)存儲介質(zhì)中存儲有程序，當(dāng)所述存儲介質(zhì)中的程序由具有網(wǎng)絡(luò)圖片展示功能的電子設(shè)備的處理器執(zhí)行時，使得移動終端能夠執(zhí)行上述方法實施例中記載的圖片加載方法的部分或全部步驟。
[0099]圖13是根據(jù)一示例性實施例示出的一種具有網(wǎng)絡(luò)圖片展示功能的電子設(shè)備的框圖。例如，電子設(shè)備可以是移動電話，平板設(shè)備，筆記本電腦，數(shù)字廣播終端，消息收發(fā)設(shè)備等。
[0100]參照圖13，電子設(shè)備可以包括以下一個或多個組件:處理組件802，存儲器804，電源組件806，多媒體組件808，音頻組件810，輸入/輸出(I/O)的接口 812，傳感器組件814，以及通信組件816。
[0101]處理組件802通?？刂齐娮釉O(shè)備的整體操作，諸如與顯示，電話呼叫，數(shù)據(jù)通信，相機(jī)操作和記錄操作相關(guān)聯(lián)的操作。處理組件802可以包括一個或多個處理器820來執(zhí)行本地或者遠(yuǎn)程指令，以完成上述的方法的全部或部分步驟。此外，處理組件802可以包括一個或多個模塊，便于處理組件802和其他組件之間的交互。例如，處理組件802可以包括多媒體模塊，以方便多媒體組件808和處理組件802之間的交互。
[0102]存儲器804被配置為存儲各種類型的數(shù)據(jù)以支持在電子設(shè)備的操作。這些數(shù)據(jù)的示例包括用于在電子設(shè)備上操作的任何應(yīng)用程序或方法的指令，聯(lián)系人數(shù)據(jù)，電話簿數(shù)據(jù)，消息，圖片，視頻等。存儲器804可以由任何類型的易失性或非易失性存儲設(shè)備或者它們的組合實現(xiàn)，如靜態(tài)隨機(jī)存取存儲器(SRAM)，電可擦除可編程只讀存儲器(EEPROM)，可擦除可編程只讀存儲器(EPROM)，可編程只讀存儲器(PROM)，只讀存儲器(ROM)，磁存儲器，快閃存儲器，磁盤或光盤。
[0103]電源組件806為電子設(shè)備的各種組件提供電力。電源組件806可以包括電源管理系統(tǒng)，一個或多個電源，及其他與為電子設(shè)備生成、管理和分配電力相關(guān)聯(lián)的組件。
[0104]多媒體組件808包括在所述電子設(shè)備和用戶之間的提供一個輸出接口的屏幕。在一些實施例中，屏幕可以包括液晶顯示器(LCD)和觸摸面板(TP)。如果屏幕包括觸摸面板，屏幕可以被實現(xiàn)為觸摸屏，以接收來自用戶的輸入信號。觸摸面板包括一個或多個觸摸傳感器以感測觸摸、滑動和觸摸面板上的手勢。所述觸摸傳感器可以不僅感測觸摸或滑動動作的邊界，而且還檢測與所述觸摸或滑動操作相關(guān)的持續(xù)時間和壓力。在一些實施例中，多媒體組件808包括一個前置攝像頭和/或后置攝像頭。當(dāng)電子設(shè)備處于操作模式，如拍攝模式或視頻模式時，前置攝像頭和/或后置攝像頭可以接收外部的多媒體數(shù)據(jù)。每個前置攝像頭和后置攝像頭可以是一個固定的光學(xué)透鏡系統(tǒng)或具有焦距和光學(xué)變焦能力。
[0105]音頻組件810被配置為輸出和/或輸入音頻信號。例如，音頻組件810包括一個麥克風(fēng)(MIC)，當(dāng)電子設(shè)備處于操作模式，如呼叫模式、記錄模式和語音識別模式時，麥克風(fēng)被配置為接收外部音頻信號。所接收的音頻信號可以被進(jìn)一步存儲在存儲器804或經(jīng)由通信組件816發(fā)送。在一些實施例中，音頻組件810還包括一個揚(yáng)聲器，用于輸出音頻信號。
[0106]I/0接口 812為處理組件802和外圍接口模塊之間提供接口，上述外圍接口模塊可以是鍵盤，點擊輪，按鈕等。這些按鈕可包括但不限于:主頁按鈕、音量按鈕、啟動按鈕和鎖定按鈕。
[0107]傳感器組件814包括一個或多個傳感器，用于為電子設(shè)備提供各個方面的狀態(tài)評估。例如，傳感器組件814可以檢測到電子設(shè)備的打開/關(guān)閉狀態(tài)，組件的相對定位，例如所述組件為電子設(shè)備的顯示器和小鍵盤，傳感器組件814還可以檢測電子設(shè)備或電子設(shè)備一個組件的位置改變，用戶與電子設(shè)備接觸的存在或不存在，電子設(shè)備方位或加速/減速和電子設(shè)備的溫度變化。傳感器組件814可以包括接近傳感器，被配置用來在沒有任何的物理接觸時檢測附近物體的存在。傳感器組件814還可以包括光傳感器，如CMOS或CXD圖像傳感器，用于在成像應(yīng)用中使用。在一些實施例中，該傳感器組件814還可以包括加速度傳感器，陀螺儀傳感器，磁傳感器，壓力傳感器或溫度傳感器。
[0108]通信組件816被配置為便于電子設(shè)備和其他設(shè)備之間有線或無線方式的通信。電子設(shè)備可以接入基于通信標(biāo)準(zhǔn)的無線網(wǎng)絡(luò)，如WiFi，2G或3G，或它們的組合。在一個示例性實施例中，通信組件816經(jīng)由廣播信道接收來自外部廣播管理系統(tǒng)的廣播信號或廣播相關(guān)信息。在一個示例性實施例中，所述通信組件816還包括近場通信(NFC)模塊，以促進(jìn)短程通信。例如，在NFC模塊可基于射頻識別(rad1 frequency identificat1n, RFID)技術(shù)，紅外數(shù)據(jù)協(xié)會(Infrared Data Associat1n, IrDA)技術(shù)，超寬帶(Ultra Wideband, UffB)技術(shù)，藍(lán)牙(bluetooth)技術(shù)和其他技術(shù)來實現(xiàn)。
[0109]在示例性實施例中，電子設(shè)備可以被一個或多個應(yīng)用專用集成電路(ASIC)、數(shù)字信號處理器(DSP)、數(shù)字信號處理設(shè)備(DSH))、可編程邏輯器件(PLD)、現(xiàn)場可編程門陣列(FPGA)、控制器、微控制器、微處理器或其他電子元件實現(xiàn)，用于執(zhí)行上述圖片加載方法。
[0110]其中，本實施例中，處理器820通過執(zhí)行存儲器804中的指令，可以完成如下步驟:
[0111]獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息；
[0112]根據(jù)所述內(nèi)容描述信息和坐標(biāo)信息生成描述圖層；以及
[0113]將所述描述圖層顯示于目標(biāo)頁面中所述待加載圖片對應(yīng)的目標(biāo)區(qū)域。
[0114]在本申請一個可行的實施例中，處理器820還可以執(zhí)行如下步驟:
[0115]根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的大小和位置。
[0116]在本申請另一個可行的實施例中，處理器820還可以執(zhí)行如下步驟:
[0117]根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的透明度。
[0118]在本申請又一個可行的實施例中，處理器820還可以執(zhí)行如下步驟:
[0119]在所述獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息的步驟之前，判斷當(dāng)前網(wǎng)速是否大于預(yù)設(shè)速度；
[0120]如果所述當(dāng)前網(wǎng)速不大于所述預(yù)設(shè)速度，則執(zhí)行所述獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息的步驟。
[0121]本領(lǐng)域技術(shù)人員在考慮說明書及實踐這里公開的發(fā)明后，將容易想到本發(fā)明的其它實施方案。本申請旨在涵蓋本發(fā)明的任何變型、用途或者適應(yīng)性變化，這些變型、用途或者適應(yīng)性變化遵循本發(fā)明的一般性原理并包括本申請未公開的本技術(shù)領(lǐng)域中的公知常識或慣用技術(shù)手段。說明書和實施例僅被視為示例性的，本發(fā)明的真正范圍和精神由下面的權(quán)利要求指出。
[0122]應(yīng)當(dāng)理解的是，本發(fā)明并不局限于上面已經(jīng)描述并在附圖中示出的精確結(jié)構(gòu)，并且可以在不脫離其范圍進(jìn)行各種修改和改變。本發(fā)明的范圍僅由所附的權(quán)利要求來限制。
【主權(quán)項】
1.一種圖片加載方法，其特征在于，包括: 獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息； 根據(jù)所述內(nèi)容描述信息和坐標(biāo)信息生成描述圖層；以及 將所述描述圖層顯示于目標(biāo)頁面中所述待加載圖片對應(yīng)的目標(biāo)區(qū)域。2.根據(jù)權(quán)利要求1所述的圖片加載方法，其特征在于，還包括: 根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的大小和位置。3.根據(jù)權(quán)利要求1或2所述的圖片加載方法，其特征在于，還包括: 根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的透明度。4.根據(jù)權(quán)利要求1或2所述的圖片加載方法，其特征在于，還包括: 在所述獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息的步驟之前，判斷當(dāng)前網(wǎng)速是否大于預(yù)設(shè)速度； 如果所述當(dāng)前網(wǎng)速不大于所述預(yù)設(shè)速度，則執(zhí)行所述獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息的步驟。5.一種圖片加載裝置，其特征在于，包括: 信息獲取單元，用于獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息； 圖層生成單元，用于根據(jù)所述內(nèi)容描述信息和坐標(biāo)信息生成描述圖層；以及 圖層顯示單元，用于將所述描述圖層顯示于目標(biāo)頁面中所述待加載圖片對應(yīng)的目標(biāo)區(qū)域。6.根據(jù)權(quán)利要求1所述的圖片加載裝置，其特征在于，還包括: 第一顯示控制單元，用于根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的大小和位置。7.根據(jù)權(quán)利要求5或6所述的圖片加載裝置，其特征在于，還包括: 第二顯示控制單元，用于根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的透明度。8.根據(jù)權(quán)利要求5或6所述的圖片加載裝置，其特征在于，還包括: 網(wǎng)速判斷單元，用于在所述獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息的步驟之前，判斷當(dāng)前網(wǎng)速是否大于預(yù)設(shè)速度，并在所述當(dāng)前網(wǎng)速不大于所述預(yù)設(shè)速度時，觸發(fā)所述信息獲取單元。9.一種電子設(shè)備，其特征在于，所述電子設(shè)備具有網(wǎng)絡(luò)圖片展示功能；所述電子設(shè)備包括: 處理器；以及 用于存儲處理器可執(zhí)行指令的存儲器； 其中，所述處理器被配置為: 獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息； 根據(jù)所述內(nèi)容描述信息和坐標(biāo)信息生成描述圖層；以及 將所述描述圖層顯示于目標(biāo)頁面中所述待加載圖片對應(yīng)的目標(biāo)區(qū)域。10.根據(jù)權(quán)利要求9所述的電子設(shè)備，其特征在于，所述處理器還被配置為: 根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的大小和位置。11.根據(jù)權(quán)利要求9或10所述的電子設(shè)備，其特征在于，所述處理器還被配置為: 根據(jù)所述待加載圖片的加載進(jìn)度調(diào)整所述描述圖層的透明度。12.根據(jù)權(quán)利要求9或10所述的電子設(shè)備，其特征在于，所述處理器還被配置為: 在所述獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息的步驟之前，判斷當(dāng)前網(wǎng)速是否大于預(yù)設(shè)速度； 如果所述當(dāng)前網(wǎng)速不大于所述預(yù)設(shè)速度，則執(zhí)行所述獲取待加載圖片的內(nèi)容描述信息和在目標(biāo)頁面中的坐標(biāo)信息的步驟。
【文檔編號】G06F17/30GK105824819SQ201510003776
【公開日】2016年8月3日
【申請日】2015年1月5日
【發(fā)明人】毛瀟笑
【申請人】阿里巴巴集團(tuán)控股有限公司