本發(fā)明涉及計(jì)算機(jī)應(yīng)用技術(shù)領(lǐng)域，尤其涉及一種圖片編輯中的圖片顯示控制方法及裝置。

背景技術(shù)：

隨著計(jì)算機(jī)應(yīng)用技術(shù)的飛速發(fā)展，各種圖片編輯應(yīng)用程序應(yīng)運(yùn)而生，通過(guò)圖片編輯應(yīng)用程序中簡(jiǎn)單實(shí)用的圖片編輯功能，即可使用戶輕松制作出各種效果的圖片，目前已受到廣大用戶的追捧。

在現(xiàn)有的圖片編輯應(yīng)用程序中，通常會(huì)預(yù)設(shè)多種不同類(lèi)型的模板，供用戶選擇，以在用戶選取待編輯的圖片和模板后，將待編輯的圖片顯示于模板的顯示區(qū)域中。而在圖片的顯示過(guò)程中，由于用戶選取的模板的顯示區(qū)域的尺寸和圖片的尺寸并不總是恰好相等，為了使得圖片適配于顯示區(qū)域，一般做法就是直接選取圖片的中間區(qū)域，并將其顯示于模板的顯示區(qū)域，但這可能會(huì)導(dǎo)致模板的顯示區(qū)域中展示給用戶看的內(nèi)容未必是圖片中的重要內(nèi)容。

此外，用戶經(jīng)常會(huì)根據(jù)需要對(duì)模板的顯示區(qū)域的范圍進(jìn)行調(diào)整，例如，拖動(dòng)顯示區(qū)域中的右邊界，以使顯示區(qū)域的范圍變大。在顯示區(qū)域的范圍發(fā)生變化之后，為了使之前的圖片能夠再次適配變化了的顯示區(qū)域，一般做法則是順沿拖動(dòng)方向?qū)D片中未顯示部分繼續(xù)展示給用戶看。同樣的，這也可能導(dǎo)致模板的顯示區(qū)域中展示給用戶看的內(nèi)容未必是圖片中的重要內(nèi)容。

如上所述，現(xiàn)有的圖片編輯中的圖片顯示過(guò)程中還存在著圖片顯示的準(zhǔn)確性不夠的問(wèn)題。

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

基于此，有必要提供一種能夠提高圖片顯示的準(zhǔn)確性的圖片編輯中的圖片顯示控制方法。

此外，還有必要提供一種能夠提高圖片顯示的準(zhǔn)確性的圖片編輯中的圖片顯示控制裝置。

為了解決上述技術(shù)問(wèn)題，本發(fā)明所采用的技術(shù)方案為：

一種圖片編輯中的圖片顯示控制方法，包括：載入獲取到的待編輯的圖片；在載入的所述圖片中進(jìn)行主體區(qū)域的識(shí)別；在預(yù)設(shè)的模板中嵌入所述圖片；及居中顯示所述主體區(qū)域于所述模板的顯示區(qū)域，并根據(jù)嵌入的所述圖片與顯示區(qū)域的適配狀態(tài)動(dòng)態(tài)調(diào)整所述圖片，以自適應(yīng)地使得所述圖片與顯示區(qū)域適配。

一種圖片編輯中的圖片顯示控制裝置，包括：載入模塊，用于載入獲取到的待編輯的圖片；識(shí)別模塊，用于在載入的所述圖片中進(jìn)行主體區(qū)域的識(shí)別；嵌入模塊，用于在預(yù)設(shè)的模板中嵌入所述圖片；及適配模塊，用于居中顯示所述主體區(qū)域于所述模板的顯示區(qū)域，并根據(jù)嵌入的所述圖片與顯示區(qū)域的適配狀態(tài)動(dòng)態(tài)調(diào)整所述圖片，以自適應(yīng)地使得所述圖片與顯示區(qū)域適配。

與現(xiàn)有技術(shù)相比，本發(fā)明具有以下有益效果：

