專利名稱：一種調(diào)整列表元素大小的方法及裝置的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及計算機技術(shù)領(lǐng)域，尤其涉及一種調(diào)整列表元素大小的方法及裝置。
背景技術(shù)：
隨著網(wǎng)絡(luò)技術(shù)的發(fā)展和網(wǎng)絡(luò)影響的擴大，IMdnstant Messaging,即時通訊)工具已經(jīng)被大多數(shù)的網(wǎng)絡(luò)用戶所接受，成為用戶必不可少的軟件工具，在休閑娛樂和日常工作中得到廣泛的使用。因此，用戶對IM客戶端的易用性，穩(wěn)定性，安全性等方面提出了較高的要求。為了滿足用戶的個性化需求，大多數(shù)IM客戶端都提供了自定義頭像的功能。例如，QQ提供了對16x16，40x40，100x100，640x480等多種尺寸頭像的支持。在IM的聯(lián)系人列表中，每個列表元素(Item)代表一個聯(lián)系人，列表元素除了顯示聯(lián)系人的頭像外，還可以顯示聯(lián)系人的ID、昵稱、個性簽名、Blog最新動態(tài)和正在聽的音樂等多種信息。用戶會根據(jù)自己的喜好，通過菜單項選擇設(shè)置聯(lián)系人頭像的顯示大小。隨著科技的進(jìn)步，觸摸設(shè)備越來越普及，觸摸操作甚至多點觸摸操作逐漸走入人們生活。觸摸操作簡單易學(xué)，尤其適合老人和小孩使用。IM作為一款常用軟件，支持觸摸操作是大勢所趨。然而，IM作為一款電腦軟件，其功能、操作和界面復(fù)雜度比手機程序要復(fù)雜得多。此外，觸摸操作與鼠標(biāo)操作之間存在很大的差別，觸摸操作可以包括點擊操作、拖拽操作和滾動操作，但沒有類似于鼠標(biāo)右鍵和懸停等操作。其中，拖拽操作是使用手指選中程序界面元素并移動其位置的操作，例如，拖拽移動文件的操作，或者通過拖拽列表元素移動聯(lián)系人的位置；滾動操作是手指在一個帶有滾動條的界面中按下后，滾動條跟隨手指的移動方向滾動的操作，可以通過滾動聯(lián)系人列表中的滾動條，查看聯(lián)系人列表中的各個列表元素。另外，通過點擊操作點擊列表元素中的“Blog最新動態(tài)”，可以打開聯(lián)系人的Blog ； 點擊列表元素中的“正在聽的音樂”，可以打開QQ音樂程序；點擊列表元素中的其他區(qū)域， 可以選中該列表元素?，F(xiàn)有技術(shù)中，應(yīng)用于觸摸設(shè)備的IM客戶端無法調(diào)整列表元素大小，而非觸摸設(shè)備的IM客戶端調(diào)整列表元素大小時，聯(lián)系人頭像的顯示大小的變化過程是突變的，不平滑的，降低了用戶的使用體驗和IM客戶端的易用性。

