二維圖像的顯示方法
2023-05-24 06:31:11
專利名稱：二維圖像的顯示方法
技術領域：
本發明涉及一種一併顯示標記的電子機器中的二維圖像的顯示方法。
背景技術：
手機和車載導航系統等電子機器中，使用搖杆和觸摸板、觸控螢幕等坐
標輸入裝置，來移動光標和箭頭等標記(mark)。在這些移動操作中，使 標記從當前顯示位置容易地移動至目標位置是非常重要的。
圖5是特開2006-268663號公報中公開的圓形的觸摸板501的示意圖。 在圓形的觸摸板501的中心，配置有使顯示在顯示器上的光標停止的按鈕 Sl。在觸摸板501上，從中心按鈕S1起同心圓狀地設有圓環狀的速度定 義區A1 A4。速度定義區A1 A4，被按照這一順序配置在從按鈕Sl開 始的觸摸板501的半徑方向上。操作者用手指觸摸速度定義區A1 A4使 顯示器上顯示的光標移動。速度定義區A1 A4決定光標的移動速度和方 向。觸摸的速度定義區離按鈕Sl越遠，光標移動得越快。光標在顯示器 上，在從按鈕Sl朝向速度定義區A1 A4被觸摸的位置的方向所對應的 方向上移動。操作者通過用手指觸摸按鈕S1，或者使手指移開觸摸板501 來使光標停止。
通常，在光標即將被定位在目標位置之前，要對光標進行精細移動。 以往的觸摸板501中，如果在光標過度移動後，接著要使其向相反方向移 動，操作者就需要使手指移開接觸板501，使手指從速度定義區的按壓位 置，越過按鈕S1移動至相反位置。這樣，為了精細地定位光標，為了使 光標移動至相反方向，就需要使手指移開觸摸板501，將手指放在看上去 不同的位置上。
對於以往的觸摸板501，為了使光標精細地移動，需要根據移動速度 和方向精細分割速度定義區，來控制光標。對於現有的個人電腦，精確的
定位可以使用滑鼠和觸摸板等指點設備(pointing device)進行，而畫面內 光標的粗略移動，可以用指點設備使用滾動條(scrollbar)容易地進行。 因此，在已有的個人電腦中，為了移動光標必需使用多種方法，所以效率 不高。
發明內容
在具有外緣的顯示器上顯示二維圖像和標記。在顯示器上設定具有從 顯示器外緣隔開距離的外緣的區域。在標記位於該區域以內時，在顯示器 上使標記相對於二維圖像移動。當標記位於區域外側時，在顯示器上使二 維圖像在從區域朝向標記的方向上滾動。
根據上述方法，可以高效地實現標記定位。
圖1是根據本發明的實施方式的電子機器的立體圖。
圖2A至圖2F是表示根據實施方式的二維圖像顯示方法的概略圖。
圖3A至圖3C是表示根據實施方式的另一二維圖像顯示方法的概略圖。
圖4A至圖4D是表示根據實施方式的又一二維圖像顯示方法的概略圖。
圖5是以往的觸摸板的示意圖。
具體實施例方式
圖1是根據本發明的實施方式的電子機器1001的立體圖。電子機器 1001是手機，它包括顯示器1和輸入操作部分2。輸入操作部分2，由導 航鍵部分3、數字鍵部分4構成。輸入操作部分2，可以通過配置在能輸 入坐標的各種輸入設備、例如導航鍵部分3和數字鍵部分4的下側的電阻 方式和靜電容量方式的模擬輸入設備而工作。根據實施方式的電子機器 1001，通過靜電容量方式的觸摸板來構成輸入操作部分2。
在數字鍵部分4的下側配置有靜電容量型傳感器。當操作者使用作為 導電體的手指等操作體1002觸摸數字鍵部分4上對，靜電容量型傳感器
的靜電容量會隨操作體1002位置的變化而變化。控制部51根據該靜電容 量的變化檢測出操作體1002的觸摸位置。由於可以用操作體1002觸摸並 輸入坐標，所以操作者可以一邊觀察顯示器1 一邊直觀地操作電子機器 匪。
控制部51，保存作為地圖的二維圖像52。顯示器1同時顯示二維圖 像52中的顯示區域5和作為箭頭型指針的標記6。這樣，在顯示器1上顯 示的顯示區域5就是二維圖像52的一部分，比二維圖像52窄。根據對輸 入操作部分2的操作所輸入的坐標，控制部51在顯示器1上使標記6移 動。顯示器1的外緣1A與顯示區域5的外緣5A —致。
在顯示器1的中央附近，設有與顯示器1的外緣1A隔開距離的區域 7。控制部51，可以在顯示器l上以區域7的外緣7A為邊界線進行顯示， 這樣操作者可以用眼睛來確認區域7。控制部51也可以在顯示器1的區域 7的內側和外側改變背景色的色調和濃淡度、亮度，這樣，操作者可以由 此用眼睛來確認區域7。區域7雖是圓形，但也可以是其它形狀，四邊形 和正八邊形等多邊形等都可以。
下面，說明根據實施方式的電子機器1001的動作。圖2A至圖2F表 示顯示在顯示器1上的二維圖像52的顯示區域5。
如圖2A所示，當區域7內存在標記6時，顯示在顯示器l上的顯示 區域5，相對於二維圖像52和顯示器1被固定。這時，控制部51根據從 輸入操作部分2輸入的坐標，使標記6移動。另外，控制部51在起動電 子機器1001時，可以如圖2A所示，使標記6位於區域7內。此外，控制 部51通過導航鍵部分3的鍵操作，同樣也可以使標記6位於區域7內。
通過操作者用手指(操作體1002)觸及操作部分2的數字鍵部分4 來輸入坐標，控制部51如圖2B所示的那樣，使標記6相對於二維圖像 52移動至區域7以外。控制部51，在標記6移出區域7的時間點，在從 區域7的中心等的區域7內的規定位置7B向標記6的方向91A上，滾動 二維圖像52，在相反的方向91B上移動二維圖像52並在顯示器1上顯示， 也就是說，在二維圖像52上，使顯示區域5在與標記6相同的方向上移 動。
如圖2C所示，標記6與區域7 (位置7B)之間的距離Ll越大，控
制部51就越高速地滾動二維圖像52。控制部51可以在顯示器1上顯示目 標位置8，操作者可以尋找目標位置8。
另夕卜，若滾動二維圖像52時，如圖2D所示，目標位置8向區域7移 動。當目標位置8接近區域7時，通過操作者對輸入操作部分2的操作， 控制部51使標記6接近於區域7，控制部51使滾動二維圖像52的速度減 緩。這樣，通過使標記6離幵區域7的規定位置7B，使二維圖像52高速 滾動，就可以對標記6進行粗略定位。優選區域7的規定位置7B是區域 7的圓形的中心，但不限定於此。
從圖2D所示的畫面起，使二維圖像52以較小速度滾動，像圖2E所 示的那樣，控制部51通過操作者對輸入操作部分2的操作，使目標位置8 位於區域7內。當使目標位置8置於區域7內時，操作者將標記6置於區 域7內，控制部51停止滾動二維圖像52。
其後，如圖2F所示，操作者對輸入操作部分2進行操作，使標記6 位於目標位置8上。由於只要標記6位於區域7內，顯示區域5就會相對 於二維圖像52停止，所以操作者可以很容易且很精細地將標記6定位在 目標位置8上。
另外，標記6雖然是箭頭型指針，但在實施方式中，也可以是例如光 標等的點或者實質上可以視作是點的形狀，也可以取得同樣的效果。
這樣，使二維圖像52開始滾動的圖2B所示的標記6與區域7接近， 因而控制部51使二維圖像52滾動得越緩慢。其後，如圖2C所示，通過 將標記6遠離區域7來加大二維圖像52的滾動速度。然後，在目標位置8 剛剛進入顯示區域5且被顯示在顯示器1上時，如圖2D所示，標記6接 近區域7， 二維圖像52的滾動速度就會變小。通過上述操作，操作者可以 直觀地滾動二維圖像52使標記6定位在目標位置8上。
在根據實施方式的電子機器1001中，顯示器1具有包括短邊101和 長邊102的矩形。長邊102比短邊101長。優選圓形區域7的直徑在顯示 器1的短邊101的長度的20%以上、50%以下，更優選為短邊101的30%。 由此，就可以確保在區域7內部和外部這雙方移動標記6所需的充分的動 作範圍，所以，可以得到容易操作的電子機器1001。在區域7的形狀為多 邊形的情況下，通過具有大小相同的寬度也可以得到相同效果。
操作者在輸入操作部分2上，從手指(操作體1002)開始接觸的位置 起，將手指在保持接觸的狀態下移動到要達到的位置。控制部51檢出操 作體1002開始接觸的位置和操作體1002到達的位置。控制部51，將這些 位置坐標計算作為以輸入操作部分2的位置為基準的絕對坐標。其後，控 制部51將操作體1002到達的位置的絕對坐標，轉換並計算成以操作體 1002開始接觸的位置為基準的相對坐標。由此，即便開始接觸到輸入操作 部分2的位置不同，操作者也同樣可以使標記6移動。也就是說，無論在 輸入操作部分2上開始接觸的位置如何，操作者都能一邊看著標記6 —邊 對標記6進行容易且精細的定位。這樣，控制部51根據用操作體1002接 觸的輸入操作部分2的位置的絕對坐標，使標記6在顯示器1上移動。此 外，控制部51將絕對坐標轉換為相對坐標，根據該相對坐標使標記6在 顯示器l上移動。
圖3A至圖3C是表示根據實施方式的二維圖像52的另一顯示方法的 概略圖。
在圖3A中，標記6位於區域7內，控制部51使二維圖像52相對於 顯示器1停止。通過操作者以操作體1002接觸輸入操作部分2並進行移 動，如圖3B所示，控制部51使標記6移動至區域7以外。這時，控制部 51在從區域7內的規定位置7B向朝向標記6的方向91A滾動二維圖像 52，在與方向91A相反的方向91B上移動二維圖像52，在滾動的同時縮 小顯示二維圖像52。
如圖3C所示，區域7 (位置7B)與標記6之間的距離L1越大，顯 示在顯示器1上的二維圖像52的縮小率、即顯示區域5的面積對二維圖 像52的面積之比就越增大。由此，可以增大二維圖像52在顯示器1上的 顯示範圍，所以，操作者可以高效地移動標記6。操作者通過使區域7(位 置7B)與標記6之間的距離Ll同縮小率相對應，可以直觀地移動標記6。
圖4A至圖4C是表示根據實施方式的二維圖像52的又一顯示方法的 概略圖。
在圖4A中，標記6位於區域7內，控制部51使二維圖像52相對於 顯示器1停止。控制部51在顯示器1上顯示與區域7的外緣7A —致的實 線的閉環線9。
如圖4B和圖4C所示，按照操作者對輸入部分2的操作，控制部51 將標記6從區域7的內側移動至外側。在標記6位於區域7外側時，控制 部51改變閉環線9的形狀，這時，閉環線9具有與區域7的外緣7A —致 的外緣部分IOA和與外緣部分10A連接且從外緣7A突出的突出部分IOB。 突出部分10B的前端110B位於標記6或者標記6的附近。當標記6移動 時，閉環線9的突出部分10B的長度就會變化。
圖4D是顯示在顯示器1上的閉環線9的放大圖。如圖4B和4C所示， 即便是閉環線9具有外緣部分IOA和突出部分IOB，區域7自身的形狀即 外緣7A也不會改變。如圖4A所示，當標記6位於區域7內側時，區域7 的外緣7A與閉環線9一致。由此，當滾動二維圖像52時，操作者就可以 一邊用眼睛確認滾動速度和方向， 一邊對輸入操作部分2進行操作。
如圖4B和圖4C所示，用手指等操作體1002 (圖1 )移動標記6到區 域7外側的某一位置P0上。其後，在標記6處於某一位置P0的狀態下， 在操作者使操作體1002離開輸入操作部分2時，控制部51可以將標記移 動至區域7的中心等的規定位置7C。由此，操作者可以無需通過自身的 操作來使標記6返回到區域7內，容易多次重複對輸入操作部分2的操作。
圖4A至圖4D所示的閉環線9，可以同時應用於圖2A至圖2D所示 的通過滾動進行的二維圖像52的顯示方法、和圖3A至圖3C所示的通過 縮小進行的二維圖像52的顯示這雙方之中。由此，操作者可以觀察閉環 線9，直觀地操作輸入操作部分2。
另外，控制部51在將標記6移動至區域7內的規定位置7C時，可以 滾動二維圖像52，使標記6所處的二維圖像52的位置移動至區域7的規 定位置7C。也就是說，通過操作者將操作體1002接觸到輸入操作部分2， 控制部51將標記6移至二維圖像52的某一位置PO。其後，在標記6處於 某一位置PO的狀態下，在操作者使操作體1002離開輸入操作部分2時， 控制部51滾動二維圖像52，使二維圖像52的某一位置PO移動至區域7 內的規定位置7C。標記6向規定位置7C的移動，可以與用來使某一位置 PO移動至規定位置7C的二維圖像52的滾動同時進行。操作者向目標位 置8移動標記6。通過在標記6的移動過程中，將手指等操作體1002離開 輸入操作部分2，標記6和標記6所處的二維圖像52的位置一起移動至區
域7的規定位置7C，從而操作者可以很容易地將標記6移動到目標位置8。 規定位置7C既可以與圖2B所示的規定位置7B相同，也可以不同。
上述標記6和二維圖像52向區域7的移動，可以同時應用於圖2A至 圖2D所示的基於滾動來進行的二維圖像52的顯示方法、和圖3A至圖3C 所示的基於縮小來進行的二維圖像52的顯示這雙方之中。由此，操作者 可以很容易地將標記6移動至目標位置8。
在以上說明中，電子機器1001是手機，二維圖像52是地圖。在實施 方式中，電子機器1001也可以是具備顯示器1的個人電腦和車載導航等 其它電子機器，二維圖像52也可以是一般的網絡瀏覽的畫面等其它的二 維圖像。通過根據實施方式的電子機器1001，操作者可以同時使用二維圖 像52的滾動和標記6的移動，可以很容易地將標記6定位在二維圖像52 的目標位置8上。
在上述說明中，輸入操作部分2雖然是靜電容量方式的觸摸板，但使 用電阻膜方式的觸控螢幕等其它的坐標輸入裝置也可以得到相同效果。
權利要求
1. 一種二維圖像的顯示方法，包含在具有外緣的顯示器上顯示二維圖像和標記的步驟；在所述顯示器上設定具有與所述顯示器的所述外緣隔開距離的外緣的區域的步驟；當所述標記位於所述區域以內時，使所述標記在所述顯示器上相對於所述二維圖像移動的步驟；和當所述標記位於所述區域的外側時，在從所述區域朝向所述標記的方向上，使所述二維圖像在所述顯示器上滾動的步驟。
2. 根據權利要求1所述的二維圖像的顯示方法，其特徵在於， 在從所述區域朝向所述標記的方向上，使所述二維圖像在所述顯示器上滾動的步驟，包含按照由所述區域內的規定的位置與所述標記之間的 距離所決定的速度，在從所述規定的位置朝向所述標記的方向上，滾動所 述二維圖像的步驟，所述規定位置與所述標記之間的所述距離越大，所述速度越大。
3. 根據權利要求1所述的二維圖像的顯示方法，其特徵在於， 在從所述區域朝向所述標記的方向上使所述二維圖像在所述顯示器上滾動的步驟，包含 一邊在所述顯示器上縮小顯示所述二維圖像， 一邊 在從所述區域朝向所述標記的方向上使所述二維圖像在所述顯示器上滾 動的步驟。
4. 根據權利要求3所述的二維圖像的顯示方法，其特徵在於， 一邊在所述顯示器上縮小顯示所述二維圖像， 一邊在從所述區域朝向所述標記的方向上使所述二維圖像在所述顯示器上滾動的步驟，包含以 根據所述區域內的規定的位置與所述標記之間的距離所決定的縮小率，來 縮小顯示所述二維圖像的步驟，所述規定的位置與所述標記之間的所述距離越大，所述縮小率越大。
5. 根據權利要求1所述的二維圖像的顯示方法，其特徵在於， 還包含根據由操作體接觸的輸入操作部分的位置的絕對坐標，在所述顯示器上移動所述標記的步驟。
6. 根據權利要求5所述的二維圖像的顯示方法，其特徵在於，還包含將所述絕對坐標轉換成相對坐標的步驟，根據所述絕對坐標在所述顯示器上移動所述標記的步驟，包括根據 所述相對坐標在所述顯示器上移動所述標記的步驟。
7. 根據權利要求5所述的二維圖像的顯示方法，其特徵在於， 在根據以所述操作體接觸的所述輸入操作部分的所述位置的所述絕對坐標在所述顯示器上移動所述標記的步驟之後，還包含在將所述操作 體移開所述輸入操作部分時，使所述標記移動至所述區域內的規定位置上 的步驟。
8. 根據權利要求7所述的二維圖像的顯示方法，其特徵在於， 根據以所述操作體接觸的所述輸入操作部分的所述位置的所述絕對坐標在所述顯示器上移動所述標記的步驟，包含通過用所述操作體接觸 所述輸入操作部分，來使所述標記處於所述二維圖像的某一位置的步驟，在通過用所述操作體接觸所述輸入操作部分來使所述標記處於所述 二維圖像的所述某一位置的步驟之後，還包含在將所述操作體移開所述 輸入操作部分時，滾動所述二維圖像使所述二維圖像的所述某一位置移動 至所述區域內的所述規定的位置的步驟。
9. 根據權利要求8所述的二維圖像的顯示方法，其特徵在於， 將所述標記移動至所述區域內的所述規定位置的步驟，與滾動所述二維圖像使所述二維圖像的所述某一位置移動至所述區域內的所述規定的 位置的步驟同時進行。
10. 根據權利要求1所述的二維圖像的顯示方法，其特徵在於， 將所述二維圖像和所述標記顯示在所述顯示器的步驟，包含將與所述區域的所述外緣一致的閉環線、所述二維圖像和所述標記顯示在所述顯 示器上的步驟。
11. 根據權利要求5所述的二維圖像的顯示方法，其特徵在於， 根據以所述操作體接觸的所述輸入操作部分的所述位置的所述絕對坐標在所述顯示器上移動所述標記的步驟，包含通過用所述操作體接觸 所述輸入操作部分，來使所述標記處於所述二維圖像的某一位置的步驟， 在通過用所述操作體接觸所述輸入操作部分來使所述標記處於所述 二維圖像的所述某一位置的步驟之後，還包含在將所述操作體移開所述 輸入操作部分時，滾動所述二維圖像使所述二維圖像的所述某一位置移動 至所述區域內的所述規定的位置的步驟。
12. 根據權利要求IO所述的二維圖像的顯示方法，其特徵在於， 所述閉環線是實線。
13. 根據權利要求1所述的二維圖像的顯示方法，其特徵在於， 將所述二維圖像和所述標記顯示在所述顯示器的步驟，包含-在所述標記位於所述區域內時，將與所述區域的所述外緣一致的第1閉環線、所述二維圖像和所述標記顯示在所述顯示器上的步驟；和在所述標記位於所述區域的外側時，將第2閉環線、所述二維圖像和所述標記顯示在所述顯示器上的步驟，所述第2閉環線具有與所述區域的所述外緣一致的外緣部分；和具有位於所述標記附近的前端，並從所述區域的所述外緣突出並與所 述外緣部分連接的突出部分。
14. 根據權利要求13所述的二維圖像的顯示方法，其特徵在於， 所述第1閉環線和所述第2閉環線是實線。
15. 根據權利要求1所述的二維圖像的顯示方法，其特徵在於， 所述顯示器的所述外緣，具有包括長邊和短邊的矩形形狀， 所述區域的大小，為所述顯示器的所述短邊的長度的20%以上、50%以下。
16. 根據權利要求15所述的二維圖像的顯示方法，其特徵在於， 所述顯示器的所述外緣的所述矩形形狀的所述長邊比所述短邊更長。
17. 根據權利要求1所述的二維圖像的顯示方法，其特徵在於， 所述區域的所述外緣是圓形或多邊形。
18. 根據權利要求1所述的二維圖像的顯示方法，其特徵在於， 還包含將所述標記在所述區域內定位到所述二維圖像的目標位置的步驟。
19. 根據權利要求1所述的二維圖像的顯示方法，其特徵在於， 所述區域位於所述顯示器的中央。
全文摘要
本發明提供一種二維圖像的顯示方法，在具有外緣的顯示器上顯示二維圖像和標記。在顯示器上設定具有與顯示器外緣隔開距離的外緣的區域。在標記位於該區域以內時，使標記相對於二維圖像在顯示器上移動。在標記位於區域外側時，在從區域朝向標記的方向上使二維圖像在顯示器上滾動。通過該方法，可以對標記進行高效定位。
文檔編號G06F3/048GK101393509SQ200810214938
公開日2009年3月25日 申請日期2008年8月29日 優先權日2007年9月21日
發明者木全輝志, 立畠直樹 申請人:松下電器產業株式會社