通過(guò)對(duì)載入的待編輯的圖片進(jìn)行主體區(qū)域的識(shí)別，并將該待編輯的圖片嵌入預(yù)設(shè)的模板中，在模板的顯示區(qū)域中將識(shí)別到的主體區(qū)域居中顯示，并根據(jù)嵌入的圖片與顯示區(qū)域的適配狀態(tài)動(dòng)態(tài)調(diào)整圖片，以自適應(yīng)地使得圖片與顯示區(qū)域適配。也就是說(shuō)，通過(guò)主體區(qū)域的居中顯示與自適應(yīng)地對(duì)圖片進(jìn)行動(dòng)態(tài)調(diào)整，使得模板的顯示區(qū)域中顯示的圖片即為包含了重要內(nèi)容的圖片，從而避免了現(xiàn)有技術(shù)中模板的顯示區(qū)域中展示給用戶看的內(nèi)容未必是圖片中的重要內(nèi)容的問(wèn)題，進(jìn)而有效地提高了圖片顯示的準(zhǔn)確性，提升了用戶的體驗(yàn)。

附圖說(shuō)明

圖1為一實(shí)施例的圖片編輯中的圖片顯示控制方法的流程圖；

圖2為另一實(shí)施例的圖片編輯中的圖片顯示控制方法的流程圖；

圖3為一實(shí)施例的偵聽(tīng)得到觸發(fā)顯示區(qū)域中邊界拖動(dòng)的操作，通過(guò)操作調(diào)整顯示區(qū)域的范圍的示意圖；

圖4為圖2中按照邊界拖動(dòng)的拖動(dòng)方向，觸發(fā)移動(dòng)邊界所在的最長(zhǎng)邊，并形成模板各顯示區(qū)域的新布局的示意圖；

圖5為圖2中按照邊界拖動(dòng)的拖動(dòng)方向，觸發(fā)移動(dòng)邊界所在的最長(zhǎng)邊，并形成模板各顯示區(qū)域的新布局的示意圖；

圖6為圖2中按照邊界拖動(dòng)的拖動(dòng)方向，觸發(fā)移動(dòng)邊界所在的最長(zhǎng)邊，并形成模板各顯示區(qū)域的新布局的示意圖；

圖7為圖1中根據(jù)嵌入的所述圖片與顯示區(qū)域的適配狀態(tài)動(dòng)態(tài)調(diào)整所述圖片的方法流程圖；

圖8為圖7中適配狀態(tài)為顯示區(qū)域的相對(duì)兩邊界超出圖片的示意圖；

圖9為圖7中以居中顯示的主體區(qū)域的中心位置為基準(zhǔn)，放大圖片的示意圖；

圖10為一實(shí)施例的圖片編輯中的圖片顯示控制系統(tǒng)的結(jié)構(gòu)框圖；

圖11為另一實(shí)施例的圖片編輯中的圖片顯示控制系統(tǒng)的結(jié)構(gòu)框圖；

圖12為一實(shí)施例的適配模塊的結(jié)構(gòu)框圖；

圖13為本發(fā)明各實(shí)施例所提供的一種客戶端的結(jié)構(gòu)示意圖。

具體實(shí)施方式

體現(xiàn)本發(fā)明特征與優(yōu)點(diǎn)的典型實(shí)施方式將在以下的說(shuō)明中詳細(xì)敘述。應(yīng)理解的是本發(fā)明能夠在不同的實(shí)施方式上具有各種的變化，其皆不脫離本發(fā)明的范圍，且其中的說(shuō)明及圖示在本質(zhì)上是當(dāng)作說(shuō)明之用，而非用以限制本發(fā)明。

如前所述，為了提高圖片顯示的準(zhǔn)確性，使得模板的顯示區(qū)域中展示給用戶看的內(nèi)容包含有圖片中的重要內(nèi)容，特提出了一種圖片編輯中的圖片顯示控制方法。該方法可依賴于計(jì)算機(jī)程序，該計(jì)算機(jī)程序?qū)⑦\(yùn)行在客戶端之上。

請(qǐng)參閱圖1，在一實(shí)施例中，一種圖片編輯中的圖片顯示控制方法，包括以下步驟：

步驟110，載入獲取到的待編輯的圖片。

待編輯的圖片的獲取途徑可以是對(duì)待編輯的圖片進(jìn)行掃描，也可以是從媒體庫(kù)預(yù)先存儲(chǔ)的圖片中選取，還可以是直接對(duì)外界事物進(jìn)行拍攝。

本實(shí)施例中，載入獲取到的待編輯的圖片由客戶端實(shí)現(xiàn)，以利于載入的圖片能夠在該客戶端上完成圖片編輯中的圖片顯示控制。