發(fā)明內(nèi)容
本發(fā)明提供了一種調(diào)整列表元素大小的方法及裝置，用于提高IM客戶端的易用性。本發(fā)明提供一種調(diào)整列表元素大小的方法，包括以下步驟客戶端獲取多點觸摸事件；所述客戶端根據(jù)所述多點觸摸事件中的事件參數(shù)，調(diào)整列表元素的頭像控件和接觸面控件的大小。
優(yōu)選地，所述多點觸摸事件為兩點觸摸事件，所述多點觸摸事件的事件參數(shù)包括所述多點觸摸事件對應(yīng)的縮放操作的中心點和縮放比例；所述客戶端調(diào)整列表元素的頭像控件和接觸面控件的大小之前，還包括所述客戶端獲取屏幕上兩個觸點移動前的初始位置信息和移動后的最終位置信息，將所述初始位置信息對應(yīng)的中點位置作為所述縮放操作的中心點，將移動后與移動前所述兩個觸點之間的距離之比作為所述縮放操作的縮放比例。優(yōu)選地，所述客戶端根據(jù)所述多點觸摸事件中的事件參數(shù)，調(diào)整所述列表元素的頭像控件，包括所述客戶端根據(jù)所述縮放比例調(diào)整所述頭像控件的大小，并根據(jù)所述中心點確定所述調(diào)整后的頭像控件的位置。優(yōu)選地，所述客戶端調(diào)整列表元素的接觸面控件的大小之后，還包括所述客戶端根據(jù)調(diào)整后的接觸面控件的大小調(diào)整所述接觸面控件的布局。優(yōu)選地，所述接觸面控件包括多個子元素，所述客戶端根據(jù)調(diào)整后的接觸面控件的大小調(diào)整接觸面控件的布局，包括所述客戶端獲取預(yù)定義的模板，根據(jù)所述模塊定義的所述接觸面控件的各子元素的大小和位置，獲取所述接觸面控件通過所述模板顯示時的整體大?。划?dāng)所述整體大小不大于調(diào)整后的接觸面控件的大小時，所述客戶端使用所述模板顯示所述接觸面控件；當(dāng)所述整體大小大于調(diào)整后的接觸面控件的大小時，所述客戶端獲取其他模板， 并獲取所述接觸面控件通過所述其他模板顯示時的整體大小，直到所述整體大小不大于調(diào)整后的接觸面控件的大小。優(yōu)選地，所述調(diào)整后的接觸面控件的大小為預(yù)設(shè)的最小尺寸時，所述客戶端根據(jù)調(diào)整后的接觸面控件的大小調(diào)整接觸面控件的布局，包括所述客戶端使用與所述最小尺寸對應(yīng)的模板顯示所述接觸面控件。本發(fā)明還提供一種調(diào)整列表元素大小的裝置，包括獲取模塊，用于獲取多點觸摸事件；調(diào)整模塊，用于根據(jù)所述獲取模塊獲取的多點觸摸事件中的事件參數(shù)，調(diào)整列表元素的頭像控件和接觸面控件的大小。優(yōu)選地，所述多點觸摸事件為兩點觸摸事件，所述多點觸摸事件的事件參數(shù)包括所述多點觸摸事件對應(yīng)的縮放操作的中心點和縮放比例；所述獲取模塊，還用于獲取屏幕上兩個觸點移動前的初始位置信息和移動后的最終位置信息，將所述初始位置信息對應(yīng)的中點位置作為所述縮放操作的中心點，將移動后與移動前所述兩個觸點之間的距離之比作為所述縮放操作的縮放比例。優(yōu)選地，所述調(diào)整模塊，具體用于根據(jù)所述縮放比例調(diào)整所述頭像控件的大小，并根據(jù)所述中心點確定所述調(diào)整后的頭像控件的位置。優(yōu)選地，所述調(diào)整模塊，還用于根據(jù)調(diào)整后的接觸面控件的大小調(diào)整所述接觸面控件的布局。優(yōu)選地，所述接觸面控件包括多個子元素，所述調(diào)整模塊，具體用于獲取預(yù)定義的模板，根據(jù)所述模塊定義的所述接觸面控件的各子元素的大小和位置，獲取所述接觸面控件通過所述模板顯示時的整體大?。划?dāng)所述整體大小不大于調(diào)整后的接觸面控件的大小時，使用所述模板顯示所述接觸面控件；當(dāng)所述整體大小大于調(diào)整后的接觸面控件的大小時，獲取其他模板，并獲取所述接觸面控件通過所述其他模板顯示時的整體大小，直到所述整體大小不大于調(diào)整后的接觸面控件的大優(yōu)選地，所述調(diào)整模塊，還用于在所述調(diào)整后的接觸面控件的大小為預(yù)設(shè)的最小尺寸時，使用與所述最小尺寸對應(yīng)的模板顯示所述接觸面控件。與現(xiàn)有技術(shù)相比，本發(fā)明具有以下優(yōu)點本發(fā)明通過多點觸摸事件調(diào)整列表元素， 并保證該多點觸摸事件與已有的操作保持兼容，提高了 IM客戶端的易用性。


