TWI512593B - 畫面繪製方法、畫面更新方法、與相關行動電子裝置 - Google Patents

畫面繪製方法、畫面更新方法、與相關行動電子裝置 Download PDF

Info

Publication number
TWI512593B
TWI512593B TW102143048A TW102143048A TWI512593B TW I512593 B TWI512593 B TW I512593B TW 102143048 A TW102143048 A TW 102143048A TW 102143048 A TW102143048 A TW 102143048A TW I512593 B TWI512593 B TW I512593B
Authority
TW
Taiwan
Prior art keywords
image
area
memory
displacement
region
Prior art date
Application number
TW102143048A
Other languages
English (en)
Other versions
TW201520872A (zh
Inventor
Cheng Hung Lai
Original Assignee
Mstar Semiconductor Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Mstar Semiconductor Inc filed Critical Mstar Semiconductor Inc
Priority to TW102143048A priority Critical patent/TWI512593B/zh
Priority to US14/313,232 priority patent/US9251558B2/en
Publication of TW201520872A publication Critical patent/TW201520872A/zh
Application granted granted Critical
Publication of TWI512593B publication Critical patent/TWI512593B/zh
Priority to US14/974,962 priority patent/US20160104462A1/en

Links

Classifications

    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/36—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory
    • G09G5/39—Control of the bit-mapped memory
    • G09G5/395—Arrangements specially adapted for transferring the contents of the bit-mapped memory to the screen
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/36—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory
    • G09G5/39—Control of the bit-mapped memory
    • G09G5/393—Arrangements for updating the contents of the bit-mapped memory
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T1/00—General purpose image data processing
    • G06T1/20—Processor architectures; Processor configuration, e.g. pipelining
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T1/00—General purpose image data processing
    • G06T1/60—Memory management
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/001—Arbitration of resources in a display system, e.g. control of access to frame buffer by video controller and/or main processor
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/34—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators for rolling or scrolling
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2200/00—Indexing scheme for image data processing or generation, in general
    • G06T2200/24—Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2354/00—Aspects of interface with display user
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2360/00—Aspects of the architecture of display systems
    • G09G2360/12—Frame memory handling
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2360/00—Aspects of the architecture of display systems
    • G09G2360/12—Frame memory handling
    • G09G2360/127—Updating a frame memory using a transfer of data from a source area to a destination area
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2360/00—Aspects of the architecture of display systems
    • G09G2360/18—Use of a frame buffer in a display terminal, inclusive of the display panel

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Hardware Design (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Multimedia (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Description

畫面繪製方法、畫面更新方法、與相關行動電子裝置
本發明揭露一種畫面繪製方法、畫面更新方法、與相關之行動電子裝置，尤指一種使用繪圖元件來更新使用者介面上特定區域之影像或是讀取已暫存之影像來顯示該特定區域之影像的畫面繪製方法、畫面更新方法、及使用該畫面繪製方法或該畫面更新方法之行動電子裝置。
使用者在使用一般行動電子裝置來操作觸控螢幕上顯示之使用者介面時，可以手指滑動使用者介面的方式來瀏覽使用者介面所存取之各種訊息。當上述以手指滑動使用者介面的操作對應到超過使用者介面顯示單頁的最大顯示範圍時，行動電子裝置所包含之處理器會使用繪圖元件(通常為軟體所實施)來重新繪製使用者介面所顯示之影像，雖然事實上繪圖元件所掌控的使用者介面內容並沒有在上述的滑動操作下有任何改變。
為了減少上述處理器使用繪圖元件來重新繪製使用者介面所顯示之影像的負擔，一般的行動電子裝置會另外將整個使用者介面的影像(大於使用者介面的單頁顯示影像)暫存為圖片(Snapshot)即可；如此一來，當使用者以滑動方式操作使用者介面時，處理器只需要直接抓取上述的暫存圖片中需要顯示的部分即可完成使用者介面對應於上述滑動動作的對應顯示，且省下了以繪圖元件重新繪製整個使用者介面的大量處理時間與運算量，而讓使用者介面上表現的滑動操作更為流暢。
然而，隨著使用者介面的尺寸越來越大，上述暫存整個使用者介面範圍的影像也會越來越大，因此記憶體較小的一般行動電子裝置無法直接實施上述之方法來達成讓使用者介面對應滑動操作可展現出來的流暢度。
請參閱第1圖，其為先前技術中一般行動電子裝置之觸控螢幕所顯示之使用者介面上的影像分布概略示意圖。如第1圖所示，觸控螢幕可掌握之一最大繪圖區域為T1，其中繪圖區域T1的尺寸會受到行動電子裝置的硬體規格所限制。而繪圖區域T2則是觸控螢幕所顯示之使用者介面的固定可視範圍，且以使用者的視點來說，無論繪圖區域T2如何被觸控指令所移動，皆不會超出繪圖區域T1的範圍；換言之，以行動電子裝置本身的處理觀點來說，繪圖區域T2是在繪圖區域T1所建立的座標系下被移動。
當行動電子裝置之使用者以滑動方式發出使用者指令，而將使用者介面向上滑動一距離D時，該使用者所見之變化等同繪圖區域T2向下滑動了距離D；然而以行動電子裝置本身的處理觀點來說，實質上繪圖區域T2並未被移動，而是繪圖區域T1被向上滑動了距離D，然而以繪圖區域T1所建立的座標系來說，繪圖區域T2的相對位置被向下移動了距離D。
如同以上所述，當繪圖區域T2的範圍越大時，其移動為行動電子裝置帶來的計算量也會增加，而妨礙了觸控螢幕所表現出之滑動效果的流暢度。
請參閱第2圖，其為另外一種先前技術中一般行動電子裝置之觸控螢幕所顯示之使用者介面上的影像分布概略示意圖。如第2圖所示，觸控螢幕上的各影像可應用階層式控制的概念，假設繪圖區域A1的範圍為觸控螢幕的最大操控範圍，則涵蓋部分繪圖區域A1的繪圖區域A2可視為其子繪 圖區域，且用來顯示繪圖區域A1之繪圖元件可控制用來顯示繪圖區域A2之繪圖元件；同理，用來顯示繪圖區域A2之繪圖元件亦可控制用來顯示繪圖區域A3之繪圖元件。
在第2圖所示之機制下，當使用者所發出之使用者指令是用來滑動繪圖區域A3時，根據繪圖區域A1、繪圖區域A2、繪圖區域A3之間的階層關係可知，繪圖區域A1、繪圖區域A2、繪圖區域A3都必須對應該使用者指令而被重新繪製；然而，若該使用者指令是用來滑動繪圖區域A2中不包含繪圖區域A3的區域時，由於繪圖區域A2需要重新被繪製，因此並未被該使用者指令所操作的繪圖區域A3也必須連帶被重新繪製。在上述曾提及使用者介面之尺寸逐漸增加的情況，也會出現越來越多如繪圖區域A3這種並未被使用者指令所操作卻時常因為母繪圖區域的重新被繪製而被迫連帶重新被繪製的情況，而造成行動電子裝置在繪圖運算量上的負擔也明顯地增加。
為了減緩先前技術中行動電子裝置之觸控螢幕在使用者介面上重新繪製繪圖區域時所引進的龐大運算量，本發明揭露了畫面繪製方法、畫面更新方法與應用上述畫面更新方法或畫面繪製方法之行動電子裝置。
本發明揭露一種畫面更新方法，其應用於更新一電子裝置之一畫面。該電子裝置具有一使用者介面。該畫面係對應於該使用者介面之一第一區域。該畫面更新方法包含：自該使用者介面決定一第二區域，並將該第二區域之影像繪製於一記憶體中，其中該第二區域包含該第一區域；依據該第一區域，自該記憶體取出該第一區域之影像來產生該畫面；接收一位移指令；依據該位移指令使該第一區域於該使用者介面中進行一位移；判斷進行該位移後的該第一區域是否超出該第二區域；以及當進行該位移後的該第一區域超出該第二區域時，更新該記憶體中該第二區域之影像。
本發明係揭露一種電子裝置，用以顯示一畫面。該電子裝置具有一使用者介面。該畫面係對應於該使用者介面之一第一區域。該電子裝置包含一記憶體、一接收單元、及一處理單元。該記憶體用以儲存該使用者介面之一第二區域所對應之影像，其中該第二區域包含該第一區域。該接收單元，用以接收一位移指令。該處理單元用以依據該第一區域自該記憶體取出該第一區域之影像來產生該畫面，並依據該位移指令使該第一區域於該使用者介面中進行一位移，以及判斷進行該位移後的該第一區域是否超出該第二區域。當進行該位移後的該第一區域超出該第二區域時，該處理單元更新該記憶體中該第二區域之影像。
本發明掲露一種畫面繪製方法，應用於繪製一電子裝置之一畫面。該畫面係包含一影像區域與一圖示。該圖示係相關於該電子裝置之一應用程式的狀態，且該影像區域包含該圖示。該畫面繪製方法包含：繪製該圖示之影像，並將該圖示之影像儲存於一記憶體中；依據該應用程式的狀態更新該圖示之影像；將更新後之該圖示之影像儲存於該記憶體中；以及於繪製該影像區域時，使用該記憶體中更新後之該圖示之影像來繪製該圖示。
本發明掲露一種行動電子裝置，用以顯示一畫面。該行動電子裝置之一畫面係包含一影像區域與一圖示。該圖示係相關於該電子裝置之一應用程式的狀態，且該影像區域係包含該圖示。該行動電子裝置包含一記憶體及一處理單元。該處理單元用來將該圖示之影像儲存於該記憶體中、用來依據該應用程式的狀態更新該圖示之影像並將更新後之該圖示之影像儲存於該記憶體中，以及用來於顯示該影像區域時，使用該記憶體中更新後之該圖示之影像來繪製該圖示。
100‧‧‧行動電子裝置
110‧‧‧處理器
120‧‧‧記憶體
130‧‧‧繪圖引擎
140‧‧‧觸控螢幕
150‧‧‧匯流排
160‧‧‧繪圖元件模組
202、204、206、208、210、302、304、306‧‧‧步驟
T1、T2、A2、A3、A4、A5、S1、S2、S3、S31、S32‧‧‧繪圖區域
R2、R3、R_delete‧‧‧子影像
R、R1‧‧‧影像
C1、C2‧‧‧裝飾者元件
第1圖與第2圖為先前技術中一般行動電子裝置之觸控螢幕所顯示之使用者介面上的影像分布概略示意圖。
第3圖為根據本發明之實施例所揭露之一行動電子裝置的功能方塊示意圖。
第4圖為根據本發明之實施例所揭露之畫面更新方法應用於使用者介面時的概略示意圖。
第5圖為第4圖所示之繪圖區域S3在使用者指令之滑動操作下被移動且並未超出繪圖區域S2之範圍時，本發明之畫面更新方法的實施方式概略示意圖。
第6圖為第4圖所示之繪圖區域S3在使用者指令之滑動操作下被移動且超出繪圖區域S2之範圍時，本發明之畫面更新方法的實施方式概略示意圖。
第7圖為根據本發明之實施例所揭露合併第6圖中之繪圖區域S31與繪圖區域S32以顯示影像R的概略示意圖。
第8圖為根據本發明之實施例以及第4-7圖中所示之畫面更新方法，所揭露之畫面更新的流程圖。
第9圖與第10圖為根據本發明之實施例所揭露使用裝飾者元件作為輔助之畫面繪製方法的概略示意圖。
第11圖為根據本發明之實施例以及第9-10圖中所示之畫面繪製方法，所揭露之畫面繪製方法的流程圖。
請參閱第3圖，其為根據本發明之一實施例所揭露之一行動電子裝置100的功能方塊示意圖。如第3圖所示，行動電子裝置100包含一處理器110、一記憶體120、一繪圖引擎130、一觸控螢幕140、一匯流排150、及一繪圖元件模組160。處理器110主要是用來與繪圖引擎130與繪圖元件模組160所包含之各種繪圖元件配合，來重新繪製觸控螢幕140所顯示之一使用者介面上的各個繪圖區域，其中該使用者介面上的各個繪圖區域皆各自在繪圖元件模組160中有一對應之繪圖元件。記憶體120主要是用來在處理 器110重新繪製繪圖區域的過程中，暫存該繪圖區域之一備份影像。處理器110、記憶體120、繪圖引擎130、觸控螢幕140、繪圖元件模組160之間的資料傳輸皆透過匯流排150來進行，以快速地處理大量被重新繪製之繪圖區域或是備份影像。第1圖所包含之各元件實現本發明所揭露之使用者介面繪圖方法的細節將會於以下的敘述中詳細介紹。然而需注意的是，以下各實施例所述由處理器110所發起之各種對繪圖區域進行重新繪製的動作(不包含單純的讀取影像)都是由處理器110透過匯流排150呼叫繪圖元件模組160中的對應繪圖元件以及繪圖引擎130所實施的，並在以下敘述中簡化為由處理器110所主導。
請參閱第4圖，其為根據本發明之一實施例所揭露之畫面更新方法應用於使用者介面時的概略示意圖。如第4圖所示，其圖示有觸控螢幕140所顯示之一使用者介面上包含之一繪圖區域S1、一繪圖區域S2、一繪圖區域S3，其中繪圖區域S1對應於觸控螢幕140的最大操控範圍，也就是整個使用者介面的範圍，繪圖區域S3對應於觸控螢幕140在一時間點可顯示的範圍，也就是說，繪圖區域S3係為繪圖區域S1的一部分，而繪圖區域S2的大小係介於繪圖區域S1與繪圖區域S3之間，其亦為繪圖區域S1的一部分。依據本發明之一實施例，處理器110係將繪圖區域S1的一部分(也就是繪圖區域S2)預先繪製並儲存於記憶體120，如此一來，於顯示繪圖區域S3時，即可利用記憶體120中儲存的繪圖區域S2迅速的顯示繪圖區域S3。繪圖區域S1在任何情況下皆大於且完整涵蓋繪圖區域S2以及繪圖區域S3，而一般來說，繪圖區域S2係大於且可完整涵蓋繪圖區域S3，然而繪圖區域S3有可能會在使用者透過觸控螢幕140所發出之一使用者指令的滑動操作下，暫時超出繪圖區域S2所涵蓋之範圍。
另外，由於繪圖區域S1對應於觸控螢幕140的最大操控範圍，因 此除了繪圖區域S2與繪圖區域S3的任何變更都不會超出繪圖區域S1的範圍以外，繪圖區域S2與繪圖區域S3等同於位處基於繪圖區域S1所架構之一座標系下。在本發明之一實施例中，當該座標系之一x軸(水平軸)與一y軸(垂直軸)係如第4圖所示的方式設定時，繪圖區域S1的左上角頂點對應的座標可設定為代表原點之(0,0)，繪圖區域S2的左上角頂點對應的座標可設定為(X2,Y2)，繪圖區域S3的左上角頂點對應的座標可設定為(X3,Y3)，其中X2、Y2、X3、Y3之值皆大於0，且X3之值大於X2，Y3之值大於Y2。
代表觸控螢幕140在一時間點可顯示範圍之繪圖區域S3具有寬度為W且長度為L的固定值，換言之，繪圖區域S3具有固定尺寸；在繪圖區域S2仍可完整涵蓋並大於繪圖區域S3、且繪圖區域S1仍完整涵蓋並大於繪圖區域S2前提下，繪圖區域S2之長度LS與寬度WS皆可被動態地設定，使得繪圖區域S2可具有動態調整的尺寸。
上述繪圖區域S2、繪圖區域S3的對應座標(亦即位置資訊)以及尺寸大小都會在處理器110的控制下暫存於記憶體120，且處理器110會根據繪圖區域S2、繪圖區域S3對應的座標與尺寸大小，在每次使用者指令移動繪圖區域S3時，即時判斷繪圖區域S3是否被移動而超出了繪圖區域S2的範圍。
如前所述，處理器110也會先行繪製繪圖區域S2的影像R(未繪示)並儲存於記憶體120中。影像R之尺寸完全涵蓋並相等於繪圖區域S2，且會在部分情況下被處理器110更新於記憶體120內。
請參閱第5圖，其為第4圖所示之繪圖區域S3在使用者指令之滑動操作下被移動且並未超出繪圖區域S2之範圍時，本發明之畫面更新方法的實施方式概略示意圖。如第5圖所示，當使用者透過觸控螢幕140所發出之 使用者指令是用來將使用者介面(亦即繪圖區域S3所涵蓋之固定範圍)向上滑動一距離D1時，繪圖區域S3相對於繪圖區域S1與繪圖區域S2實質上是往下移動了距離D1，而使得繪圖區域S3左上角頂點的新座標可被處理器110更新為(X3,Y3+D1)，且該新座標亦可被處理器110更新於記憶體120中。
由於繪圖區域S3在被使用者指令移動後，並未移出繪圖區域S2的範圍外，因此處理器110在偵測到該情況後，只需要直接由記憶體120儲存的影像R中讀取對應移動後繪圖區域S3的影像R1來進行顯示即可。這麼做的好處是，在顯示移動後的繪圖區域S3之前，處理器110不需要浪費額外的時間與運算量來重新呼叫繪圖元件繪製繪圖區域S3，進而保持畫面顯示滑動上的流暢度。另外，在第5圖所示之情況下，繪圖區域S2可以不做任何更新，因此儲存在記憶體120中的影像R也不需要被更新，亦即不需要額外的時間與運算量來重新繪製繪圖區域S2。
請參閱第6圖，其為第4圖所示之繪圖區域S3在使用者指令之滑動操作下被移動且超出繪圖區域S2之範圍時，本發明之畫面更新方法的實施方式概略示意圖。如第6圖所示，當繪圖區域S3被使用者指令之滑動操作向上移動了一距離D2時，其實質上相對於繪圖區域S1與繪圖區域S2向下移動了距離D2；處理器110在偵測到繪圖區域S3被移動而超出了繪圖區域S2的範圍後，會先行更新繪圖區域S3左上角頂點的新座標為(X3,Y3+D2)。由於移動後的繪圖區域S3有一部分超出了繪圖區域S2所涵蓋的範圍，使得繪圖區域S3中會包含與繪圖區域S2不重疊之一繪圖區域S32以及與繪圖區域S2重疊之一繪圖區域S31。在這個情形下，處理器110需要先決定更新的繪圖區域S2，使其涵蓋更新的繪圖區域S3，也就是使更新後的繪圖區域S2同時涵蓋繪圖區域S32以及繪圖區域S31，並據以更新記憶體120中儲存的影像R，最後才自記憶體120讀取更新的繪圖區域S3所對應的影像並顯示於觸 控螢幕140。
請參閱第7圖，其為根據本發明之一實施例所揭露更新記憶體120中儲存的影像R的概略示意圖。在第7圖中，處理器110首先依據繪圖區域S32以及繪圖區域S31，刪除記憶體120所儲存的影像R的一子影像R_Delete，並留下影像R的另一子影像R2。請注意，影像R在記憶體120中係儲存於一段連續的位址，因此影像R包含之子影像R_Delete以及子影像R2亦皆儲存於記憶體120中連續的位址，其中子影像R2的起始位址係接續於子影像R_Delete的結束位址。接著處理器110會使用一記憶體複製指令(Memory Copy Instruction)，將子影像R2的內容複製至記憶體120中自子影像R_Delete的起始位址開始的一段連續記憶體位址。最後，處理器110呼叫繪圖元件繪製一子影像R3，並將子影像R3的內容儲存至記憶體120中自子影像R2的結束位址後開始並結束於影像R之結束位址的一段連續記憶體位址。在本實施例中，子影像R3的大小係等於子影像R_Delete的大小，也就是說，原本的影像R係由子影像R_Delete與子影像R2所組成，而更新後的影像R則由移動儲存位置後的子影像R2以及新繪製的子影像R3所組成。其中，子影像R2包含繪圖區域S31所對應的影像，子影像R3則包含繪圖區域S32所對應的影像，因此更新後的影像R包含了更新後的繪圖區域S3所對應的影像，處理器110得以自記憶體120讀取更新後的繪圖區域S3所對應的影像並顯示於觸控螢幕140。
在本發明之一實施例中，當處理器110自記憶體120讀取並顯示了更新的繪圖區域S3後，可動態地調整繪圖區域S2之位置及大小，並根據被調整後之繪圖區域S2更新其座標(位置資訊，例如其左上角的頂點座標)及繪製對應的影像並儲存於記憶體120中。
第7圖之作法的好處在於，由於影像R中的子影像R2並不需要由處理器110透過繪圖引擎130來重新繪製，因此節省下了一部分的運算量與處理時間，而只需要針對繪製子影像R3消耗運算量與處理時間，而克服了第1圖中先前技術需要應對增加尺寸之繪圖區域T2進行整體重新繪製並帶來龐大運算量與處理時間的缺點。當繪圖區域S31在繪圖區域S3中的比例越大時，亦即繪圖區域S3被移動超出繪圖區域S2的比例越小時，本發明之使用者介面繪圖方法的好處會越明顯。另外，由於第7圖所示影像R的更新步驟都是在記憶體120的同一段連續位址內所進行，因此更新影像中所佔用與配置的記憶體資源也是固定的，而不會造成記憶體120在更新影像時的額外負擔。
另外，在繪圖區域S3被使用者指令所移動後，也有可能會發生移動幅度過大而使得繪圖區域S3完全超出繪圖區域S2的狀況，亦即繪圖區域S3與繪圖區域S2之間沒有繪圖區域S31，而只有繪圖區域S32的狀況。在這種情況下，以第7圖來說，影像R僅包含子影像R_delete而不包含子影像R2，而使得處理器110可直接對應繪圖區域S2的變化來繪製子影像R3，使得更新完畢的影像R僅包含子影像R3，也就是說子影像R3在記憶體120中的起始位址與結束位址個別相同於影像R的起始位址與結束位址。
在本發明之部分實施例中，除了可以處理使用者介面被使用者指令向上滑動的狀況外，亦可根據第4圖至第7圖所示之畫面更新方法來處理使用者介面向下滑動的狀況，甚至可處理的狀況不限於上述之使用者介面的垂直移動，也可用於使用者介面的水平移動。由於處理的方式可經由第4圖至第7圖所示之畫面更新方法來輕易推知，故不再多加贅述。另外，在本發明之部分實施例中，除了可處理上述使用者介面之垂直移動或水平移動等狀況外，亦可用來處理使用者介面斜向移動的狀況。
請參閱第8圖，其為根據本發明之一實施例以及第4-7圖中所示之畫面更新方法，所揭露之畫面更新方法的流程圖。如第8圖所示，本發明之畫面更新方法包含步驟如下：Step 202：自使用者介面決定繪圖區域S2，並將繪圖區域S2之影像繪製於記憶體120中；Step 204：自記憶體120儲存之繪圖區域S2之影像中取出繪圖區域S3之影像以顯示為行動電子裝置100之畫面；Step 206：接收一位移指令，其中該位移指令要求繪圖區域S3於該使用者介面中進行一位移；Step 208：依據該位移指令，判斷進行該位移後的繪圖區域S3是否超出繪圖區域S2；以及Step 210：當進行該位移後的繪圖區域S3超出繪圖區域S2時，更新該記憶體中繪圖區域S2之影像。
第8圖中所述之各步驟為第4-7圖中所述畫面更新方法的總結。然而，將第8圖中所述之各步驟進行合理之排列組合或是加上上述所提及之任何限制條件所衍生出之實施例，仍應視為本發明之實施例。
第4圖至第8圖所示畫面更新方法主要是用來解決第1圖所示先前技術的問題。而接下來的第9圖與第10圖所示之畫面繪製方法，主要是用來解決第2圖所示先前技術的問題，其中第9圖與第10圖所示之畫面繪製方法仍然可以第3圖所示之行動電子裝置100來實施。
請參閱第9圖，其為根據本發明之一實施例所揭露之畫面繪製方 法的概略示意圖。第9圖與代表先前技術的第2圖之主要差異處在於，處理器110除了會以階層(Hierarchy)方式決定繪圖區域A2、A3之間是否需要應對觸控螢幕140接收到的使用者指令做更新以外，另外在繪圖區域A2與繪圖區域A3之間設置了一裝飾者元件C1，使得處理器110可透過裝飾者元件C1來控制繪圖區域A3是否需要被重新繪製。第9圖所示之裝飾者元件C1的圖示區域雖然完整涵蓋且略大於繪圖區域A3，然而實質上裝飾者元件C1所能控制的，就僅是繪圖區域A3所涵蓋的範圍而已，第9圖裝飾者元件C1略大於繪圖區域A3的表示方式只是為了清楚圖示裝飾者元件C1的控制範圍。請注意，實作上，裝飾者元件C1可以是處理器110。
處理器110透過裝飾者元件C1的控制，可以事先繪製繪圖區域A3之一影像，並將該影像儲存於在記憶體120中。
行動電子裝置100在運行過程中會接收各種更新指令，例如收到新電子郵件或新簡訊等的通知。當行動電子裝置100接收到外界的更新指令時，有可能會需要將顯示畫面的影像進行更新。假設繪圖區域A3代表的是郵件或簡訊的圖示，在行動電子裝置100接收到外界的新電子郵件或新簡訊時，繪圖區域A3會需要以顯示新數字等提示訊息的方式來提醒使用者上述接收到新電子郵件或新簡訊的事件；根據本發明之一實施例，處理器110會根據該更新指令，透過裝飾者元件C1來要求繪圖區域A3的繪圖引擎及繪圖元件模組繪製出更新後之繪圖區域A3的影像，並儲存於記憶體120中。當行動電子裝置100要更新或顯示畫面時，根據第9圖所示之階層可知，處理器110首先要求繪圖區域A2的繪圖引擎及繪圖元件模組繪製繪圖區域A2，此時繪圖區域A2的繪圖引擎及繪圖元件模組會要求裝飾者元件C1提供繪圖區域A3的影像，若此時繪圖區域A3並不需要進行更新，則裝飾者元件C1直接將儲存之繪圖區域A3的影像由記憶體120中讀取出來以供直接利用， 因此在處理器110要求繪製繪圖區域A2時，即可節省重新繪製繪圖區域A3的時間；若此時繪圖區域A3需要進行更新，則裝飾者元件C1要求繪圖區域A3的繪圖引擎及繪圖元件模組繪製出更新後之繪圖區域A3的影像儲存於記憶體120中，並提供給繪圖區域A2的繪圖引擎及繪圖元件模組利用。另外，繪圖區域A3的影像在記憶體120中會被配置於一段連續的記憶體位址以供存取，換言之，上述未更新的繪圖區域A3佔據了記憶體120中一段連續的記憶體位址，且更新後的繪圖區域A3也佔據了記憶體中同樣之該段連續記憶體位址；其中在本發明之一實施例中，記憶體複製指令亦可用於輔助上述更新記憶體120中所儲存之繪圖區域A3內容的過程，以避免使用該段被指定之連續記憶體位址以外的其他記憶體位址。
請注意，上述接收到更新指令後，處理器110更新記憶體120中繪圖區域內容的時間點與處理器110重畫顯示畫面的時間點是個別獨立的；換言之，在處理器110更新記憶體120中繪圖區域A3的內容以後，可藉由週期性的開啟使用者介面或是使用者主動開啟使用者介面的方式來觸發處理器110重畫顯示畫面；因此在觸發處理器110重畫顯示畫面時，被更新的繪圖區域A3早已存在於記憶體120內而可直接讀出，並使得處理器110重畫顯示畫面所需的時間得以縮短。
第9圖所示本發明的畫面繪製方法，並不限於繪圖區域A2與A3代表的單階層，而可應用於二個階層以上的多階層繪圖區域。請參閱第10圖，其為根據本發明之一實施例所揭露之使用者介面繪圖方法的概略示意圖。第10圖與第9圖的相異處在於繪圖區域A3中多增加了繪圖區域A4與繪圖區域A5，且繪圖區域A3與繪圖區域A5之間多增加了一個裝飾者元件C2，使得處理器110可透過裝飾者元件C2直接控制繪圖區域A5的更新；換言之，繪圖區域A5的更新與否不受繪圖區域A3的更新與否影響而獨立於繪 圖區域A3的繪圖機制。同樣地，在設置裝飾者元件C2時，處理器110也會為繪圖區域A5事先儲存一影像於記憶體120中。
需注意的是，在繪圖區域上設置裝飾者元件與否，是可讓使用者透過其發出之使用者指令自行決定的，且當裝飾者元件所控制之繪圖區域越多、或者被更新的頻率越高，則本發明節省處理器110之重新繪圖時間的效果會越明顯。
請參閱第11圖，其為根據本發明之一實施例以及第9-10圖中所示之畫面繪製方法，所揭露之畫面繪製方法的流程圖。如第11圖所示，並以第9圖或第10圖舉例時，本發明之畫面繪製方法包含步驟如下：Step 302：將繪圖區域A3之影像繪製於記憶體120中；Step 304：將繪圖區域A3之更新影像繪製於記憶體120中；以及Step 306：於繪製繪圖區域A2時，使用記憶體120中繪圖區域A3之更新影像來顯示繪圖區域A3。
第11圖所述之步驟雖然是以繪圖區域A2與繪圖區域A3之間的繪圖操作為例，然而亦可適用於第10圖中繪圖區域A3與繪圖區域A5之間的繪圖操作。將第11圖之步驟進行合理之排列組合或是加上上述已提及之任何限制條件所衍生之實施例，仍應視為本發明之實施例。
本發明掲露了畫面更新方法、畫面繪製方法、與應用該些方法的行動電子裝置，藉由將使用者介面中部分不需要更新的繪圖區域以事先儲存的備份影像直接替換，可以省下原本重新繪製該些不需要更新之繪圖區域所浪費之運算量與處理時間，並使得行動電子裝置在使用者介面的操作上可以 獲得滿意的流暢度。
202、204、206、208、210‧‧‧步驟

Claims (16)

  1. 一種畫面更新方法，應用於更新一電子裝置之一畫面，其中該電子裝置具有一使用者介面，該畫面係對應於該使用者介面之一第一區域，該畫面更新方法包含：自該使用者介面決定一第二區域，並將該第二區域之影像儲存於一記憶體中，其中該第二區域包含該第一區域；依據該第一區域，自該記憶體取出該第一區域之影像來產生該畫面；接收一位移指令；依據該位移指令使該第一區域於該使用者介面中進行一位移；判斷進行該位移後的該第一區域是否超出該第二區域；以及當進行該位移後的該第一區域超出該第二區域時，更新該記憶體中該第二區域之影像。
  2. 如請求項1所述之畫面更新方法，其中更新該記憶體中該第二區域之影像之步驟包含：將一更新後的該第二區域之影像儲存於該記憶體中，其中該更新後的該第二區域包含該位移後的該第一區域，以及該第二區域之影像與該更新後的該第二區域之影像係儲存於該記憶體中相同之記憶體位址。
  3. 如請求項1所述之畫面更新方法，其中更新該記憶體中該第二區域之影像之步驟包含：偵測該位移後的該第一區域與該第二區域是否具有一重疊區域；當該位移後的該第一區域與該第二區域具有該重疊區域時，自該記憶體中複製該重疊區域之影像；以及 利用該複製之影像更新該記憶體中該第二區域之影像，其中該第二區域之影像與該更新後的該第二區域之影像係儲存於該記憶體中相同之記憶體位址。
  4. 如請求項1所述之方法，其中依據該位移指令使該第一區域於該使用者介面中進行該位移之步驟，係根據該位移指令所指示之該位移與該第一區域未位移前之一位置資訊更新該第一區域位移後之該位置資訊。
  5. 如請求項4所述之方法，其中判斷進行該位移後的該第一區域是否超出該第二區域之步驟，係根據該第一區域位移後之該位置資訊以及該第二區域之另一位置資訊進行判斷。
  6. 一種電子裝置，用以顯示一畫面，其中該電子裝置具有一使用者介面，該畫面係對應於該使用者介面之一第一區域，該電子裝置包含：一記憶體，用以儲存該使用者介面之一第二區域之影像，其中該第二區域包含該第一區域；一接收單元，用以接收一位移指令；以及一處理單元，依據該第一區域自該記憶體取出該第一區域之影像來產生該畫面，並依據該位移指令使該第一區域於該使用者介面中進行一位移，以及判斷進行該位移後的該第一區域是否超出該第二區域，當進行該位移後的該第一區域超出該第二區域時，該處理單元更新該記憶體中該第二區域之影像。
  7. 如請求項6所述之電子裝置，其中該處理單元將一更新後的該第二區域之影像儲存於該記憶體中，該更新後的該第二區域包含該位移後的該第一區域，且該第二區域之影像與該更新後的該第二區域之影像係儲存於 該記憶體中相同之記憶體位址。
  8. 如請求項6所述之電子裝置，其中該處理單元另用來偵測該位移後的該第一區域與該第二區域是否具有一重疊區域，當該位移後的該第一區域與該第二區域具有該重疊區域時，該處理單元自該記憶體中複製該重疊區域之影像，並利用該複製之影像更新該記憶體中該第二區域之影像，其中該第二區域之影像與該更新後的該第二區域之影像係儲存於該記憶體中相同之記憶體位址。
  9. 如請求項6所述之電子裝置，其中該處理單元係根據該位移指令所指示之該位移與該第一區域未位移前之一位置資訊更新該第一區域位移後之該位置資訊。
  10. 如請求項9所述之電子裝置，其中該處理單元係根據該第一區域位移後之該位置資訊以及該第二區域之另一位置資訊，判斷進行該位移後的該第一區域是否超出該第二區域。
  11. 一種畫面繪製方法，應用於繪製一電子裝置之一畫面，其中該畫面包含一影像區域與一圖示，該圖示係相關於該電子裝置之一應用程式的狀態，且該影像區域包含該圖示，該畫面繪製方法包含：繪製該圖示之影像，並將該圖示之影像儲存於一記憶體中；依據該應用程式的狀態更新該圖示之影像；將更新後之該圖示之影像儲存於該記憶體中；以及於繪製該影像區域時，使用該記憶體中更新後之該圖示之影像來繪製該圖示。
  12. 如請求項11所述之畫面繪製方法，其中該圖示之影像與更新後之該圖示之影像係儲存於該記憶體中相同之記憶體位址。
  13. 如請求項11所述之畫面繪製方法，其中依據該應用程式的狀態更新該圖示之影像之步驟包含：接收一更新指令，該更新指令係有關於該應用程式的狀態。
  14. 一種電子裝置，用以顯示一畫面，該畫面包含一影像區域與一圖示，該圖示係相關於該電子裝置之一應用程式的狀態，且該影像區域係包含該圖示，該電子裝置包含：一記憶體；以及一處理單元，用來將該圖示之影像儲存於該記憶體中、用來依據該應用程式的狀態更新該圖示之影像並將更新後之該圖示之影像儲存於該記憶體中，以及用來於顯示該影像區域時，使用該記憶體中更新後之該圖示之影像來繪製該圖示。
  15. 如請求項14所述之行動電子裝置，其中該圖示之影像與更新後之該圖示之影像係儲存於該記憶體中相同之記憶體位址。
  16. 如請求項14所述之行動電子裝置，另包含：一接收單元，用來接收一更新指令，該更新指令係有關於該應用程式的狀態。
TW102143048A 2013-11-26 2013-11-26 畫面繪製方法、畫面更新方法、與相關行動電子裝置 TWI512593B (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
TW102143048A TWI512593B (zh) 2013-11-26 2013-11-26 畫面繪製方法、畫面更新方法、與相關行動電子裝置
US14/313,232 US9251558B2 (en) 2013-11-26 2014-06-24 Frame drawing method, frame updating method and associated mobile electronic device
US14/974,962 US20160104462A1 (en) 2013-11-26 2015-12-18 Frame drawing method and associated mobile electronic device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW102143048A TWI512593B (zh) 2013-11-26 2013-11-26 畫面繪製方法、畫面更新方法、與相關行動電子裝置

Publications (2)

Publication Number Publication Date
TW201520872A TW201520872A (zh) 2015-06-01
TWI512593B true TWI512593B (zh) 2015-12-11

Family

ID=53182279

Family Applications (1)

Application Number Title Priority Date Filing Date
TW102143048A TWI512593B (zh) 2013-11-26 2013-11-26 畫面繪製方法、畫面更新方法、與相關行動電子裝置

Country Status (2)

Country Link
US (2) US9251558B2 (zh)
TW (1) TWI512593B (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106017483B (zh) * 2016-05-06 2019-10-11 厦门蓝斯通信股份有限公司 一种地图车辆图标的绘制方法、绘制系统及导航终端
JP6784953B2 (ja) * 2016-08-26 2020-11-18 富士ゼロックス株式会社 情報処理装置およびプログラム
FR3098629B1 (fr) * 2019-07-12 2021-08-13 Aledia Système de visualisation d’images et procédé de commande
CN110851118B (zh) * 2019-10-21 2021-03-23 中国地质大学（武汉） 一种面向三维场景的矢量图标绘制方法及装置

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6030936A (en) * 1997-01-06 2000-02-29 Reckitt & Colman Inc. Blooming type disinfecting cleaning compositions
TW200744019A (en) * 2006-05-23 2007-12-01 Smedia Technology Corp Adaptive tile depth filter
CN100550159C (zh) * 2003-10-17 2009-10-14 三星电子株式会社 存储包括模式信息的运动图像数据的存储介质的再现设备和方法
TW201112043A (en) * 2009-09-21 2011-04-01 Hon Hai Prec Ind Co Ltd Mobile device and method for controlling browse of images
TW201135696A (en) * 2010-04-06 2011-10-16 Hon Hai Prec Ind Co Ltd Electronic device and controlling method thereof
TWI381306B (zh) * 2009-04-23 2013-01-01 Htc Corp 可攜式電子裝置及其影像資料通訊方法

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5630081A (en) * 1995-09-07 1997-05-13 Puma Technology, Inc. Connection resource manager displaying link-status information using a traffic light iconic representation
US5796401A (en) * 1996-08-09 1998-08-18 Winer; Peter W. System for designing dynamic layouts adaptable to various display screen sizes and resolutions
US20020101406A1 (en) * 2001-01-26 2002-08-01 Chin-Shu Tseng Touch-controlled hot key device
JP4888081B2 (ja) * 2006-01-23 2012-02-29 セイコーエプソン株式会社 撮像装置、撮像方法、撮像システム及び画像処理装置
JP2008293224A (ja) * 2007-05-24 2008-12-04 Contec Co Ltd Ｐｃ画像配信設備
US20090295788A1 (en) * 2008-06-03 2009-12-03 Microsoft Corporation Visually emphasizing peripheral portions of a user interface
KR101526995B1 (ko) * 2008-10-15 2015-06-11 엘지전자 주식회사 이동 단말기 및 이것의 디스플레이 제어 방법
US9372618B2 (en) * 2010-10-01 2016-06-21 Z124 Gesture based application management
US9201467B2 (en) * 2011-01-26 2015-12-01 Sony Corporation Portable terminal having user interface function, display method, and computer program
JP6159078B2 (ja) * 2011-11-28 2017-07-05 京セラ株式会社 装置、方法、及びプログラム

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6030936A (en) * 1997-01-06 2000-02-29 Reckitt & Colman Inc. Blooming type disinfecting cleaning compositions
CN100550159C (zh) * 2003-10-17 2009-10-14 三星电子株式会社 存储包括模式信息的运动图像数据的存储介质的再现设备和方法
TW200744019A (en) * 2006-05-23 2007-12-01 Smedia Technology Corp Adaptive tile depth filter
TWI381306B (zh) * 2009-04-23 2013-01-01 Htc Corp 可攜式電子裝置及其影像資料通訊方法
TW201112043A (en) * 2009-09-21 2011-04-01 Hon Hai Prec Ind Co Ltd Mobile device and method for controlling browse of images
TW201135696A (en) * 2010-04-06 2011-10-16 Hon Hai Prec Ind Co Ltd Electronic device and controlling method thereof

Also Published As

Publication number Publication date
US20160104462A1 (en) 2016-04-14
US20150145877A1 (en) 2015-05-28
TW201520872A (zh) 2015-06-01
US9251558B2 (en) 2016-02-02

Similar Documents

Publication Publication Date Title
JP7114633B2 (ja) 画面ミラーリング方法、装置、端末及び記憶媒体
JP4533943B2 (ja) 情報処理装置、表示制御方法およびプログラム
CN109739372B (zh) 用于手写输入设备的图形绘制方法及手写阅读设备
US9685143B2 (en) Display control device, display control method, and computer-readable storage medium for changing a representation of content displayed on a display screen
US8762840B1 (en) Elastic canvas visual effects in user interface
TWI512593B (zh) 畫面繪製方法、畫面更新方法、與相關行動電子裝置
EP3163423B1 (en) Method and device for setting background of ui control
US20160004404A1 (en) Image display device, image display control method, program and information storage medium
WO2014040434A1 (zh) 基于移动终端的信息对照输入的方法及移动终端
JP4158462B2 (ja) 画面表示処理装置及び画面表示処理方法、並びにコンピュータ・プログラム
US20170256031A1 (en) Method of enlarging content in divided screen, information processing apparatus, and control method and control program of information processing apparatus
JP2013196100A (ja) 図面表示装置、及び図面表示プログラム
JP5995206B2 (ja) 情報処理装置
US20170192673A1 (en) Information processing apparatus, information processing method, and information processing program
US20140165011A1 (en) Information processing apparatus
US20130207981A1 (en) Apparatus and methods for cursor animation
EP2876540A1 (en) Information processing device
US20180173411A1 (en) Display device, display method, and non-transitory computer readable recording medium
JP4722784B2 (ja) 電子黒板装置および電子黒板装置における画像処理方法並びにそのプログラム
JP6264951B2 (ja) 描画装置、プログラム、描画方法
JP6034486B2 (ja) 電子機器
US20180173362A1 (en) Display device, display method used in the same, and non-transitory computer readable recording medium
TW201502898A (zh) 觸控式電子設備及其繪圖方法
JP6536666B2 (ja) 描画制御装置、およびその制御プログラム、描画制御方法
JP2020038497A (ja) 会議支援プログラム、会議支援方法及び情報処理装置