其中，客戶端可以是用于圖片編輯的軟件客戶端，例如，圖片編輯應(yīng)用程序，也可以是用于圖片編輯的網(wǎng)頁(yè)客戶端，例如，圖片編輯網(wǎng)站。

步驟130，在載入的圖片中進(jìn)行主體區(qū)域的識(shí)別。

主體區(qū)域指的是圖片中的重要內(nèi)容，例如，一張人物圖片，其中的主體區(qū)域應(yīng)為該人物。

進(jìn)一步地，若主體區(qū)域識(shí)別成功，主體區(qū)域?qū)⑼ㄟ^(guò)客戶端進(jìn)行記錄，以便于后續(xù)圖片編輯過(guò)程中主體區(qū)域的顯示；若主體區(qū)域識(shí)別失敗，客戶端將偵聽(tīng)得到用戶在載入的圖片中觸發(fā)的手動(dòng)調(diào)節(jié)操作，通過(guò)該手動(dòng)調(diào)節(jié)操作輔助客戶端進(jìn)行主體區(qū)域的識(shí)別，直至主體區(qū)域識(shí)別成功。

通過(guò)識(shí)別載入的圖片中的主體區(qū)域，將有利于更好地向用戶展示圖片中的重要內(nèi)容，從而提高圖片顯示的準(zhǔn)確性。

步驟150，在預(yù)設(shè)的模板中嵌入圖片。

模板是指構(gòu)成圖片的顯示區(qū)域的固定格式，由客戶端預(yù)先設(shè)置?？蛻舳祟A(yù)設(shè)的模板的類(lèi)型是多種多樣的，以更好地供用戶選擇。

例如，單拼模板中僅包含一個(gè)顯示區(qū)域；雙拼模板中則包含兩個(gè)顯示區(qū)域，該兩個(gè)顯示區(qū)域既可以是上下拼接，也可以是左右拼接；以此類(lèi)推，多拼模板則是由多個(gè)顯示區(qū)域按照不同的拼接方式拼接組成。

在用戶選定預(yù)設(shè)的模板之后，圖片將通過(guò)客戶端被嵌入預(yù)設(shè)的模板中，以進(jìn)一步地顯示在模板的顯示區(qū)域中。

步驟170，居中顯示主體區(qū)域于模板的顯示區(qū)域，并根據(jù)嵌入的圖片與顯示區(qū)域的適配狀態(tài)動(dòng)態(tài)調(diào)整圖片，以自適應(yīng)地使得圖片與顯示區(qū)域適配。

由于嵌入的圖片的尺寸并不總是恰好等于模板的顯示區(qū)域的尺寸，而圖片的主體區(qū)域表示的是圖片中的重要內(nèi)容，因此，在圖片嵌入預(yù)設(shè)的模板之后，通過(guò)在模板的顯示區(qū)域中居中顯示主體區(qū)域，即使得主體區(qū)域的中心位置對(duì)齊模板的顯示區(qū)域的中心位置，以此保證了主體區(qū)域即圖片中的重要內(nèi)容能夠優(yōu)先地向用戶展示。

如果嵌入了圖片的模板不能完整地顯示出主體區(qū)域，或者模板中仍然存在未有圖片顯示的顯示區(qū)域，客戶端將需要根據(jù)圖片中未顯示部分對(duì)未有圖片顯示的顯示區(qū)域進(jìn)行填充，以使圖片與顯示區(qū)域適配。

具體地，相對(duì)模板的顯示區(qū)域的邊界而言，按照?qǐng)D片中未顯示部分進(jìn)行劃分，圖片與顯示區(qū)域的適配狀態(tài)包括：圖片與顯示區(qū)域?qū)捀哌m配、主體區(qū)域超出顯示區(qū)域、顯示區(qū)域的相對(duì)兩邊界超出圖片、以及顯示區(qū)域的任一邊界超出圖片。