為了更清楚地說明本發(fā)明或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對本發(fā)明或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動性的前提下，還可以根據(jù)這些附圖獲得其他的附圖。圖Ia為本發(fā)明中的多點觸摸事件對應(yīng)的放大操作示意圖；圖Ib為本發(fā)明中的多點觸摸事件對應(yīng)的縮小操作示意圖；圖2為本發(fā)明中的調(diào)整列表元素大小的方法流程圖；圖3為本發(fā)明應(yīng)用場景中的放大操作對應(yīng)的多點觸摸事件的位置信息示意圖；圖如為本發(fā)明應(yīng)用場景中使用大頭像顯示頭像控件時接觸面控件的子元素的排布方式示意圖；圖4b為本發(fā)明應(yīng)用場景中使用小頭像顯示頭像控件時接觸面控件的子元素的排布方式示意圖；圖5為本發(fā)明應(yīng)用場景中的聯(lián)系人頭像格式為40x40時的模板布局示意圖；圖6為本發(fā)明應(yīng)用場景中的聯(lián)系人頭像格式為16x16時的模板布局示意圖；圖7為本發(fā)明中的一種調(diào)整列表元素大小的裝置結(jié)構(gòu)示意圖。
具體實施例方式本發(fā)明提供一種使用多點觸摸技術(shù)調(diào)整IM客戶端的聯(lián)系人列表中的列表元素大小的技術(shù)方案，根據(jù)用戶的操作習(xí)慣，在包含多種元素的復(fù)雜列表控件中利用多點觸摸操作動態(tài)調(diào)整列表元素，并保證該多點觸摸操作不與拖拽操作、滾動操作和點擊操作造成沖突，不會引發(fā)誤操作，與觸摸設(shè)備的已有操作保持兼容，不影響已有操作，提高了 IM客戶端的易用性。此外，按照預(yù)設(shè)的周期調(diào)整列表元素，可以對聯(lián)系人列表中的頭像進(jìn)行平滑、無級縮放，并在調(diào)整頭像大小的同時，平滑調(diào)整列表元素包含的各部分內(nèi)容的顯示布局，使IM 客戶端的用戶界面保持美觀、實用，提升了用戶的使用體驗。下面將結(jié)合本發(fā)明中的附圖，對本發(fā)明的技術(shù)方案進(jìn)行清楚、完整地描述，顯然， 所描述的實施例是本發(fā)明一部分實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護的范圍。
本發(fā)明中的調(diào)整列表元素大小的方法，可應(yīng)用于觸摸設(shè)備客戶端，多點觸摸事件對應(yīng)的縮放操作可以為使用兩個手指或觸摸筆觸摸屏幕，并使兩個手指或觸摸筆相互遠(yuǎn)離或靠近的操作，如圖Ia和圖Ib所示，當(dāng)兩個手指或觸摸筆相互靠近時，為縮小操作；當(dāng)兩個手指或觸摸筆相互遠(yuǎn)離時，為放大操作。而在觸摸設(shè)備客戶端中，手指或觸摸筆觸摸屏幕時，客戶端應(yīng)用程序會默認(rèn)收到鼠標(biāo)事件(例如，鼠標(biāo)按鍵按下、鼠標(biāo)移動和鼠標(biāo)按鍵抬起等事件)。如果觸摸設(shè)備的各種操作都基于鼠標(biāo)事件進(jìn)行處理，會導(dǎo)致多點觸摸事件對應(yīng)的縮放操作與已有的拖拽操作、滾動操作和點擊操作混淆，造成操作沖突和誤操作。因此，可以通過判斷獲取的觸摸事件是否為多點觸摸事件，將多點觸摸事件對應(yīng)的縮放操作與其他操作進(jìn)行隔離。在Windows系統(tǒng)中，所有事件都是基于Windows的消息機制實現(xiàn)的，因此，可以在消息層面進(jìn)行分析獲取的觸摸事件，對于多點觸摸事件，可以單獨進(jìn)行攔截和分析，而不再向客戶端應(yīng)用程序發(fā)送鼠標(biāo)事件消息；對于非多點觸摸消息，則按系統(tǒng)默認(rèn)方式處理， 即向客戶端應(yīng)用程序發(fā)送鼠標(biāo)事件消息。如圖2所示，為本發(fā)明中的調(diào)整列表元素大小的方法流程圖，具體包括以下步驟步驟201，客戶端獲取觸摸事件。其中，觸摸事件可以由客戶端系統(tǒng)獲取，可以為手指按下消息，也可以為觸摸筆按下消息。步驟202，客戶端判斷獲取的觸摸事件是否為多點觸摸事件，如果是多點觸摸事件，則執(zhí)行步驟204 ；否則，執(zhí)行步驟203。具體地，客戶端系統(tǒng)可以獲取觸摸事件對應(yīng)的觸點的個數(shù)，如果觸點的個數(shù)為一個，則判斷觸摸事件不是多點觸摸事件；如果觸點的個數(shù)大于一個，則判斷觸摸事件為多點觸摸事件。步驟203，客戶端系統(tǒng)向客戶端應(yīng)用程序發(fā)送鼠標(biāo)事件消息。步驟204，客戶端記錄多點觸摸事件的位置信息，并根據(jù)該位置信息獲取多點觸摸事件的事件參數(shù)。具體地，客戶端系統(tǒng)確定觸摸事件為多點觸摸事件時，可以按照預(yù)設(shè)周期T獲取記錄多點觸摸事件的位置信息，即手指或觸摸筆移動的消息，直到手指或觸摸筆抬起。客戶端系統(tǒng)可以根據(jù)每個周期內(nèi)記錄的位置信息，獲取多點觸摸事件的事件參數(shù)。其中，多點觸摸事件為兩點觸摸事件，多點觸摸事件的事件參數(shù)可以包括多點觸摸事件對應(yīng)的縮放操作的中心點和縮放比例?？蛻舳讼到y(tǒng)可以獲取屏幕上兩個觸點移動前的初始位置信息和移動后的最終位置信息，將該初始位置信息對應(yīng)的中點位置作為縮放操作的中心點，將移動后與移動前兩個觸點之間的距離之比作為縮放操作的縮放比例。如圖3所示，為放大操作對應(yīng)的多點觸摸事件的位置信息示意圖，其中，初始位置信息為構(gòu)成初始長度Ll的觸點位置1和觸點位置2，終結(jié)位置信息為構(gòu)成終結(jié)長度L2的觸點位置3和觸點位置4，則該放大操作的中心點Center為觸點位置1和觸點位置2的中點位置，縮放比例kale = L2/L1。步驟205，客戶端系統(tǒng)向客戶端應(yīng)用程序發(fā)送包含事件參數(shù)的多點觸摸事件。步驟206，客戶端獲取多點觸摸事件。步驟207，客戶端根據(jù)多點觸摸事件中的事件參數(shù)，調(diào)整列表元素的頭像控件的大
具體地，客戶端可以根據(jù)縮放比例調(diào)整頭像控件的大小，并根據(jù)中心點確定所述調(diào)整后的頭像控件的位置。由于客戶端應(yīng)用程序可以按照預(yù)設(shè)周期接收來自客戶端系統(tǒng)的多點觸摸事件，因此，客戶端應(yīng)用程序可以根據(jù)多點觸摸事件的事件參數(shù)按照預(yù)設(shè)周期動態(tài)修改列表元素的頭像控件ImageControl的大小，具體公式如下ImageControl. Height = ImageControl. Height^Scale ；ImageControl. Width = ImageControl. Width氺Scale ；其中，ImageControl. Height 為頭像的高度，ImageControl. Width 為頭像的寬度。 當(dāng)預(yù)設(shè)周期T較小時，每次的調(diào)整頭像控件大小使用的Scale值也較小，因此，在應(yīng)用程序運行時，頭像控件為無級縮放。步驟208，客戶端調(diào)整列表元素的接觸面控件的大小。具體地，由于Item除包含頭像控件ImageControl外，還包含其他元素，例如聯(lián)系人ID、昵稱和簽名等。因此，列表元素還可以包括接觸面控件ContactPanel，該接觸面控件 ContactPanel為用于顯示列表元素中除頭像控件外的其他元素的控件，ContactPanel顯示的元素可以包括聯(lián)系人ID、昵稱和簽名等。其中，聯(lián)系人ID、昵稱和簽名等元素在邏輯上是ContactPanel的子元素，而ContactPanel的子元素的排布方式存儲在預(yù)定義的模板中。 根據(jù)頭像控件的不同大小，可以使用多個模版存儲ContactPanel的子元素的不同排布方式。如圖如所示，當(dāng)使用大頭像顯示頭像控件時，ContactPanel的子元素分2行排布；當(dāng)使用小頭像顯示頭像控件時，ContactPanel的子元素排布在1行，如圖4b所示。因此，列表元素Item可以包含ImageControl和ContactPanel兩個控件，由于列表元素的大小由頭像控件的大小決定，因此，當(dāng)頭像控件的大小發(fā)生改變時，每個列表元素的大小也發(fā)生相應(yīng)的調(diào)整，客戶端應(yīng)用程序可以按照調(diào)整后的頭像控件的大小調(diào)整接觸面控件的大小，調(diào)整后的ContactPanel的高度和寬度可以分別為availableHeight和
BVBilableffidth0步驟209，客戶端根據(jù)調(diào)整后的接觸面控件的大小調(diào)整接觸面控件的布局。具體地，客戶端可以獲取預(yù)定義的模板，根據(jù)該模塊定義的接觸面控件的各子元素的大小和位置，獲取接觸面控件通過該模板顯示時的整體大??；當(dāng)該整體大小不大于調(diào)整后的接觸面控件的大小時，客戶端使用上述模板顯示接觸面控件；當(dāng)該整體大小大于調(diào)整后的接觸面控件的大小時，客戶端獲取其他模板，并獲取接觸面控件通過該其他模板顯示時的整體大小，直到整體大小不大于調(diào)整后的接觸面控件的大小。其中，客戶端應(yīng)用程序需要重新排布ContactPanel中的聯(lián)系人ID、昵稱和簽名等子元素。例如，客戶端應(yīng)用程序可以獲取預(yù)定義的模板，根據(jù)該模板的設(shè)置獲取各個子元素在該模板中顯示所需的大小和位置，并綜合所有子元素所需的大小和位置，獲得能夠顯示 ContactPanel的子元素所需的最小高度desiredHeight和最小寬度desiredWidth。如果 desiredHeight > availableHeight 或desiredffidth > availableffidth,則說明利用該模版無法顯示ContactPanel的全部內(nèi)容，需要嘗試其他模板，并重新計算 desiredHeight 和 desiredWidth，如果 desiredHeight 和 desiredWidth 滿足以下條件
desiredHeight < = availableHeight且desiredffidth <= availableffidth則按照該模板排布并顯示ContactPanel的所有子元素。另外，在程序設(shè)計時，可以定義多個模版，以保證在不同模版間切換的平滑感受， 如圖5和圖6所示，分別為QQ聯(lián)系人頭像在40x40和16x16兩種情況下的模板布局示意圖。 此外，客戶端應(yīng)用程序還可以定義最終模版，當(dāng)調(diào)整后的接觸面控件的大小為預(yù)設(shè)的最小尺寸時，客戶端可以使用與該最小尺寸對應(yīng)的模板顯示該接觸面控件，使得ContactPanel 在最小尺寸時可以正確顯示所有的子元素。本發(fā)明通過多點觸摸事件調(diào)整列表元素，并保證該多點觸摸事件與已有的操作保持兼容，提高了 IM客戶端的易用性。此外，按照預(yù)設(shè)的周期調(diào)整列表元素，可以對聯(lián)系人列表中的頭像進(jìn)行平滑、無級縮放，并在調(diào)整頭像大小的同時，平滑調(diào)整列表元素包含的各部分內(nèi)容的顯示布局，使IM客戶端的用戶界面保持美觀、實用，提升了用戶的使用體驗。本發(fā)明在上述實施方式中提供了調(diào)整列表元素大小的方法和應(yīng)用場景，相應(yīng)地， 本發(fā)明還提供了應(yīng)用上述調(diào)整列表元素大小的方法的裝置。如圖7所示，為本發(fā)明中的一種調(diào)整列表元素大小的裝置結(jié)構(gòu)示意圖，包括獲取模塊710，用于獲取多點觸摸事件。調(diào)整模塊720，用于根據(jù)獲取模塊710獲取的多點觸摸事件中的事件參數(shù)，調(diào)整列表元素的頭像控件和接觸面控件的大小。其中，多點觸摸事件可以為兩點觸摸事件，多點觸摸事件的事件參數(shù)可以包括多點觸摸事件對應(yīng)的縮放操作的中心點和縮放比例。上述獲取模塊710，還用于獲取屏幕上兩個觸點移動前的初始位置信息和移動后的最終位置信息，將該初始位置信息對應(yīng)的中點位置作為縮放操作的中心點，將移動后與移動前兩個觸點之間的距離之比作為縮放操作的縮放比例。相應(yīng)地，上述調(diào)整模塊720，具體用于根據(jù)縮放比例調(diào)整頭像控件的大小，并根據(jù)中心點確定調(diào)整后的頭像控件的位置。上述調(diào)整模塊720，還用于根據(jù)調(diào)整后的接觸面控件的大小調(diào)整接觸面控件的布局。其中，接觸面控件包括多個子元素。上述調(diào)整模塊720，具體用于獲取預(yù)定義的模板，根據(jù)該模塊定義的接觸面控件的各子元素的大小和位置，獲取該接觸面控件通過該模板顯示時的整體大小；當(dāng)該整體大小不大于調(diào)整后的接觸面控件的大小時，使用該模板顯示接觸面控件；當(dāng)整體大小大于調(diào)整后的接觸面控件的大小時，獲取其他模板，并獲取接觸面控件通過該其他模板顯示時的整體大小，直到整體大小不大于調(diào)整后的接觸面控件的大小。上述調(diào)整模塊720，還用于在調(diào)整后的接觸面控件的大小為預(yù)設(shè)的最小尺寸時，使用與該最小尺寸對應(yīng)的模板顯示該接觸面控件。本發(fā)明通過多點觸摸事件調(diào)整列表元素，并保證該多點觸摸事件與已有的操作事件保持兼容，提高了 IM客戶端的易用性。此外，按照預(yù)設(shè)的周期調(diào)整列表元素，可以對聯(lián)系人列表中的頭像進(jìn)行平滑、無級縮放，并在調(diào)整頭像大小的同時，平滑調(diào)整列表元素包含的各部分內(nèi)容的顯示布局，使IM客戶端的用戶界面保持美觀、實用，提升了用戶的使用體驗。通過以上的實施方式的描述，本領(lǐng)域的技術(shù)人員可以清楚地了解到本發(fā)明可借助軟件加必需的通用硬件平臺的方式來實現(xiàn)，當(dāng)然也可以通過硬件，但很多情況下前者是更佳的實施方式?；谶@樣的理解，本發(fā)明的技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻(xiàn)的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計算機軟件產(chǎn)品存儲在一個存儲介質(zhì)中，包括若干指令用以使得一臺終端設(shè)備(可以是手機，個人計算機，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個實施例所述的方法。以上所述僅是本發(fā)明的優(yōu)選實施方式，應(yīng)當(dāng)指出，對于本技術(shù)領(lǐng)域的普通技術(shù)人員來說，在不脫離本發(fā)明原理的前提下，還可以做出若干改進(jìn)和潤飾，這些改進(jìn)和潤飾也應(yīng)視本發(fā)明的保護范圍。本領(lǐng)域技術(shù)人員可以理解實施例中的裝置中的模塊可以按照實施例描述進(jìn)行分布于實施例的裝置中，也可以進(jìn)行相應(yīng)變化位于不同于本實施例的一個或多個裝置中。上述實施例的模塊可以集成于一體，也可以分離部署；可以合并為一個模塊，也可以進(jìn)一步拆分成多個子模塊。上述本發(fā)明實施例序號僅僅為了描述，不代表實施例的優(yōu)劣。以上公開的僅為本發(fā)明的幾個具體實施例，但是，本發(fā)明并非局限于此，任何本領(lǐng)域的技術(shù)人員能思之的變化都應(yīng)落入本發(fā)明的保護范圍。
權(quán)利要求
1.一種調(diào)整列表元素大小的方法，其特征在于，包括以下步驟客戶端獲取多點觸摸事件；所述客戶端根據(jù)所述多點觸摸事件中的事件參數(shù)，調(diào)整列表元素的頭像控件和接觸面控件的大小。
2.如權(quán)利要求1所述的方法，其特征在于，所述多點觸摸事件為兩點觸摸事件，所述多點觸摸事件的事件參數(shù)包括所述多點觸摸事件對應(yīng)的縮放操作的中心點和縮放比例；所述客戶端調(diào)整列表元素的頭像控件和接觸面控件的大小之前，還包括所述客戶端獲取屏幕上兩個觸點移動前的初始位置信息和移動后的最終位置信息，將所述初始位置信息對應(yīng)的中點位置作為所述縮放操作的中心點，將移動后與移動前所述兩個觸點之間的距離之比作為所述縮放操作的縮放比例。
3.如權(quán)利要求2所述的方法，其特征在于，所述客戶端根據(jù)所述多點觸摸事件中的事件參數(shù)，調(diào)整所述列表元素的頭像控件，包括所述客戶端根據(jù)所述縮放比例調(diào)整所述頭像控件的大小，并根據(jù)所述中心點確定所述調(diào)整后的頭像控件的位置。
4.如權(quán)利要求1所述的方法，其特征在于，所述客戶端調(diào)整列表元素的接觸面控件的大小之后，還包括所述客戶端根據(jù)調(diào)整后的接觸面控件的大小調(diào)整所述接觸面控件的布局。
5.如權(quán)利要求4所述的方法，其特征在于，所述接觸面控件包括多個子元素，所述客戶端根據(jù)調(diào)整后的接觸面控件的大小調(diào)整接觸面控件的布局，包括所述客戶端獲取預(yù)定義的模板，根據(jù)所述模塊定義的所述接觸面控件的各子元素的大小和位置，獲取所述接觸面控件通過所述模板顯示時的整體大?。划?dāng)所述整體大小不大于調(diào)整后的接觸面控件的大小時，所述客戶端使用所述模板顯示所述接觸面控件；當(dāng)所述整體大小大于調(diào)整后的接觸面控件的大小時，所述客戶端獲取其他模板，并獲取所述接觸面控件通過所述其他模板顯示時的整體大小，直到所述整體大小不大于調(diào)整后的接觸面控件的大小。
6.如權(quán)利要求4或5所述的方法，其特征在于，所述調(diào)整后的接觸面控件的大小為預(yù)設(shè)的最小尺寸時，所述客戶端根據(jù)調(diào)整后的接觸面控件的大小調(diào)整接觸面控件的布局，包括所述客戶端使用與所述最小尺寸對應(yīng)的模板顯示所述接觸面控件。
7.—種調(diào)整列表元素大小的裝置，其特征在于，包括獲取模塊，用于獲取多點觸摸事件；調(diào)整模塊，用于根據(jù)所述獲取模塊獲取的多點觸摸事件中的事件參數(shù)，調(diào)整列表元素的頭像控件和接觸面控件的大小。
8.如權(quán)利要求7所述的裝置，其特征在于，所述多點觸摸事件為兩點觸摸事件，所述多點觸摸事件的事件參數(shù)包括所述多點觸摸事件對應(yīng)的縮放操作的中心點和縮放比例；所述獲取模塊，還用于獲取屏幕上兩個觸點移動前的初始位置信息和移動后的最終位置信息，將所述初始位置信息對應(yīng)的中點位置作為所述縮放操作的中心點，將移動后與移動前所述兩個觸點之間的距離之比作為所述縮放操作的縮放比例。
9.如權(quán)利要求8所述的裝置，所述調(diào)整模塊，具體用于根據(jù)所述縮放比例調(diào)整所述頭像控件的大小，并根據(jù)所述中心點確定所述調(diào)整后的頭像控件的位置。
10.如權(quán)利要求7所述的裝置，其特征在于，所述調(diào)整模塊，還用于根據(jù)調(diào)整后的接觸面控件的大小調(diào)整所述接觸面控件的布局。
11.如權(quán)利要求10所述的裝置，其特征在于，所述接觸面控件包括多個子元素，所述調(diào)整模塊，具體用于獲取預(yù)定義的模板，根據(jù)所述模塊定義的所述接觸面控件的各子元素的大小和位置，獲取所述接觸面控件通過所述模板顯示時的整體大??；當(dāng)所述整體大小不大于調(diào)整后的接觸面控件的大小時，使用所述模板顯示所述接觸面控件；當(dāng)所述整體大小大于調(diào)整后的接觸面控件的大小時，獲取其他模板，并獲取所述接觸面控件通過所述其他模板顯示時的整體大小，直到所述整體大小不大于調(diào)整后的接觸面控件的大小。
12.如權(quán)利要求10或11所述的裝置，其特征在于，所述調(diào)整模塊，還用于在所述調(diào)整后的接觸面控件的大小為預(yù)設(shè)的最小尺寸時，使用與所述最小尺寸對應(yīng)的模板顯示所述接觸面控件。
全文摘要
本發(fā)明公開了一種調(diào)整列表元素大小的方法及裝置，該方法包括以下步驟客戶端獲取多點觸摸事件；所述客戶端根據(jù)所述多點觸摸事件中的事件參數(shù)，調(diào)整列表元素的頭像控件和接觸面控件的大小。本發(fā)明中的調(diào)整列表元素大小的裝置，包括獲取模塊，用于獲取多點觸摸事件；調(diào)整模塊，用于根據(jù)所述獲取模塊獲取的多點觸摸事件中的事件參數(shù)，調(diào)整列表元素的頭像控件和接觸面控件的大小。通過使用本發(fā)明，可以調(diào)整列表元素，并保證多點觸摸事件與已有的操作保持兼容，提高了IM客戶端的易用性。
文檔編號G06F3/048GK102270081SQ20101019069
公開日2011年12月7日 申請日期2010年6月3日 優(yōu)先權(quán)日2010年6月3日
發(fā)明者任旻, 謝偉文 申請人:騰訊科技(深圳)有限公司