專利名稱:提供gui的方法和使用該方法的多媒體裝置的制作方法
技術(shù)領(lǐng)域:
本發(fā)明的多個(gè)方面涉及一種提供圖形用戶界面(GUI)的方法和使用該方法的多 媒體裝置,更具體地講,涉及一種提供在具有多種功能的多媒體裝置中使用的GUI的方法 和使用該方法的多媒體裝置。
背景技術(shù):
隨著數(shù)字技術(shù)發(fā)展并應(yīng)用到多媒體裝置,多媒體裝置提供了范圍越來越廣的功 能。多媒體裝置提供的功能越多,裝置變得越復(fù)雜。例如,由于提供許多功能,所以將顯示給 用戶的菜單的數(shù)量增加。然而,由于便攜式多媒體裝置具有小屏 幕,所以在屏幕上有效地提 供許多復(fù)雜菜單(包括提供容易使用并且為用戶提供改進(jìn)的視覺效果的菜單)是有益的。
發(fā)明內(nèi)容
技術(shù)問題本發(fā)明的多個(gè)方面涉及一種提供圖形用戶界面(GUI)的方法以及使用該方法的 多媒體裝置,其中,將菜單制作成通過放大(zoom in)和縮小(zoomout)來出現(xiàn)和消失,從 而在小屏幕上提供更方便的用戶操作和更好的視覺效果。技術(shù)方案根據(jù)本發(fā)明的一方面,提供一種提供圖形用戶界面(⑶I)的方法。所述方法包括 在屏幕上顯示能夠由用戶選擇的第一 GUI項(xiàng)目;通過放大或縮小從屏幕中移除顯示在屏幕 上的第一⑶I項(xiàng)目中的至少一個(gè)項(xiàng)目;通過放大或縮小在屏幕上另外顯示先前沒有顯示在 屏幕上的至少一個(gè)第二⑶I項(xiàng)目。根據(jù)本發(fā)明的另一方面,移除第一⑶I項(xiàng)目中的至少一個(gè)項(xiàng)目的步驟和另外顯示 至少一個(gè)第二⑶I項(xiàng)目的步驟同時(shí)執(zhí)行。根據(jù)本發(fā)明的另一方面,移除的⑶I項(xiàng)目的數(shù)量與第二⑶I項(xiàng)目的數(shù)量相同。根據(jù)本發(fā)明的另一方面,當(dāng)通過放大從屏幕移除顯示在屏幕上的第一⑶I項(xiàng)目中 的至少一個(gè)項(xiàng)目時(shí),另外顯示屏幕上沒有顯示的至少一個(gè)第二⑶I項(xiàng)目的步驟包括通過 放大顯示至少一個(gè)第二⑶I項(xiàng)目。根據(jù)本發(fā)明的另一方面,移除步驟包括通過放大使顯示在屏幕上的第一⑶I項(xiàng) 目中的至少一個(gè)項(xiàng)目移動(dòng)到屏幕之外,并從屏幕移除第一 GUI項(xiàng)目中的所述至少一個(gè)項(xiàng) 目;另外顯示先前沒有顯示在屏幕上的至少一個(gè)第二 GUI的步驟包括通過放大使至少一 個(gè)第二⑶I項(xiàng)目移動(dòng)到屏幕內(nèi)部,并在屏幕上顯示所述至少一個(gè)第二⑶I項(xiàng)目。根據(jù)本發(fā)明的另一方面,移除步驟包括通過放大減小顯示在屏幕上的第一⑶I 項(xiàng)目中的至少一個(gè)項(xiàng)目的清晰度,并從屏幕移除第一 GUI項(xiàng)目中的所述至少一個(gè)項(xiàng)目;另 外顯示至少一個(gè)第二⑶I的步驟包括通過放大增加至少一個(gè)第二⑶I項(xiàng)目的清晰度,并在 屏幕上顯示所述至少一個(gè)第二⑶I項(xiàng)目。根據(jù)本發(fā)明的另一方面,當(dāng)通過縮小從屏幕移除顯示在屏幕上的第一⑶I項(xiàng)目中的至少一個(gè)項(xiàng)目時(shí),通過縮小顯示屏幕上沒有顯示的至少一個(gè)第二⑶I項(xiàng)目。 根據(jù)本發(fā)明的另一方面,移除顯示在屏幕上的第一⑶I項(xiàng)目中的至少一個(gè)項(xiàng)目的 步驟包括通過縮小使第一 GUI項(xiàng)目中的至少一個(gè)項(xiàng)目在屏幕的邊界內(nèi)移動(dòng),并從屏幕移 除第一⑶I項(xiàng)目中的所述至少一個(gè)項(xiàng)目;另外顯示屏幕上沒有顯示的至少一個(gè)第二⑶I的 步驟包括通過縮小使至少一個(gè)第二 GUI項(xiàng)目從屏幕的外部移動(dòng)到屏幕的內(nèi)部,并在屏幕 上顯示所述至少一個(gè)第二⑶I項(xiàng)目。根據(jù)本發(fā)明的另一方面,移除顯示在屏幕上的第一⑶I項(xiàng)目中的至少一個(gè)項(xiàng)目的 步驟包括通過縮小來減小第一 GUI項(xiàng)目中的至少一個(gè)項(xiàng)目的清晰度,并從屏幕移除第一 ⑶I項(xiàng)目中的所述至少一個(gè)項(xiàng)目;另外顯示屏幕上沒有顯示的至少一個(gè)第二⑶I的步驟包 括通過縮小來增加至少一個(gè)第二⑶I項(xiàng)目的清晰度,并在屏幕上顯示所述至少一個(gè)第二 GUI項(xiàng)目。根據(jù)本發(fā)明的另一方面,顯示在屏幕上的第一⑶I項(xiàng)目中的中等尺寸的⑶I項(xiàng)目 的清晰度高于顯示在屏幕上的剩余GUI項(xiàng)目的清晰度。根據(jù)本發(fā)明的另一方面,所述方法還包括顯示圖形,所述圖形指示所有⑶I項(xiàng)目 中的顯示在屏幕上的⑶I項(xiàng)目。根據(jù)本發(fā)明的另一方面,所述方法還包括確定用戶是否拖曳屏幕的一部分;如 果用戶拖曳屏幕的一部分,則執(zhí)行移除步驟和另外顯示的步驟。根據(jù)本發(fā)明的另一方面,根據(jù)用戶拖曳的距離來確定移除的GUI項(xiàng)目的數(shù)量和另 外顯示的第二⑶I項(xiàng)目的數(shù)量。根據(jù)本發(fā)明的另一方面,提供一種多媒體裝置。所述多媒體裝置包括⑶I產(chǎn)生單 元,在屏幕上顯示能夠由用戶選擇的第一⑶I項(xiàng)目;控制單元,操作⑶I產(chǎn)生單元,以通過從 顯示在屏幕上的第一 GUI項(xiàng)目中的至少一個(gè)項(xiàng)目放大或縮小來從屏幕中移除第一 GUI項(xiàng)目 中的所述至少一個(gè)項(xiàng)目,并通過放大或縮小在屏幕上另外顯示先前沒有顯示在屏幕上的至 少一個(gè)第二⑶I項(xiàng)目。本發(fā)明的另外的方面和/或優(yōu)點(diǎn)將在以下描述中被部分地闡述,并且部分地將通 過所述描述而明顯,或者可通過本發(fā)明的實(shí)踐而被了解。技術(shù)效果如上所述,根據(jù)本發(fā)明的多個(gè)方面,將GUI中的菜單制作成通過放大或縮小來出 現(xiàn)或消失。因此,可提供一種在小屏幕上提供更方便的操作和更好的視覺效果的GUI。
通過下面結(jié)合附圖對(duì)實(shí)施例的描述,本發(fā)明的這些和/或其他方面和優(yōu)點(diǎn)將變得 明顯并更容易理解,其中圖1至圖5是描繪根據(jù)本發(fā)明實(shí)施例的⑶I的圖;圖6和圖7是描繪通過在屏幕上向上拖曳⑶I來改變⑶I的過程的圖;圖8至圖10示出根據(jù)本發(fā)明另一實(shí)施例的⑶I ;圖11示出根據(jù)本發(fā)明另一實(shí)施例的⑶I ;圖12至圖15是描繪根據(jù)拖曳的距離來改變⑶I的過程的圖; 圖16示出根據(jù)本發(fā)明另一實(shí)施例的不同類型的⑶I ;
圖17至圖20是描繪改變圖16的⑶I的過程的圖;圖21是提供⑶I的多媒體裝置的框圖;和圖22是示出圖12的多媒體裝置提供⑶I的過程的流程圖。
具體實(shí)施例方式現(xiàn)在將詳細(xì)說明本發(fā)明的當(dāng)前實(shí)施例,其示例示出于附圖中,在附圖中,相同的標(biāo) 號(hào)始終表示相同的部件。以下,參照附圖描述實(shí)施例以解釋本發(fā)明。圖1至圖5示出根據(jù)本發(fā)明實(shí)施例的圖形用戶界面(⑶I)。如圖1所示,多媒體 裝置100的觸摸屏150上的GUI是用戶界面,其中,菜單被制作成通過用戶的手指在觸摸屏 150上虛擬地拖曳而通過放大或縮小出現(xiàn)和消失。在圖1中,⑶I中顯示了菜單B、C和D。用戶可通過觸摸來選擇菜單之一。例如,如果菜單B是用于再現(xiàn)存儲(chǔ)在嵌入式存儲(chǔ)介質(zhì)中的音樂的菜單,并且用戶觸摸菜單B,則圖 1的⑶I可被顯示音樂列表的⑶I取代。作為另一示例,如果菜單C是用于設(shè)置配置的菜 單,并且用戶觸摸菜單C,則圖1的GUI可改變?yōu)轱@示用于設(shè)置配置的項(xiàng)目的GUI。菜單可以具有不同的大?。焕?,菜單B可以是最大的菜單,菜單D可以是最小的 菜單。相應(yīng)地,菜單B看起來離屏幕最近(最淺),而菜單D看起來離屏幕最遠(yuǎn)(最深)。另外,菜單C的清晰度(clarity)可以高于菜單B和D的清晰度。因此,菜單C被 顯示得最清晰。因此,用戶會(huì)聚焦于菜單C。用于增加菜單C的清晰度以超過菜單B和D的 技術(shù)可包括使菜單C比菜單B和D亮,使菜單C的飽和度高于菜單B和D的飽和度,或者 使菜單C沒有菜單B和D透明。如圖2所示,如果用戶U在觸摸屏150上向下拖曳除了菜單之外的區(qū)域,則⑶I改 變。最大的菜單B放大并移動(dòng)到觸摸屏150之外。在前述移動(dòng)期間,菜單B的清晰度降低。 因此,菜單B尺寸增大,變得模糊,移動(dòng)到觸摸屏150之外,并從觸摸屏150消失。最清晰的菜單C放大,并在觸摸屏150的邊界之內(nèi)向著觸摸屏150的邊緣移動(dòng)。在 前述移動(dòng)期間,菜單C的清晰度降低。因此,菜單C尺寸增大,變得模糊,并在保留在觸摸屏 150的邊界之內(nèi)的同時(shí)向著觸摸屏150的邊緣移動(dòng)。最小的菜單D放大,并在觸摸屏150的邊界之內(nèi)向著觸摸屏150的邊緣移動(dòng)。在 前述移動(dòng)期間,菜單D的清晰度增加。因此,菜單D尺寸增大,變得更清晰,并且在保留在觸 摸屏150的邊界之內(nèi)的同時(shí)向著觸摸屏150的邊緣移動(dòng)。另外,觸摸屏150上先前沒有顯 示的菜單E出現(xiàn)在觸摸屏150上。菜單E按順序在菜單D之后。圖3示出完成如上所述的 改變之后的⑶I。 如圖3所示,菜單B被移除;菜單C尺寸增大,變得模糊,并在保留在觸摸屏150的 邊界之內(nèi)的同時(shí)向著觸摸屏150的邊緣移動(dòng);菜單D尺寸增大,更清晰,并在保留在觸摸屏 150的邊界之內(nèi)的同時(shí)向著觸摸屏150的邊緣移動(dòng);菜單E出現(xiàn)。在圖3的GUI中,如果用 戶U如圖4所示在觸摸屏150上向下拖曳除菜單之外的區(qū)域,則GUI按照與如上所述方式 相似的方式改變,因此省略詳細(xì)描述。 圖5示出已完成改變的⑶I。在該⑶I中,菜單C被移除;菜單D尺寸增大,變得 模糊,并在保留在觸摸屏150的邊界之內(nèi)的同時(shí)向著觸摸屏150的邊緣移動(dòng);菜單E尺寸增 大,變得更清晰,并在保留在觸摸屏150的邊界之內(nèi)的同時(shí)向著觸摸屏150的邊緣移動(dòng);菜單F出現(xiàn)。如圖6所示,如果用戶U在觸摸屏150上向上拖曳除菜單之外的區(qū)域,則⑶I如下所述改變。最大的菜單B縮小,并在保留在觸摸屏150的邊界之內(nèi)的同時(shí)向觸摸屏150的 內(nèi)部移動(dòng)。在前述移動(dòng)期間,菜單B的清晰度增加。因此,菜單B尺寸減小,變得更清晰,并 在保留在觸摸屏150的邊界之內(nèi)的同時(shí)向觸摸屏150的內(nèi)部移動(dòng)。最清晰的菜單C縮小,并在觸摸屏150的邊界之內(nèi)向著觸摸屏15的內(nèi)部移動(dòng)。在所述移動(dòng)期間,菜單C的清晰度降低。因此,菜單C尺寸減小,變得模糊,并在保留在觸摸屏 150的邊界之內(nèi)的同時(shí)向著觸摸屏150的內(nèi)部移動(dòng)。最小的菜單D縮小,在保留在觸摸屏150的邊界之內(nèi)的同時(shí)向著觸摸屏150的內(nèi)部移動(dòng),并因此消失。在前述移動(dòng)期間,菜單D的清晰度降低。因此,菜單D在保留在觸摸 屏150的邊界之內(nèi)的同時(shí)向著觸摸屏150的內(nèi)部移動(dòng),變得模糊,尺寸減小,并最終消失。另外,觸摸屏150上先前沒有顯示的菜單A出現(xiàn)在觸摸屏150上,該菜單A縮小,并從觸摸屏150的外部向著觸摸屏150的內(nèi)部移動(dòng)。菜單A按順序在菜單B之前。在所述 移動(dòng)期間,菜單A的清晰度增大。因此,菜單A從觸摸屏150的外部出現(xiàn),尺寸減小,變得更 清晰,并向著觸摸屏150的內(nèi)部移動(dòng)。圖7示出已完成如上所述改變的⑶I。如圖7所示,在該⑶I中,菜單B尺寸減小,變得更清晰,并在保留在觸摸屏150的邊界之內(nèi)的同時(shí)向著觸摸屏150的內(nèi)部移動(dòng)。菜單 C尺寸減小,變得模糊,并在保留在觸摸屏150的邊界之內(nèi)的同時(shí)向著觸摸屏150的內(nèi)部移 動(dòng)。菜單D向著觸摸屏150的內(nèi)部移動(dòng),變得模糊,尺寸減小,并因此消失。菜單A從觸摸 屏150的外部至觸摸屏150的內(nèi)部出現(xiàn),尺寸減小,變得更清晰,并向著觸摸屏150的內(nèi)部 移動(dòng)。圖8示出根據(jù)本發(fā)明另一實(shí)施例的⑶I。圖8的⑶I與圖1的⑶I的區(qū)別在于圖8的⑶I除了菜單B、C和D之外,還顯示菜單A和E。包括沒有在觸摸屏150上顯示的一部分的菜單A大于菜單B,并且被顯示為離觸摸屏150最近(最淺)。菜單E小于菜單D,并被顯示為離觸摸屏150最遠(yuǎn)(最深)。菜單A 和E的清晰度低于菜單B和D的清晰度,從而菜單A和E被顯示為最模糊。不能通過用戶 的觸摸來選擇菜單A和E。如圖9所示,如果用戶U在觸摸屏150上向下拖曳觸摸屏150的除了菜單之外的區(qū)域,則GUI如下所述改變。最大的菜單A放大,移動(dòng)到觸摸屏150之外。在所述移動(dòng)期間, 菜單A的清晰度降低。因此,菜單A尺寸增大,變得模糊,移動(dòng)到觸摸屏150之外,并從觸摸 屏150消失。第二大的菜單B放大,并向著觸摸屏的邊緣移動(dòng),從而菜單B的部分延伸超出觸摸屏150的邊界。在所述移動(dòng)期間,菜單B的清晰度降低。因此,菜單B尺寸增大,變得模糊, 向著觸摸屏的邊緣移動(dòng)從而菜單B的部分延伸超出觸摸屏150的邊界,并消失。最清晰的菜單C放大,并在保留在觸摸屏150的邊界之內(nèi)的同時(shí)向著觸摸屏150的邊緣移動(dòng)。在前述移動(dòng)期間,菜單C的清晰度降低。因此,菜單C尺寸增大,變得模糊,并 在保留在觸摸屏150的邊界之內(nèi)的同時(shí)向著觸摸屏150的邊緣移動(dòng)。第二小的菜單D放大,并在保留在觸摸屏150的邊界之內(nèi)的同時(shí)向著觸摸屏150的邊緣移動(dòng)。在前述移動(dòng)期間,菜單D的清晰度增加,從而菜單D變?yōu)轱@示在觸摸屏150上的菜單中最清晰的菜單。因此,菜單D尺寸增大,變得最清晰,并且在保留在觸摸屏150的 邊界之內(nèi)的同時(shí)向著觸摸屏150的邊緣移動(dòng)。最小的菜單E放大,并在保留在觸摸屏150的邊界之內(nèi)的同時(shí)向著觸摸屏150的 邊緣移動(dòng)。在前述移動(dòng)期間,菜單E的清晰度增加。因此,菜單E尺寸增大,變得更清晰,并 且在保留在觸摸屏150的邊界之內(nèi)的同時(shí)向著觸摸屏150的邊緣移動(dòng)。另外,在觸摸屏150 上沒有顯示的菜單F出現(xiàn)在觸摸屏150上。菜單F按照順序在菜單E之后。圖10示出完成如上所述的改變之后的⑶I。如圖10所示,在該⑶I中,菜單A被 移除,并且菜單B被部分地移除。菜單C尺寸增大,變得模糊,并在觸摸屏150的邊界之內(nèi) 向著觸摸屏150的邊緣移動(dòng)。菜單D尺寸增大,變得最清晰,并在保留在觸摸屏150的邊界 之內(nèi)的同時(shí)向著觸摸屏150的邊緣移動(dòng)。菜單E尺寸增大,變得更清晰,并在保留在觸摸屏 150的邊界之內(nèi)的同時(shí)向著觸摸屏150的邊緣移動(dòng);菜單F出現(xiàn)在觸摸屏150上。在圖10的⑶I中,如果用戶U在觸摸屏150上向上拖曳除菜單之外的區(qū)域,則⑶I 如圖8所示改變??蓮膱D6和圖7及其詳細(xì)描述中推斷出改變GUI的過程,因此這里省略 詳細(xì)描述。圖11示出根據(jù)本發(fā)明另一實(shí)施例的⑶I。圖11的⑶I與圖1的⑶I的區(qū)別在于 圖11的⑶I除了菜單B、C和D之外,還在中心顯示位置向?qū)?。位置向?qū)е甘撅@示在觸摸屏150上的菜單的位置。如圖12所示,位置向?qū)Оㄖ?示所有菜單的標(biāo)記。當(dāng)前顯示在觸摸屏150上的菜單的標(biāo)記被顯示為不同于當(dāng)前沒有顯示 在觸摸屏150上的菜單的標(biāo)記。另外,當(dāng)前顯示在觸摸屏150上的菜單的標(biāo)記也被不同地顯示。清晰顯示的菜單 的標(biāo)記也清晰,不清晰顯示的菜單的標(biāo)記也不清晰。如圖12所示,清晰顯示的菜單C的標(biāo) 記清晰,而不清晰顯示的菜單B和D的標(biāo)記不清晰。位置向?qū)е械臉?biāo)記包括用于相應(yīng)菜單 的指示符(A、B、C.......I),但是也可實(shí)現(xiàn)為沒有所述指示符。如果如圖12所示,用戶U在觸摸屏150上向下拖曳除菜單之外的區(qū)域,則⑶I改 變。如圖13所示,顯示的菜單B、C和D中的一個(gè)菜單⑶消失,一個(gè)菜單(E)出現(xiàn)。如果如圖14所示,用戶U在觸摸屏150上將除菜單之外的區(qū)域向下拖曳更長距 離,則顯示的菜單B、C和D中的兩個(gè)菜單(B和C)消失,兩個(gè)新的菜單(E和F)出現(xiàn)。顯示 的菜單B、C和D中的一個(gè)菜單(B)消失,一個(gè)菜單(E)出現(xiàn)。隨后,顯示的菜單C、D和E中 的一個(gè)菜單(C)消失,一個(gè)菜單(F)出現(xiàn)。結(jié)果,如圖15所示,觸摸屏150顯示菜單D、E和 F??蓮膱D2至圖3所示的改變⑶I的過程的詳細(xì)描述中推斷出圖12至圖13或者圖14至 圖15所示的改變GUI的過程的詳細(xì)描述,因此這里將省略所述描述。在上面關(guān)于圖12至圖15描述的實(shí)施例中,用戶U向下拖曳觸摸屏150 ;然而,即 使用戶U向上拖曳觸摸屏150,類似概念也可應(yīng)用。圖16示出根據(jù)本發(fā)明另一實(shí)施例的不同于圖1的⑶I的⑶I類型。與圖1所示 的菜單不同,圖16所示的圖像為矩形。圖16中顯示的圖像的數(shù)量大于圖1中顯示的菜單 的數(shù)量。圖16中顯示的圖像的深度級(jí)別也大于圖1中顯示的菜單的深度級(jí)別(三個(gè))。如果如圖17所示,用戶觸摸特定圖像,則如圖18所示,被觸摸的圖像被放大并完 全顯示在觸摸屏150上。隨后,如圖19所示,如果用戶U將觸摸屏150向右拖曳,則放大的 圖像逐漸向右移動(dòng)并消失,后續(xù)圖像逐漸從左向右移動(dòng),并如圖20所示最終顯示在觸摸屏150上。另外,盡管圖中沒有示出,如果用戶U將觸摸屏150向左拖曳,則放大的圖像逐漸向左移動(dòng)并消失,前一圖像逐漸從右向左移動(dòng),并最終顯示在觸摸屏150上。圖21示出提供⑶I (例如,如上所述的⑶I)的多媒體裝置100。多媒體裝置100 包括多媒體功能塊110、⑶I產(chǎn)生單元130、觸摸屏150和控制單元170。根據(jù)本發(fā)明的其它 方面,多媒體裝置100可包括另外和/或不同的單元。類似地,兩個(gè)或更多上述單元的功能 可被組合為單個(gè)元件。多媒體裝置100可以是移動(dòng)裝置、個(gè)人數(shù)字助理(PDA)、膝上型計(jì)算 機(jī)、個(gè)人娛樂裝置或其它裝置。多媒體功能塊110執(zhí)行多媒體裝置100的本地功能,如音樂重放、錄音、電影重放、 照片重放、文件搜索、文字處理和游戲。⑶I產(chǎn)生單元130在控制單元170的控制下產(chǎn)生 ⑶I,并將產(chǎn)生的⑶I添加到從多媒體功能塊110輸出的圖像。觸摸屏150顯示從⑶I產(chǎn)生 單元130輸出的添加了 GUI的圖像,并且可接收用戶的觸摸或拖曳輸入??刂茊卧?70根據(jù)利用觸摸屏150或操縱單元(未示出)(如按鈕、鍵盤、鼠標(biāo)、麥 克風(fēng)或允許用戶輸入的其它裝置)輸入的用戶命令來控制多媒體功能塊110的操作??刂?單元170根據(jù)用戶命令操作⑶I產(chǎn)生單元130以將⑶I顯示在觸摸屏150上。下面參照?qǐng)D 22詳細(xì)描述這一過程。如圖22所示,在操作S210,控制單元170操作⑶I產(chǎn)生單元130以在觸摸屏150 上顯示用戶可選擇的菜單。作為操作S210的結(jié)果,可在觸摸屏上顯示圖1、圖8、圖11和圖 16中所示的⑶I。然而,與其它⑶I不同,圖16所示的⑶I顯示圖像,而非菜單。如果在操作S220為是,用戶拖曳觸摸屏150,則在操作S230,控制單元170操作 ⑶I產(chǎn)生單元130以通過放大或縮小來移除觸摸屏150上顯示的菜單中的至少一個(gè)菜單。 另外,在操作S240,控制單元170操作⑶I產(chǎn)生單元130以通過放大或縮小來顯示觸摸屏 150上先前沒有顯示的至少一個(gè)新菜單。操作S240可與操作S230同時(shí)發(fā)生。在操作S220,用戶將觸摸屏150向下(見圖2)或向上(見圖6)拖曳。如果在操 作S220,用戶向下拖曳觸摸屏150,則圖3中顯示操作S230和S240的結(jié)果。然而,如果在 操作S220,用戶向上拖曳觸摸屏150,則圖7中顯示操作S230、S240的結(jié)果。另外,在操作S220,用戶可將觸摸屏150拖曳較短距離(見圖12)或較長距離(見 圖14)。如果在操作S220,用戶將觸摸屏150向下拖曳較短距離,則圖3中顯示操作S230 和S240的結(jié)果。然而,如果在操作S220,用戶將摸屏150向上拖曳較長距離,則圖15中顯 示操作S230、S240的結(jié)果。根據(jù)本發(fā)明的其它方面,關(guān)于圖22描述的過程可應(yīng)用于任何上 述⑶I。通過用戶的拖曳使菜單放大或縮小從而保持在觸摸屏150上顯示特定數(shù)量的菜 單的GUI、提供該GUI的方法和使用該方法的多媒體裝置已經(jīng)參照示例性實(shí)施例被詳細(xì)描 述。如上所述,顯示在觸摸屏150上的菜單的數(shù)量保持在三個(gè),但是這僅是示例以方便描 述。然而,可在觸摸屏上顯示任何數(shù)量的菜單。另外,如圖12所示,當(dāng)用戶將觸摸屏150向下拖曳較短距離時(shí),顯示的菜單中的一 個(gè)菜單消失,一個(gè)新的菜單出現(xiàn),并且如圖14所示,當(dāng)用戶將觸摸屏150向下拖曳較長距離 時(shí),顯示的菜單中的兩個(gè)菜單消失,兩個(gè)新的菜單出現(xiàn)。然而,這僅是示例以容易描述,出現(xiàn) 和消失的菜單的數(shù)量可改變。例如,當(dāng)用戶將觸摸屏150向下拖曳較短距離時(shí),顯示的菜單 中的兩個(gè)菜單如圖12所示消失,兩個(gè)新的菜單出現(xiàn),并且當(dāng)用戶將觸摸屏150向下拖曳較長距離時(shí),顯示的菜單中的三個(gè)菜單如圖14所示消失,三個(gè)新的菜單出現(xiàn)。如上所述,菜單和圖像被顯示在⑶I上。根據(jù)本發(fā)明其它方面,可在⑶I上除了菜 單或圖像之外還顯示其它項(xiàng)目,或者可在GUI上顯示菜單或圖像之外的其它項(xiàng)目。如上所述,在觸摸屏150上,菜單在三個(gè)不同的方向上(沿三個(gè)不同的軸)移動(dòng), 但是這并不是限制因素。根據(jù)本發(fā)明的其它方面,軸的數(shù)量可改變。另外,通過放大或縮 小從觸摸屏150消失的菜單的數(shù)量可以與觸摸屏150中新出現(xiàn)的菜單的數(shù)量相同,或者通 過放大或縮小從觸摸屏150消失的菜單的數(shù)量可以與觸摸屏150中新出現(xiàn)的菜單的數(shù)量不 同。
如上所述,如果用戶將觸摸屏150向下拖曳,則菜單放大,并且如果用戶將觸摸屏 150向上拖曳,則菜單縮小,但是這不是限制。根據(jù)本發(fā)明的其它方面,可以以相反的方式實(shí) 現(xiàn)⑶I。用戶改變菜單的方式不限于拖曳。例如,如果用戶用手指對(duì)觸摸屏150進(jìn)行順時(shí) 針觸摸,則通過放大的菜單改變可被實(shí)現(xiàn)為被連續(xù)地執(zhí)行,如果用戶用手指對(duì)觸摸屏150 進(jìn)行逆時(shí)針觸摸,則通過縮小的菜單改變被實(shí)現(xiàn)為被連續(xù)地執(zhí)行一次以上。另外,如果用戶 將觸摸屏150向左或向右拖曳,則構(gòu)成⑶I的菜單可通過向左或向右移動(dòng)而改變。盡管已經(jīng)顯示和描述了本發(fā)明的若干實(shí)施例,但是本領(lǐng)域技術(shù)人員應(yīng)該理解的 是,在不脫離本發(fā)明的原理和精神的情況下,可在實(shí)施例中進(jìn)行改變,本發(fā)明的范圍由權(quán)利 要求及其等同物限定。
權(quán)利要求
一種提供圖形用戶接口(GUI)的方法,所述方法包括在屏幕上顯示能夠由用戶選擇的第一GUI項(xiàng)目;通過放大或縮小從屏幕中移除顯示在屏幕上的第一GUI項(xiàng)目中的至少一個(gè)項(xiàng)目;通過放大或縮小在屏幕上另外顯示先前沒有顯示在屏幕上的至少一個(gè)第二GUI項(xiàng)目。
2.根據(jù)權(quán)利要求1所述的方法,其中,移除第一GUI項(xiàng)目中的至少一個(gè)項(xiàng)目的步驟和另 外顯示至少一個(gè)第二⑶I項(xiàng)目的步驟同時(shí)執(zhí)行。
3.根據(jù)權(quán)利要求1所述的方法,其中,移除的GUI項(xiàng)目的數(shù)量與第二GUI項(xiàng)目的數(shù)量相同。
4.根據(jù)權(quán)利要求1所述的方法,其中,當(dāng)通過放大從屏幕移除顯示在屏幕上的第一GUI 項(xiàng)目中的至少一個(gè)項(xiàng)目時(shí),另外顯示至少一個(gè)第二 GUI項(xiàng)目的步驟包括通過放大顯示至 少一個(gè)第二⑶I項(xiàng)目。
5.根據(jù)權(quán)利要求4所述的方法,其中移除步驟包括通過放大使顯示在屏幕上的第一 GUI項(xiàng)目中的至少一個(gè)項(xiàng)目移動(dòng)到屏 幕之外,并從屏幕移除第一⑶I項(xiàng)目中的所述至少一個(gè)項(xiàng)目;另外顯示先前沒有顯示在屏幕上的至少一個(gè)第二⑶I的步驟包括通過放大使至少一 個(gè)第二⑶I項(xiàng)目移動(dòng)到屏幕內(nèi)部,并在屏幕上顯示所述至少一個(gè)第二⑶I項(xiàng)目。
6.根據(jù)權(quán)利要求4所述的方法,其中移除步驟包括通過放大減小顯示在屏幕上的第一 GUI項(xiàng)目中的至少一個(gè)項(xiàng)目的清晰 度,并從屏幕移除第一 GUI項(xiàng)目中的所述至少一個(gè)項(xiàng)目;另外顯示至少一個(gè)第二⑶I的步驟包括通過放大增加至少一個(gè)第二⑶I項(xiàng)目的清晰 度,并在屏幕上顯示所述至少一個(gè)第二⑶I項(xiàng)目。
7.根據(jù)權(quán)利要求1所述的方法,其中,當(dāng)通過縮小從屏幕移除顯示在屏幕上的第一GUI 項(xiàng)目中的至少一個(gè)項(xiàng)目時(shí),通過縮小顯示屏幕上沒有顯示的至少一個(gè)第二 GUI項(xiàng)目。
8.根據(jù)權(quán)利要求7所述的方法,其中移除顯示在屏幕上的第一 GUI項(xiàng)目中的至少一個(gè)項(xiàng)目的步驟包括通過縮小使第一 GUI項(xiàng)目中的至少一個(gè)項(xiàng)目在屏幕的邊界內(nèi)移動(dòng),并從屏幕移除第一 GUI項(xiàng)目中的所述至 少一個(gè)項(xiàng)目;另外顯示屏幕上沒有顯示的至少一個(gè)第二⑶I的步驟包括通過縮小使至少一個(gè)第二 GUI項(xiàng)目從屏幕的外部移動(dòng)到屏幕的內(nèi)部,并在屏幕上顯示所述至少一個(gè)第二 GUI項(xiàng)目。
9.根據(jù)權(quán)利要求7所述的方法,其中移除顯示在屏幕上的第一 GUI項(xiàng)目中的至少一個(gè)項(xiàng)目的步驟包括通過縮小來減小第一 GUI項(xiàng)目中的至少一個(gè)項(xiàng)目的清晰度,并從屏幕移除第一⑶I項(xiàng)目中的所述至少一個(gè)項(xiàng) 目;另外顯示屏幕上沒有顯示的至少一個(gè)第二⑶I的步驟包括通過縮小來增加至少一個(gè) 第二⑶I項(xiàng)目的清晰度,并在屏幕上顯示所述至少一個(gè)第二⑶I項(xiàng)目。
10.根據(jù)權(quán)利要求1所述的方法,其中,顯示在屏幕上的第一GUI項(xiàng)目中的中等尺寸的 GUI項(xiàng)目的清晰度高于顯示在屏幕上的剩余GUI項(xiàng)目的清晰度。
11.根據(jù)權(quán)利要求1所述的方法,還包括顯示圖形,所述圖形指示所有⑶I項(xiàng)目中的 顯示在屏幕上的⑶I項(xiàng)目。
12.根據(jù)權(quán)利要求1所述的方法,還包括確定用戶是否拖曳屏幕的一部分;如果用戶拖曳屏幕的一部分,則執(zhí)行移除步驟和另外顯示的步驟。
13.根據(jù)權(quán)利要求12所述的方法,其中,根據(jù)用戶拖曳的距離來確定移除的GUI項(xiàng)目的 數(shù)量和另外顯示的第二 GUI項(xiàng)目的數(shù)量。
14.一種多媒體裝置,包括GUI產(chǎn)生單元,在屏幕上顯示能夠由用戶選擇的第一 GUI項(xiàng)目;控制單元,操作⑶I產(chǎn)生單元,以通過從顯示在屏幕上的第一⑶I項(xiàng)目中的至少一個(gè)項(xiàng) 目放大或縮小來從屏幕中移除第一 GUI項(xiàng)目中的所述至少一個(gè)項(xiàng)目,并通過放大或縮小在 屏幕上另外顯示先前沒有顯示在屏幕上的至少一個(gè)第二⑶I項(xiàng)目。
15.根據(jù)權(quán)利要求14所述的多媒體裝置,還包括觸摸屏,顯示第一⑶I項(xiàng)目和第二⑶I項(xiàng)目,允許用戶操縱⑶I項(xiàng)目。
16.根據(jù)權(quán)利要求15所述的多媒體裝置,其中,觸摸屏允許用戶通過在觸摸屏上拖曳 手指來操縱GUI項(xiàng)目。
17.根據(jù)權(quán)利要求14所述的多媒體裝置,還包括多媒體功能塊,執(zhí)行多媒體裝置的至少一個(gè)預(yù)定功能。
18.一種多媒體裝置,包括觸摸屏;GUI產(chǎn)生單元,在屏幕上顯示能夠由用戶選擇的多個(gè)GUI項(xiàng)目;控制單元,控制⑶I產(chǎn)生單元,以在屏幕上顯示多個(gè)第一⑶I項(xiàng)目,通過向所述多個(gè)⑶I 項(xiàng)目之一放大或從所述多個(gè)GUI項(xiàng)目之一縮小來從屏幕中移除第一 GUI項(xiàng)目中的至少一個(gè) 項(xiàng)目,并顯示先前沒有顯示在屏幕上的至少一個(gè)第二⑶I項(xiàng)目。
19.根據(jù)權(quán)利要求18所述的多媒體裝置,其中,關(guān)于所述多個(gè)GUI項(xiàng)目中的至少一個(gè)第 三⑶I項(xiàng)目,⑶I產(chǎn)生單元僅顯示第三⑶I項(xiàng)目的一部分。
20.根據(jù)權(quán)利要求18所述的多媒體裝置,其中,當(dāng)向所述多個(gè)GUI項(xiàng)目之一放大或從所 述多個(gè)⑶I項(xiàng)目之一縮小時(shí),控制單元控制⑶I產(chǎn)生單元以增加至少一個(gè)第一⑶I項(xiàng)目中 的一些項(xiàng)目的清晰度,并減小所述至少一個(gè)第一 GUI項(xiàng)目中的其它項(xiàng)目的清晰度。
21.根據(jù)權(quán)利要求18所述的多媒體裝置,其中當(dāng)用戶在第一方向上移動(dòng)輸入裝置時(shí),控制單元控制GUI產(chǎn)生單元以放大;當(dāng)用戶在與第一方向相反的第二方向上移動(dòng)輸入裝置時(shí),控制單元控制GUI產(chǎn)生單元 以縮小。
22.根據(jù)權(quán)利要求18所述的多媒體裝置,其中,控制單元控制⑶I產(chǎn)生單元以顯示位置 向?qū)?,該位置向?qū)е甘舅龆鄠€(gè)GUI項(xiàng)目中的每一個(gè)的相對(duì)位置并且包括與所述多個(gè)GUI 項(xiàng)目中的每一個(gè)對(duì)應(yīng)的標(biāo)記。
23.根據(jù)權(quán)利要求22所述的多媒體裝置,其中,與先前沒有顯示在屏幕上的至少一個(gè) 第二⑶I項(xiàng)目對(duì)應(yīng)的標(biāo)記被顯示為不同于與顯示在屏幕上的第一⑶I項(xiàng)目對(duì)應(yīng)的標(biāo)記。
24.根據(jù)權(quán)利要求22所述的多媒體裝置,其中,與當(dāng)前顯示在屏幕上的GUI項(xiàng)目對(duì)應(yīng)的 標(biāo)記的清晰度對(duì)應(yīng)于GUI項(xiàng)目的清晰度。
25.根據(jù)權(quán)利要求18所述的多媒體裝置,其中當(dāng)用戶在第一方向上移動(dòng)輸入裝置時(shí),控制單元控制GUI產(chǎn)生單元以連續(xù)地放大; 當(dāng)用戶在與第一方向相反的第二方向上移動(dòng)輸入裝置時(shí),控制單元控制GUI產(chǎn)生單元 以連續(xù)地縮小。
26.根據(jù)權(quán)利要求18所述的多媒體裝置,其中當(dāng)用戶在第一方向上移動(dòng)輸入裝置時(shí),控制單元控制GUI產(chǎn)生單元以在第一方向上移 動(dòng)⑶I項(xiàng)目;當(dāng)用戶在第二方向上移動(dòng)輸入裝置時(shí),控制單元控制GUI產(chǎn)生單元以在第二方向上移 動(dòng)⑶I項(xiàng)目。
全文摘要
圖形用戶接口(GUI)和使用該GUI的多媒體裝置。提供圖形用戶接口(GUI)的方法包括在屏幕上顯示能夠由用戶選擇的第一GUI項(xiàng)目;通過放大或縮小從屏幕中移除顯示在屏幕上的第一GUI項(xiàng)目中的至少一個(gè)項(xiàng)目;通過放大或縮小在屏幕上另外顯示屏幕上沒有顯示的至少一個(gè)第二GUI項(xiàng)目。因此,可提供這樣的GUI,該GUI提供更方便操縱和更好的視覺效果。
文檔編號(hào)G06F3/0482GK101802763SQ200880106734
公開日2010年8月11日 申請(qǐng)日期2008年6月13日 優(yōu)先權(quán)日2007年9月17日
發(fā)明者承貞我, 李恩惠 申請(qǐng)人:三星電子株式會(huì)社