其中，第一種屬于圖片與顯示區(qū)域適配，即模板的顯示區(qū)域的所有邊界均未超出圖片，此時(shí)客戶端不對(duì)圖片作為；后三種均屬于圖片與顯示區(qū)域不適配，要么是主體區(qū)域顯示不完整，要么是模板中的相對(duì)兩側(cè)存在未有圖片顯示的顯示區(qū)域，要么是模板中的任一側(cè)存在未有圖片顯示的顯示區(qū)域，此時(shí)客戶端需要對(duì)圖片進(jìn)行自適應(yīng)地動(dòng)態(tài)調(diào)整，直至圖片與顯示區(qū)域適配。

通過(guò)如上所述的過(guò)程，將使得客戶端能夠準(zhǔn)確地于模板的顯示區(qū)域中顯示圖片的主體區(qū)域，并隨著顯示區(qū)域的范圍或者圖片發(fā)生的變化（例如，顯示區(qū)域的范圍變大，或者，更換后的圖片變小等等）而能夠自適應(yīng)地動(dòng)態(tài)調(diào)整圖片，實(shí)現(xiàn)模板的顯示區(qū)域中圖片的動(dòng)態(tài)顯示，保證模板的顯示區(qū)域中展示給用戶看的內(nèi)容即包含有圖片中的重要內(nèi)容，從而有效提高了圖片顯示的準(zhǔn)確性，使得圖片顯示效果更好，提升了用戶的體驗(yàn)。

在一實(shí)施例中，步驟170之后，如上所述的方法還包括以下步驟：

偵聽(tīng)得到觸發(fā)顯示區(qū)域中邊界拖動(dòng)的操作，以通過(guò)操作調(diào)整顯示區(qū)域的范圍。

顯示區(qū)域的范圍是有限的，若需要改變顯示區(qū)域的范圍，客戶端將偵聽(tīng)得到觸發(fā)顯示區(qū)域中邊界拖動(dòng)的操作，通過(guò)該操作即可對(duì)顯示區(qū)域的范圍進(jìn)行調(diào)整，使得顯示區(qū)域的范圍發(fā)生變化。

需要說(shuō)明的是，用戶觸發(fā)的該操作可以是僅拖動(dòng)顯示區(qū)域中的其中一邊界觸發(fā)的，也可以是拖動(dòng)顯示區(qū)域的其中一角觸發(fā)的，此時(shí)將是同時(shí)拖動(dòng)顯示區(qū)域中的相鄰兩邊界。

如圖3所示，在模板中，通過(guò)用戶向右拖動(dòng)顯示區(qū)域中的右邊界所觸發(fā)的操作310，向右調(diào)整顯示區(qū)域，使得顯示區(qū)域的范圍增加。

進(jìn)一步地，在顯示區(qū)域的范圍發(fā)生變化之后，在保證主體區(qū)域居中顯示的前提下，圖片與顯示區(qū)域的適配狀態(tài)可能也相應(yīng)地發(fā)生了變化，因此，模板的顯示區(qū)域中將自適應(yīng)地觸發(fā)圖片的動(dòng)態(tài)調(diào)整，以使圖片與顯示區(qū)域能夠再次適配。

無(wú)論是初次進(jìn)行圖片與顯示區(qū)域的自適應(yīng)適配，還是后續(xù)由于顯示區(qū)域的范圍或者圖片發(fā)生了變化而觸發(fā)的二者之間的再次自適應(yīng)適配，均執(zhí)行步驟170的過(guò)程，以實(shí)現(xiàn)動(dòng)態(tài)變化的顯示區(qū)域中圖片的動(dòng)態(tài)顯示。

值得一提的是，為了實(shí)現(xiàn)動(dòng)態(tài)變化的顯示區(qū)域中圖片的動(dòng)態(tài)顯示，若預(yù)設(shè)的模板發(fā)生變化，則是執(zhí)行步驟150至步驟170的過(guò)程。

請(qǐng)參閱圖2，在一實(shí)施例中，模板包括觸發(fā)了邊界拖動(dòng)的顯示區(qū)域和周邊的至少一其他顯示區(qū)域。

本實(shí)施例中，客戶端預(yù)設(shè)的模板是由多個(gè)顯示區(qū)域按照不同的拼接方式拼接組成的，因此，當(dāng)其中一顯示區(qū)域通過(guò)觸發(fā)了邊界拖動(dòng)來(lái)改變自身范圍時(shí)，勢(shì)必會(huì)影響與其相鄰的周邊的其他顯示區(qū)域的范圍發(fā)生變化。

進(jìn)一步地，步驟170之后，如上所述的方法還包括以下步驟：

步驟210，按照邊界拖動(dòng)的拖動(dòng)方向，觸發(fā)移動(dòng)邊界所在的最長(zhǎng)邊，并在操作停止時(shí)使最長(zhǎng)邊停留在當(dāng)前位置。

步驟230，停留的最長(zhǎng)邊與模板中各顯示區(qū)域中相鄰的邊界重新相交，形成模板中各顯示區(qū)域的新布局。

邊界所在的最長(zhǎng)邊可以是邊界自身，也可以是由多個(gè)顯示區(qū)域的邊界共同組成。無(wú)論何種情況，最長(zhǎng)邊被觸發(fā)移動(dòng)之后，最長(zhǎng)邊兩側(cè)的顯示區(qū)域的范圍都將發(fā)生變化，從而形成模板中各顯示區(qū)域的新布局。

如圖4所示，邊界所在最長(zhǎng)邊450由多個(gè)顯示區(qū)域的邊界共同組成時(shí)，按照邊界411拖動(dòng)的拖動(dòng)方向430，邊界411所在的最長(zhǎng)邊450被觸發(fā)沿拖動(dòng)方向430移動(dòng)，其他與最長(zhǎng)邊450不相鄰的邊界412及相應(yīng)的頂點(diǎn)A、B、C則保持不動(dòng)。

在操作停止時(shí)，形成停留在當(dāng)前位置的最長(zhǎng)邊470。該停留的最長(zhǎng)邊470與模板中各顯示區(qū)域相鄰的邊界413、414、415重新相交，分別形成新的頂點(diǎn)D、E、F，以此形成模板中各顯示區(qū)域的新布局，即顯示區(qū)域1、2、3的范圍增加，顯示區(qū)域4、5的范圍減少。

如圖5所示，邊界所在的最長(zhǎng)邊511即為邊界511時(shí)，按照邊界511拖動(dòng)的拖動(dòng)方向530，邊界511所在的最長(zhǎng)邊511被觸發(fā)沿拖動(dòng)方向530移動(dòng)，其他與最長(zhǎng)邊511不相鄰的邊界及相應(yīng)的頂點(diǎn)則保持不動(dòng)。

在操作停止時(shí)，形成停留在當(dāng)前位置的最長(zhǎng)邊550。該停留的最長(zhǎng)邊550與模板中各顯示區(qū)域相鄰的邊界512重新相交，形成新的頂點(diǎn)G，以此形成模板中各顯示區(qū)域的新布局，即顯示區(qū)域6的范圍增加，顯示區(qū)域7的范圍減少。

值得一提的是，本實(shí)施例中，邊界的拖動(dòng)是有極限的。如圖6所示，當(dāng)邊界610所在的最長(zhǎng)邊610沿拖動(dòng)方向630拖動(dòng)，在邊界610拖動(dòng)至與邊界650之間的距離達(dá)到預(yù)設(shè)的最小寬度時(shí)，邊界610則無(wú)法繼續(xù)沿拖動(dòng)方向630拖動(dòng)。

進(jìn)一步地，在其他顯示區(qū)域的范圍發(fā)生變化之后，在保證主體區(qū)域居中顯示的前提下，圖片與其他顯示區(qū)域的適配狀態(tài)同樣可能相應(yīng)地發(fā)生了變化，因此，模板的其他顯示區(qū)域中也將觸發(fā)圖片的動(dòng)態(tài)調(diào)整，以自適應(yīng)地使得圖片與其他顯示區(qū)域能夠再次適配，即通過(guò)執(zhí)行步驟170的過(guò)程，實(shí)現(xiàn)動(dòng)態(tài)變化的顯示區(qū)域中圖片的動(dòng)態(tài)顯示。

如前所述，圖片與顯示區(qū)域的適配狀態(tài)包括：圖片與顯示區(qū)域?qū)捀哌m配、主體區(qū)域超出顯示區(qū)域、顯示區(qū)域的相對(duì)兩邊界超出圖片、以及顯示區(qū)域的任一邊界超出圖片。

在主體區(qū)域居中顯示于模板的顯示區(qū)域的前提下，按照?qǐng)D片與顯示區(qū)域適配狀態(tài)的不同，根據(jù)嵌入的圖片與顯示區(qū)域的適配狀態(tài)動(dòng)態(tài)調(diào)整圖片的步驟也會(huì)有所區(qū)別，現(xiàn)結(jié)合圖7至圖9對(duì)該步驟加以說(shuō)明如下。

在一實(shí)施例中，適配狀態(tài)為主體區(qū)域超出顯示區(qū)域710，根據(jù)嵌入的圖片與顯示區(qū)域的適配狀態(tài)動(dòng)態(tài)調(diào)整圖片的步驟包括以下步驟：

步驟171，以居中顯示的主體區(qū)域的中心位置為基準(zhǔn)，縮小主體區(qū)域。

本實(shí)施例中，無(wú)論是初次適配，還是在顯示區(qū)域的范圍或者圖片變化之后的再次適配，在主體區(qū)域居中顯示于模板的顯示區(qū)域之后，若該居中顯示的主體區(qū)域超出了顯示區(qū)域，為了保證模板中向用戶展示的圖片中包含有圖片中的重要內(nèi)容，即主體區(qū)域，將以主體區(qū)域的中心位置為基準(zhǔn)，對(duì)超出的主體區(qū)域進(jìn)行縮小，以使縮小后的主體區(qū)域能夠適配于顯示區(qū)域。

在一實(shí)施例中，適配狀態(tài)為顯示區(qū)域的相對(duì)兩邊界超出圖片730，根據(jù)嵌入的圖片與顯示區(qū)域的適配狀態(tài)動(dòng)態(tài)調(diào)整圖片的步驟包括以下步驟：

步驟173，以居中顯示的主體區(qū)域的中心位置為基準(zhǔn)，放大圖片。

例如，顯示區(qū)域與圖片適配即顯示區(qū)域被嵌入的圖片完全填充之后，若繼續(xù)向下拖動(dòng)顯示區(qū)域中的下邊界，由于豎直方向上的圖片在此之前已完整地顯示于顯示區(qū)域中，基于此，模板中將出現(xiàn)未有圖片顯示的顯示區(qū)域（如圖8中陰影填充框所示）。

此時(shí)，客戶端將主體區(qū)域的中心位置與顯示區(qū)域的中心位置對(duì)齊，在主體區(qū)域居中顯示于模板的顯示區(qū)域的前提下，在顯示區(qū)域的相對(duì)兩邊界中，上下邊界（圖8中粗體實(shí)線所示）均超出主體區(qū)域居中顯示的圖片（圖8中虛線所示），即適配狀態(tài)為顯示區(qū)域的相對(duì)兩邊界超出圖片730，此時(shí)，將基于居中顯示的主體區(qū)域的中心位置，對(duì)圖片進(jìn)行放大，使得放大的圖片能夠適配于顯示區(qū)域，如圖9所示。

通過(guò)如上所述過(guò)程，在主體區(qū)域居中顯示的前提下，使得縮放的圖片能夠適配于顯示區(qū)域，由此保證了模板的顯示區(qū)域中所展示的內(nèi)容包含了圖片中的重要內(nèi)容，提高了圖片顯示的準(zhǔn)確性，使得圖片的顯示效果更好，提升了用戶的體驗(yàn)。

在一實(shí)施例中，適配狀態(tài)為顯示區(qū)域的任一邊界超出圖片750。

可以理解，本實(shí)施例中，顯示區(qū)域的任一邊界超出圖片750可以是顯示區(qū)域中僅其中一邊界超出圖片的情況，也可以是顯示區(qū)域中任意相鄰的兩邊界超出圖片的情況，而不包括顯示區(qū)域中相對(duì)兩邊界超出圖片的情況。

進(jìn)一步地，根據(jù)嵌入的圖片與顯示區(qū)域的適配狀態(tài)動(dòng)態(tài)調(diào)整圖片的步驟包括以下步驟：

步驟175，相對(duì)顯示區(qū)域的該任一邊界，得到圖片中未顯示部分。

當(dāng)適配狀態(tài)為顯示區(qū)域的任一邊界超出圖片750，即表示模板中相對(duì)顯示區(qū)域的該任一邊界的一側(cè)存在未有圖片顯示的顯示區(qū)域，此時(shí)，客戶端為了對(duì)未有圖片顯示的顯示區(qū)域進(jìn)行填充，將相對(duì)顯示區(qū)域的該任一邊界，判斷是否能夠得到圖片中未顯示部分。

若能夠得到圖片中未顯示部分，則進(jìn)入步驟177，通過(guò)客戶端以圖片中未顯示部分對(duì)未有圖片顯示的顯示區(qū)域進(jìn)行填充。

若得不到圖片中未顯示部分，即表示圖片已完整地顯示于模板的顯示區(qū)域中，此時(shí)，以居中顯示的主體區(qū)域的中心位置為基準(zhǔn)，對(duì)圖片進(jìn)行放大，使得客戶端以放大的圖片對(duì)未有圖片顯示的顯示區(qū)域進(jìn)行填充。

步驟177，將圖片中未顯示部分向顯示區(qū)域的該任一邊界移動(dòng)。

在相對(duì)顯示區(qū)域的該任一邊界得到圖片中未顯示部分之后，通過(guò)將圖片中未顯示部分向顯示區(qū)域的該任一邊界移動(dòng)，使得未有圖片顯示的顯示區(qū)域被移動(dòng)的圖片填充，以此自適應(yīng)地使得圖片與顯示區(qū)域適配。

通過(guò)如上所述過(guò)程，圖片移動(dòng)之后，圖片中未顯示部分相應(yīng)地移動(dòng)進(jìn)入顯示區(qū)域，主體區(qū)域也將隨之移動(dòng)，雖然移動(dòng)的主體區(qū)域不再居中顯示，但是移動(dòng)的圖片與顯示區(qū)域適配后，使得模板的顯示區(qū)域中向用戶展示的內(nèi)容中包含了圖片中更多的內(nèi)容，由此保證了圖片顯示的準(zhǔn)確性，提升了用戶的體驗(yàn)。

此外，值得一提的是，無(wú)論初次適配，還是后續(xù)顯示區(qū)域的范圍或者圖片變化后的再次適配，若客戶端在對(duì)齊主體區(qū)域的中心位置與模板的顯示區(qū)域的中心位置，即使得主體區(qū)域居中顯示于模板的顯示區(qū)域時(shí)，模板的顯示區(qū)域均已被嵌入的圖片完全填充，此時(shí)，圖片與顯示區(qū)域的適配狀態(tài)為圖片與顯示區(qū)域?qū)捀哌m配，則客戶端不再對(duì)嵌入的圖片進(jìn)行任何的動(dòng)態(tài)調(diào)整，而是直接將模板的顯示區(qū)域中嵌入的圖片展示給用戶。

請(qǐng)參閱圖10，在一實(shí)施例中，一種圖片編輯中的圖片顯示控制裝置，包括：載入模塊810、識(shí)別模塊830、嵌入模塊850及適配模塊870。

其中，載入模塊810用于載入獲取到的待編輯的圖片。

識(shí)別模塊830用于在載入的圖片中進(jìn)行主體區(qū)域的識(shí)別。

嵌入模塊850用于在預(yù)設(shè)的模板中嵌入圖片。

適配模塊870用于居中顯示主體區(qū)域于模板的顯示區(qū)域，并根據(jù)嵌入的圖片與顯示區(qū)域的適配狀態(tài)動(dòng)態(tài)調(diào)整圖片，以自適應(yīng)地使得圖片與顯示區(qū)域適配。

在一實(shí)施例中，如上所述的裝置還包括：偵聽(tīng)模塊，用于偵聽(tīng)得到觸發(fā)顯示區(qū)域中邊界拖動(dòng)的操作，以通過(guò)操作調(diào)整顯示區(qū)域的范圍。

請(qǐng)參閱圖11，在一實(shí)施例中，如上所述的裝置還包括：移動(dòng)模塊910及相交模塊930。

其中，移動(dòng)模塊910用于按照邊界拖動(dòng)的拖動(dòng)方向，觸發(fā)移動(dòng)邊界所在的最長(zhǎng)邊，并在操作停止時(shí)使最長(zhǎng)邊停留在當(dāng)前位置。

相交模塊930用于停留的最長(zhǎng)邊與模板中各顯示區(qū)域中相鄰的邊界重新相交，形成模板中各顯示區(qū)域的新布局。

請(qǐng)參閱圖12，在一實(shí)施例中，適配狀態(tài)為主體區(qū)域超出顯示區(qū)域，適配模塊870包括：縮小單元871，用于以居中顯示的主體區(qū)域的中心位置為基準(zhǔn)，縮小主體區(qū)域。

請(qǐng)參閱圖12，在一實(shí)施例中，適配狀態(tài)為顯示區(qū)域的相對(duì)兩邊界超出圖片，適配模塊870包括：放大單元873，用于以居中顯示的主體區(qū)域的中心位置為基準(zhǔn)，放大圖片。

請(qǐng)參閱圖12，在一實(shí)施例中，適配狀態(tài)為顯示區(qū)域的任一邊界超出圖片，適配模塊870包括：獲取單元875及移動(dòng)單元877。

其中，獲取單元875，用于相對(duì)顯示區(qū)域的該任一邊界，得到圖片中未顯示部分。

移動(dòng)單元877，用于將圖片中未顯示部分向顯示區(qū)域的該任一邊界移動(dòng)。

請(qǐng)參閱圖13，圖13是本發(fā)明實(shí)施例提供的一種客戶端1200的結(jié)構(gòu)示意圖。上述實(shí)施例中的由客戶端所執(zhí)行的步驟均可以基于該圖中所示的客戶端的結(jié)構(gòu)。

該客戶端1200可因配置或者性能的不同而產(chǎn)生較大的差異，其包括：電源1210、接口1230、至少一存儲(chǔ)介質(zhì)1250、以及至少一中央處理器（CPU ，Central Processing Units）1270。

具體地，電源1210用于為客戶端1200上的各硬件設(shè)備提供工作電壓。

接口1230包括至少一有線或無(wú)線網(wǎng)絡(luò)接口1231、至少一串并轉(zhuǎn)換接口1233、至少一輸入輸出接口1235以及至少一USB接口1237等，用于與外部設(shè)備通信。

存儲(chǔ)介質(zhì)1250作為資源存儲(chǔ)的載體，可以是隨機(jī)存儲(chǔ)介質(zhì)、磁盤(pán)或者光盤(pán)等，其上所存儲(chǔ)的資源包括操作系統(tǒng)1251、應(yīng)用程序1253及數(shù)據(jù)1255等，存儲(chǔ)方式可以是短暫存儲(chǔ)或者永久存儲(chǔ)。其中，操作系統(tǒng)1251用于管理與控制客戶端1200上的各硬件設(shè)備以及應(yīng)用程序1253，以實(shí)現(xiàn)中央處理器1270對(duì)海量數(shù)據(jù)1255的計(jì)算與處理，其可以是Windows ServerTM、Mac OS XTM、UnixTM、LinuxTM、FreeBSDTM等。應(yīng)用程序1253是基于操作系統(tǒng)1251之上完成至少一項(xiàng)特定工作的計(jì)算機(jī)程序，其可以包括至少一模塊（圖示未示出），每個(gè)模塊都可以分別包含有對(duì)客戶端1200的一系列操作指令。數(shù)據(jù)1255可以是存儲(chǔ)于磁盤(pán)中的圖片等。

中央處理器1270可以包括一個(gè)或多個(gè)以上的處理器，并設(shè)置為通過(guò)總線與存儲(chǔ)介質(zhì)1250通信，用于計(jì)算與處理存儲(chǔ)介質(zhì)1250中的海量數(shù)據(jù)1255。

通過(guò)中央處理器1270讀取存儲(chǔ)介質(zhì)1250中存儲(chǔ)的一系列操作指令，并基于存儲(chǔ)介質(zhì)1250上的操作系統(tǒng)1251在客戶端1200上執(zhí)行，進(jìn)而使得上述實(shí)施例的全部或者部分步驟可以通過(guò)在客戶端上運(yùn)行相關(guān)的計(jì)算機(jī)程序來(lái)完成。

上述內(nèi)容，僅為本發(fā)明的較佳實(shí)施例，并非用于限制本發(fā)明的實(shí)施方案，本領(lǐng)域普通技術(shù)人員根據(jù)本發(fā)明的主要構(gòu)思和精神，可以十分方便地進(jìn)行相應(yīng)的變通或修改，故本發(fā)明的保護(hù)范圍應(yīng)以權(quán)利要求書(shū)所要求的保護(hù)范圍為準(zhǔn)。