JP6091907B2 - Terminal device and display program - Google Patents

Terminal device and display program Download PDF

Info

Publication number
JP6091907B2
JP6091907B2 JP2013010494A JP2013010494A JP6091907B2 JP 6091907 B2 JP6091907 B2 JP 6091907B2 JP 2013010494 A JP2013010494 A JP 2013010494A JP 2013010494 A JP2013010494 A JP 2013010494A JP 6091907 B2 JP6091907 B2 JP 6091907B2
Authority
JP
Japan
Prior art keywords
expansion
display
image
range
control unit
Prior art date
Legal status (The legal status 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 status listed.)
Active
Application number
JP2013010494A
Other languages
Japanese (ja)
Other versions
JP2014142791A (en
Inventor
勇吾 中村
勇吾 中村
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
THA LTD.
KDDI Corp
Original Assignee
THA LTD.
KDDI Corp
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 THA LTD., KDDI Corp filed Critical THA LTD.
Priority to JP2013010494A priority Critical patent/JP6091907B2/en
Publication of JP2014142791A publication Critical patent/JP2014142791A/en
Application granted granted Critical
Publication of JP6091907B2 publication Critical patent/JP6091907B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Description

本発明は、端末装置及び表示プログラムに関する。   The present invention relates to a terminal device and a display program.

表示画面に定められた領域毎にアイコン画像を表示する電子装置(端末装置)が、特許文献1に開示されている。   An electronic device (terminal device) that displays an icon image for each region defined on a display screen is disclosed in Patent Document 1.

特開2012−128619号公報JP 2012-128619 A

しかしながら、端末装置は、表示画面に格子状(グリッド状)に定められた領域毎に画像を表示する場合、画像を見やすく表示することができないという問題がある。   However, when displaying an image for each area defined in a grid pattern (grid pattern) on the display screen, the terminal device has a problem that the image cannot be displayed easily.

本発明は、前記の点に鑑みてなされたものであり、表示画面に格子状に定められた領域毎に画像を表示する場合、画像を見やすく表示することができる端末装置及び表示プログラムを提供することを目的とする。   The present invention has been made in view of the above points, and provides a terminal device and a display program that can display an image in an easy-to-see manner when displaying an image for each region defined in a lattice shape on a display screen. For the purpose.

本発明の一態様は、画像に定められた位置を含む表示範囲を、格子状に定められた領域毎に表示する表示部と、前記領域に対する操作を検出する検出部と、伸縮比を示す情報を記憶する記憶部と、操作された前記領域を、前記伸縮比を示す情報に基づいて伸縮させ、前記位置を含めたまま前記表示範囲を更新する制御部と、を備えることを特徴とする端末装置である。   According to one embodiment of the present invention, a display unit that displays a display range including a position defined in an image for each region defined in a grid, a detection unit that detects an operation on the region, and information indicating an expansion / contraction ratio And a control unit that expands / contracts the operated region based on information indicating the expansion / contraction ratio and updates the display range while including the position. Device.

また、本発明の一態様は、前記記憶部が、繰り返し順が定められた複数の前記伸縮比を示す情報を記憶し、前記制御部が、前記繰り返し順に応じて、前記伸縮比を示す情報を所定操作毎に選択し、選択した前記伸縮比を示す情報に基づいて、操作された前記領域を伸縮させることを特徴とする端末装置である。   In one embodiment of the present invention, the storage unit stores information indicating a plurality of the expansion / contraction ratios in which the repetition order is determined, and the control unit stores information indicating the expansion / contraction ratios according to the repetition order. The terminal device is selected for each predetermined operation and expands / contracts the operated region based on information indicating the selected expansion / contraction ratio.

また、本発明の一態様は、前記記憶部が、前記伸縮比の前記繰り返し順と、前記伸縮比の個数と、前記伸縮比の値と、のうち少なくとも一つを、前記画像の内容毎に記憶することを特徴とする端末装置である。   In one embodiment of the present invention, the storage unit may include at least one of the repetition order of the expansion / contraction ratio, the number of expansion / contraction ratios, and the value of the expansion / contraction ratio for each content of the image. The terminal device is characterized by memorizing.

また、本発明の一態様は、前記制御部が、前記画像の内容が文字列を含む場合には、操作された前記領域を、所定閾値より大きい前記伸縮比を示す情報に基づいて伸縮させることを特徴とする端末装置である。   Further, according to one aspect of the present invention, when the content of the image includes a character string, the control unit expands / contracts the operated region based on information indicating the expansion / contraction ratio that is greater than a predetermined threshold. Is a terminal device.

また、本発明の一態様は、制御部が、前記位置を前記表示範囲の中心としたまま、前記表示範囲を更新することを特徴とする端末装置である。   One embodiment of the present invention is a terminal device in which the control unit updates the display range while keeping the position at the center of the display range.

また、本発明の一態様は、前記制御部が、前記表示範囲が前記画像からはみ出す場合には、前記位置を前記表示範囲の中心とせず、前記画像からはみ出さないように前記表示範囲をずらすことを特徴とする端末装置である。   In one embodiment of the present invention, when the display range extends beyond the image, the control unit shifts the display range so that the position is not centered on the display range and does not protrude from the image. This is a terminal device.

また、本発明の一態様は、前記記憶部が、前記表示範囲以上に広い範囲であって、前記画像の一部の範囲を記憶することを特徴とする端末装置である。   One embodiment of the present invention is a terminal device in which the storage unit stores a partial range of the image that is wider than the display range.

また、本発明の一態様は、前記記憶部が、前記画像の輪郭に接する前記一部の範囲を記憶することを特徴とする端末装置である。   One embodiment of the present invention is the terminal device in which the storage unit stores the partial range in contact with the contour of the image.

また、本発明の一態様は、前記制御部が、前記表示範囲が前記一部の範囲からはみ出す場合には、前記位置を前記表示範囲の中心とせず、前記一部の範囲からはみ出さないように前記表示範囲をずらすことを特徴とする端末装置である。   Further, according to one embodiment of the present invention, when the display range extends beyond the partial range, the control unit does not set the position as the center of the display range and does not protrude from the partial range. The terminal device is characterized in that the display range is shifted.

また、本発明の一態様は、前記表示部が、前記伸縮比を示す情報に基づいて伸ばされた前記領域に、前記画像を拡大表示することを特徴とする端末装置である。   One embodiment of the present invention is the terminal device in which the display unit displays the image in an enlarged manner in the region that is stretched based on the information indicating the expansion / contraction ratio.

また、本発明の一態様は、前記表示部が、前記伸縮比を示す情報に基づいて伸ばされた前記領域に、所定画像を追加表示することを特徴とする端末装置である。   One embodiment of the present invention is the terminal device, wherein the display unit additionally displays a predetermined image in the area extended based on the information indicating the expansion / contraction ratio.

また、本発明の一態様は、コンピュータに、画像に定められた位置を含む表示範囲を、格子状に定められた領域毎に表示する手順と、前記領域に対する操作を検出する手順と、操作された前記領域を、伸縮比を示す情報に基づいて伸縮させ、前記位置を含めたまま前記表示範囲を更新する手順と、を実行させるための表示プログラムである。   Further, according to one embodiment of the present invention, a procedure for displaying, on a computer, a display range including a position determined in an image for each area determined in a lattice shape, a procedure for detecting an operation on the area, and A display program for causing the region to expand and contract based on information indicating an expansion / contraction ratio, and to update the display range while including the position.

本発明によれば、制御部は、操作された領域を、伸縮比を示す情報に基づいて伸縮させ、画像に定められた位置を含めたまま表示範囲を更新する。これにより、端末装置及び表示プログラムは、表示画面に格子状に定められた領域毎に画像を表示する場合、画像を見やすく表示することができる。   According to the present invention, the control unit expands / contracts the operated region based on the information indicating the expansion / contraction ratio, and updates the display range while including the position determined in the image. Thereby, the terminal device and the display program can display the image in an easy-to-see manner when displaying the image for each area defined in a grid pattern on the display screen.

本発明の一実施形態における、端末装置の構成例を示すブロック図である。It is a block diagram which shows the structural example of the terminal device in one Embodiment of this invention. 本発明の一実施形態における、領域に表示された内容と伸縮比との対応付けを示す対応表である。6 is a correspondence table showing correspondence between contents displayed in a region and an expansion / contraction ratio in an embodiment of the present invention. 本発明の一実施形態における、領域の第1表示例を示す図である。It is a figure which shows the 1st example of a display of the area | region in one Embodiment of this invention. 本発明の一実施形態における、領域の第2表示例を示す図である。It is a figure which shows the 2nd example of a display of the area | region in one Embodiment of this invention. 本発明の一実施形態における、表示範囲の第1例を示す図である。It is a figure which shows the 1st example of the display range in one Embodiment of this invention. 本発明の一実施形態における、領域の第3表示例を示す図である。It is a figure which shows the 3rd example of a display of the area | region in one Embodiment of this invention. 本発明の一実施形態における、表示範囲の第2例を示す図である。It is a figure which shows the 2nd example of the display range in one Embodiment of this invention. 本発明の一実施形態における、領域の第4表示例を示す図である。It is a figure which shows the 4th example of a display of an area | region in one Embodiment of this invention. 本発明の一実施形態における、表示範囲の第3例を示す図である。It is a figure which shows the 3rd example of the display range in one Embodiment of this invention. 本発明の一実施形態における、領域の第5表示例を示す図である。It is a figure which shows the 5th example of a display of the area | region in one Embodiment of this invention. 本発明の一実施形態における、領域の第6表示例を示す図である。It is a figure which shows the 6th example of a display of the area | region in one Embodiment of this invention. 本発明の一実施形態における、領域の第7表示例を示す図である。It is a figure which shows the 7th example of a display of the area | region in one Embodiment of this invention. 本発明の一実施形態における、端末装置の動作手順例を示すフローチャートである。It is a flowchart which shows the example of an operation | movement procedure of a terminal device in one Embodiment of this invention.

本発明の一実施形態について図面を参照して詳細に説明する。ユーザは、端末装置の表示画面に表示されている領域に対する操作を、例えば、その表示画面に指で触れる(タッチする)ことにより行う。表示画面に触れられる度に、その触れられた位置に表示されている領域は、異なる伸縮比で伸縮される。端末装置及び表示プログラムは、操作された領域を、伸縮比を示す情報に基づいて伸縮させ、画像に定められた位置を含む表示範囲を、その位置を含めたまま更新する。これにより、端末装置及び表示プログラムは、表示画面に格子状(グリッド状)に定められた領域毎に画像を表示する場合、画像を見やすく表示することができる。   An embodiment of the present invention will be described in detail with reference to the drawings. The user performs an operation on an area displayed on the display screen of the terminal device, for example, by touching (touching) the display screen with a finger. Each time the display screen is touched, the area displayed at the touched position is stretched with a different stretch ratio. The terminal device and the display program expand and contract the operated region based on the information indicating the expansion / contraction ratio, and update the display range including the position determined in the image while including the position. Thereby, the terminal device and the display program can display an image in an easy-to-see manner when displaying an image for each region defined in a grid shape (grid shape) on the display screen.

図1には、端末装置の構成例が、ブロック図により示されている。端末装置100は、検出部110と、記憶部120と、制御部130と、画像処理部140と、表示部150とを備える。   FIG. 1 is a block diagram illustrating a configuration example of a terminal device. The terminal device 100 includes a detection unit 110, a storage unit 120, a control unit 130, an image processing unit 140, and a display unit 150.

検出部110は、表示部150の表示画面を透明な部材で覆うように備えられる。検出部110は、表示画面に格子状に定められた領域(パネル)に対する操作を検出する。検出部110は、領域に対する操作を、例えば、ユーザの指と表示画面との接触(タッチ)に基づいて検出する。検出部110は、操作された領域の座標を示す情報を、制御部130に出力する。ここで、操作された領域の座標は、例えば、表示部150の表示画面に定められたXY座標で表現されてもよい。XY座標については、例えば、図3を用いて後述する。   The detection unit 110 is provided to cover the display screen of the display unit 150 with a transparent member. The detection unit 110 detects an operation on an area (panel) defined in a grid pattern on the display screen. The detection unit 110 detects an operation on the area based on, for example, contact (touch) between the user's finger and the display screen. The detection unit 110 outputs information indicating the coordinates of the operated region to the control unit 130. Here, the coordinates of the operated region may be expressed by, for example, XY coordinates defined on the display screen of the display unit 150. The XY coordinates will be described later with reference to FIG. 3, for example.

記憶部120は、制御部130を動作させるためのプログラムを記憶する。また、記憶部120は、領域に表示される画像(例えば、写真画像)を示す情報を記憶する。また、記憶部120は、複数の伸縮比(伸縮パターン)を示す情報を記憶する。各伸縮比は、格子状に定められた領域に表示される画像の内容に、予め対応付けられている。   The storage unit 120 stores a program for operating the control unit 130. In addition, the storage unit 120 stores information indicating an image (for example, a photographic image) displayed in the area. In addition, the storage unit 120 stores information indicating a plurality of expansion ratios (expansion / contraction patterns). Each expansion / contraction ratio is associated in advance with the contents of an image displayed in a region defined in a lattice shape.

図2には、領域に表示された内容と伸縮比との対応付けが、対応表により示されている。この対応表の項目には、一例として、番号と、内容と、座標と、伸縮比A〜Iとがある。
項目「番号」は、領域毎に割り当てられた識別番号を示す。
In FIG. 2, the correspondence between the contents displayed in the area and the expansion / contraction ratio is shown by a correspondence table. The items in the correspondence table include, as an example, numbers, contents, coordinates, and expansion ratios A to I.
The item “number” indicates an identification number assigned to each area.

項目「内容」は、領域(パネル)に表示される画像の内容を示す。領域に表示される画像の内容には、例えば、アプリケーションソフトウェアに応じた画像の内容がある。アプリケーションソフトウェアに応じた画像の内容は、より具体的には、例えば、時刻を示す画像(図2では、「時刻」と表記されている。)、メール等の文字列を示す画像(図2では、「文字列」と表記されている。)、及び、写真等の画像(図2では、「写真」と表記されている)などの内容がある。また、この写真等の画像には、格子状に定められた領域間の空き領域を穴埋めするための穴埋め画像(図2では、「穴埋め」と表記されている)が含まれていてもよい。   The item “content” indicates the content of the image displayed in the area (panel). The content of the image displayed in the area includes, for example, the content of the image corresponding to the application software. More specifically, the content of the image corresponding to the application software is, for example, an image indicating time (indicated as “time” in FIG. 2), an image indicating a character string such as an email (in FIG. 2). , “Character string”), and an image such as a photograph (denoted as “photo” in FIG. 2). In addition, the image such as a photograph may include a hole-filling image (denoted as “hole-filling” in FIG. 2) for filling a blank area between areas defined in a lattice shape.

また、領域に表示される画像の内容には、例えば、アプリケーションソフトウェアを起動するためのアイコン画像(図2では、「アイコン」と表記されている。)が含まれていてもよい。   The contents of the image displayed in the area may include, for example, an icon image (indicated as “icon” in FIG. 2) for starting the application software.

項目「座標」は、表示されている領域のXY座標を示す。ここで、領域が複数の格子にまたがって伸ばされているために、その伸ばされた領域に含まれるXY座標が複数ある場合、それらのXY座標値のうち最も小さいXY座標値が、その伸ばされた領域を示すXY座標の代表値と定められてもよい。   The item “coordinates” indicates the XY coordinates of the displayed area. Here, since the region is stretched across a plurality of grids, when there are a plurality of XY coordinates included in the stretched region, the smallest XY coordinate value among those XY coordinate values is stretched. It may be determined as a representative value of XY coordinates indicating the region.

項目「伸縮比A〜I」は、領域の伸縮比をそれぞれ示す。各伸縮比は、表示画面に定められた格子の一辺の長さを単位とする比で表現される。例えば、伸縮比A「1×1」の領域は、X軸方向の長さが格子の一辺の長さであり、Y軸方向の長さが格子の一辺の長さである単位領域である。また、例えば、伸縮比B「1×2」の領域は、X軸方向の長さが格子の一辺の長さであり、Y軸方向の長さが格子の一辺の2倍の長さである、単位領域がY軸方向に伸ばされた領域である。   The item “stretch ratio A to I” indicates the stretch ratio of the region. Each expansion / contraction ratio is expressed as a ratio with the length of one side of the grid defined on the display screen as a unit. For example, the region of the expansion ratio A “1 × 1” is a unit region whose length in the X-axis direction is the length of one side of the lattice and whose length in the Y-axis direction is the length of one side of the lattice. Further, for example, in the region of the expansion ratio B “1 × 2”, the length in the X-axis direction is the length of one side of the lattice, and the length in the Y-axis direction is twice the length of one side of the lattice. The unit region is a region extended in the Y-axis direction.

図2では、同様に、伸縮比Cは「1×3」と示され、伸縮比Dは「2×1」と示され、伸縮比Eは「2×2」と示され、伸縮比Fは「2×3」と示され、伸縮比Gは「3×1」と示され、伸縮比Gは「3×1」と示され、伸縮比Hは「3×2」と示され、伸縮比Iは「3×3」と示されている。   In FIG. 2, similarly, the expansion / contraction ratio C is indicated as “1 × 3”, the expansion / contraction ratio D is indicated as “2 × 1”, the expansion / contraction ratio E is indicated as “2 × 2”, and the expansion / contraction ratio F is “2 × 3” is shown, the stretch ratio G is shown as “3 × 1”, the stretch ratio G is shown as “3 × 1”, the stretch ratio H is shown as “3 × 2”, and the stretch ratio is I is indicated as “3 × 3”.

また、図2では、項目「内容」の「時刻」には、伸縮比Aと、伸縮比Bとが対応付けられている。また、項目「内容」の「写真」には、伸縮比A〜Iが対応付けられている。また、項目「内容」の「アイコン」には、伸縮比Aのみが対応付けられている。また、項目「内容」の「文字列」には、伸縮比B〜Iが対応付けられている。また、項目「内容」の「穴埋め」には、伸縮比Aのみが対応付けられている。   In FIG. 2, the expansion / contraction ratio A and the expansion / contraction ratio B are associated with the “time” of the item “content”. Further, the expansion ratios A to I are associated with the “photograph” of the item “content”. Further, only the expansion ratio A is associated with the “icon” of the item “content”. In addition, the expansion ratios B to I are associated with the “character string” of the item “content”. Further, only the expansion / contraction ratio A is associated with the “filling” of the item “content”.

図1に戻り、端末装置の構成例の説明を続ける。制御部130には、操作された領域の座標を示す情報が、検出部110から入力される。制御部130は、操作された領域の座標を示す情報に基づいて、操作された領域を特定する。ここで、各領域の最新の配置は、記憶部120に記憶されている対応表における、各領域の最新の座標と、当該各領域の最新の伸縮比とにより特定される。   Returning to FIG. 1, the description of the configuration example of the terminal device will be continued. Information indicating the coordinates of the operated region is input from the detection unit 110 to the control unit 130. The control unit 130 identifies the operated area based on information indicating the coordinates of the operated area. Here, the latest arrangement of each area is specified by the latest coordinates of each area in the correspondence table stored in the storage unit 120 and the latest expansion / contraction ratio of each area.

制御部130は、操作された領域の伸縮比を更新する。ここで、制御部130は、伸縮比A〜Iのうち、項目「内容」に対応付けられた伸縮比に、伸縮比A〜Iの繰り返し順に伸縮比を更新する。   The control unit 130 updates the expansion / contraction ratio of the operated region. Here, the control unit 130 updates the expansion / contraction ratio to the expansion / contraction ratio associated with the item “content” among the expansion / contraction ratios A to I in the order of repetition of the expansion / contraction ratios A to I.

より具体的には、項目「内容」が「時刻」である場合、制御部130は、図2に示す対応表に基づいて、伸縮比A,B,A,B,…の繰り返し順に、操作毎に伸縮比を更新する。また、例えば、項目「内容」が「写真」である場合、制御部130は、図2に示す対応表に基づいて、伸縮比A,B,C,…,I,A,B,C…の繰り返し順に、操作毎に伸縮比を更新する。また、例えば、項目「内容」が「アイコン」又は「穴埋め」である場合、制御部130は、図2に示す対応表に基づいて、伸縮比を伸縮比Aとする。   More specifically, when the item “content” is “time”, the control unit 130 performs each operation in the repetition order of the expansion ratios A, B, A, B,... Based on the correspondence table shown in FIG. Update the stretch ratio. For example, when the item “content” is “photograph”, the control unit 130 sets the expansion ratios A, B, C,..., I, A, B, C. In order of repetition, the expansion / contraction ratio is updated for each operation. For example, when the item “content” is “icon” or “fill in”, the control unit 130 sets the expansion / contraction ratio to the expansion / contraction ratio A based on the correspondence table shown in FIG.

また、例えば、項目「内容」が「文字列」である場合、制御部130は、図2に示す対応表に基づいて、伸縮比B,C,…,I,B,C…の繰り返し順に、操作毎に伸縮比を更新する。ここで、項目「内容」が「文字列」である場合に、伸縮比Aが除外されているのは、伸縮比A「1×1」に基づいて伸縮された領域は、面積が小さいために、文字列の画像を表示させることに適さないためである。   For example, when the item “content” is “character string”, the control unit 130 repeats the expansion ratios B, C,..., I, B, C. The expansion / contraction ratio is updated for each operation. Here, when the item “content” is “character string”, the expansion / contraction ratio A is excluded because the area expanded / contracted based on the expansion / contraction ratio A “1 × 1” has a small area. This is because it is not suitable for displaying an image of a character string.

制御部130は、操作された領域を、更新した伸縮比に基づいて伸縮させるよう、画像処理部140を制御する。また、制御部130は、更新した伸縮比に基づいて伸ばされた領域に、画像に定められた表示範囲が拡大表示されるよう、画像処理部140を制御してもよい。ここで、制御部130は、操作された領域の各辺のうち相対的に長い辺と、画像からトリミングされた範囲の各辺のうち相対的に長い辺とが、少なくとも一部重なるまで当該範囲を拡大(以下、「短辺フィット」という。)することにより、表示範囲を定めてもよい。つまり、画像に定められた表示範囲は、伸ばされた領域に隙間を作ることがないよう拡大表示される。   The control unit 130 controls the image processing unit 140 to expand / contract the operated region based on the updated expansion / contraction ratio. In addition, the control unit 130 may control the image processing unit 140 so that the display range determined for the image is enlarged and displayed in the region stretched based on the updated stretch ratio. Here, the control unit 130 determines that the relatively long side of each side of the operated region and the relatively long side of each side of the range trimmed from the image at least partially overlap each other. The display range may be determined by enlarging (hereinafter referred to as “short-side fit”). That is, the display range determined for the image is enlarged and displayed so as not to create a gap in the extended area.

制御部130は、更新した伸縮比に基づいて伸ばされた領域に、所定画像が追加表示されるよう、画像処理部140を制御してもよい。画像の追加表示の詳細については、例えば、図4を用いて後述する。   The control unit 130 may control the image processing unit 140 so that a predetermined image is additionally displayed in the region stretched based on the updated stretch ratio. Details of the additional image display will be described later with reference to FIG.

制御部130は、例えば、中央演算処理装置(Central Processing Unit:CPU)である。制御部130は、記憶部120に記憶されたプログラムに基づいて動作してもよい。   The control unit 130 is, for example, a central processing unit (CPU). The control unit 130 may operate based on a program stored in the storage unit 120.

画像処理部140は、各種の画像(例えば、時刻を示す画像、文字列を示す画像、写真画像)を、制御部130による制御に基づいて生成する。また、画像処理部140は、アイコン画像、又は、穴埋め画像を、制御部130による制御に基づいて生成してもよい。画像処理部140は、生成した画像を示す情報を、表示画面に格子状に定められた領域毎に、表示部150に出力する。  The image processing unit 140 generates various images (for example, an image indicating time, an image indicating a character string, and a photographic image) based on control by the control unit 130. Further, the image processing unit 140 may generate an icon image or a hole-filling image based on control by the control unit 130. The image processing unit 140 outputs information indicating the generated image to the display unit 150 for each area defined in a grid pattern on the display screen.

表示部150は、画像処理部140により生成された画像を、格子状に定められた領域毎に、表示画面に表示する。表示部150は、伸縮比を示す情報に基づいて伸ばされた領域に、画像処理部140により生成された画像(例えば、写真画像)の表示範囲を、拡大表示してもよい。また、表示部150は、伸縮比を示す情報に基づいて伸ばされた領域に、画像処理部140により生成された所定画像(例えば、現在時刻を示すデジタル時計の画像)を、追加表示してもよい。  The display unit 150 displays the image generated by the image processing unit 140 on the display screen for each region defined in a lattice shape. The display unit 150 may enlarge and display the display range of the image (for example, a photographic image) generated by the image processing unit 140 in a region that is expanded based on the information indicating the expansion / contraction ratio. Further, the display unit 150 may additionally display a predetermined image (for example, an image of a digital clock indicating the current time) generated by the image processing unit 140 in an area expanded based on the information indicating the expansion / contraction ratio. Good.

次に、領域(パネル)の表示例を説明する。以下、表示部150の表示画面には、表示画面に向かって最も左上の格子を原点とする格子単位のXY座標(X,Y)=(0〜4,0〜2)として、向かって下向きのX軸と、向かって右向きのY軸と、が定められているものとして説明を続ける。   Next, a display example of a region (panel) will be described. Hereinafter, on the display screen of the display unit 150, XY coordinates (X, Y) = (0, 4, 0 to 2) in a grid unit with the upper left grid as the origin toward the display screen is set downward. The description will be continued on the assumption that the X-axis and the Y-axis facing rightward are defined.

図3には、領域の第1表示例が示されている。表示部150の表示画面には、領域10〜14と、領域20〜24と、領域30、31及び34とが表示されている。例えば、領域10は、伸縮比A「1×1」で、座標(X,Y)=(0,0)に表示されている(図2を参照)。領域10には、一例として、現在時刻を示すアナログ時計の画像が表示されている。また、例えば、領域11は、伸縮比A「1×1」で、座標(X,Y)=(1,0)に表示されている。また、例えば、領域23は、伸縮比B「1×2」で、座標(X,Y)=(2,1)に表示されている。領域23には、一例として、メール等の文字列の画像が表示されている。また、例えば、領域34は、伸縮比A「1×1」で、座標(X,Y)=(4,2)に表示されている。領域34には、一例として、穴埋め画像が表示されている。   FIG. 3 shows a first display example of the area. On the display screen of the display unit 150, the areas 10 to 14, the areas 20 to 24, and the areas 30, 31, and 34 are displayed. For example, the area 10 is displayed at the coordinates (X, Y) = (0, 0) with the expansion ratio A “1 × 1” (see FIG. 2). In the area 10, as an example, an analog clock image indicating the current time is displayed. Further, for example, the area 11 is displayed at the coordinates (X, Y) = (1, 0) with the expansion / contraction ratio A “1 × 1”. Further, for example, the area 23 is displayed at the coordinates (X, Y) = (2, 1) with the expansion ratio B “1 × 2”. As an example, an image of a character string such as an email is displayed in the area 23. Further, for example, the area 34 is displayed at the coordinates (X, Y) = (4, 2) with the expansion ratio A “1 × 1”. In the region 34, for example, a hole filling image is displayed.

各領域が第1表示例で表示画面に表示されている状態で、ユーザは、表示画面に表示されている領域10に、操作として1回だけ触れた(ワンタッチした)とする。
図4には、領域の第2表示例が示されている。制御部130(図1を参照)は、操作された領域10の伸縮比を、伸縮比B(図2を参照)に更新する。制御部130は、操作された領域10を、伸縮比Bに基づいてY軸の正方向に伸ばすよう、画像処理部140(図1を参照)を制御する。また、制御部130は、伸縮比Bに基づいて伸ばされた領域10に、現在時刻を示すデジタル時計の画像が追加表示されるよう、画像処理部140を制御する。
It is assumed that the user has touched the area 10 displayed on the display screen only once (one touch) as an operation in a state where each area is displayed on the display screen in the first display example.
FIG. 4 shows a second display example of the area. The control unit 130 (see FIG. 1) updates the expansion / contraction ratio of the operated region 10 to the expansion / contraction ratio B (see FIG. 2). The control unit 130 controls the image processing unit 140 (see FIG. 1) to extend the operated region 10 in the positive direction of the Y axis based on the expansion / contraction ratio B. In addition, the control unit 130 controls the image processing unit 140 so that an image of a digital clock indicating the current time is additionally displayed in the region 10 extended based on the expansion / contraction ratio B.

また、制御部130は、伸ばされた領域10を避けるために、領域20〜24と、領域34(図3を参照)とを移動させる場合、これらの領域を、下方向(X軸の正方向)に移動させる。また、制御部130は、上詰め(X軸の負方向に詰めて)で、各領域を表示させる。   Further, when the control unit 130 moves the regions 20 to 24 and the region 34 (see FIG. 3) in order to avoid the stretched region 10, the control unit 130 moves these regions downward (positive direction of the X axis). ). In addition, the control unit 130 displays each area by top alignment (packed in the negative direction of the X axis).

各領域が第2表示例で表示画面に表示されている状態で、ユーザは、所定の写真画像を伸縮比A「1×1」でトリミング(切り出し)することにより、当該所定の写真画像に表示範囲を定めたとする。例えば、その写真画像における任意の位置(例えば、被写体の顔の位置)をユーザが指定することにより、制御部130は、その位置を中心とする表示範囲を、当該所定の写真画像からトリミングしてもよい。   In a state where each area is displayed on the display screen in the second display example, the user trims (cuts out) a predetermined photographic image with an expansion ratio A “1 × 1”, thereby displaying the predetermined photographic image on the predetermined photographic image. Suppose you have defined a range. For example, when the user designates an arbitrary position in the photographic image (for example, the position of the face of the subject), the control unit 130 trims the display range centered on the position from the predetermined photographic image. Also good.

図5には、表示範囲の第1例が示されている。ユーザは、写真画像500を伸縮比A「1×1」でトリミング(切り出し)することにより、写真画像500に表示範囲200を定めたとする。写真画像500における被写体の顔の位置をユーザが指定することにより、制御部130は、その位置を中心300とする表示範囲200を、写真画像500からトリミングする。また、制御部130は、表示範囲200以上に広い範囲であって、写真画像500の一部の範囲に、記憶範囲400を定める。例えば、記憶範囲400の辺の長さは、領域の伸縮に合うように表示範囲が最も伸ばされた場合における、当該表示範囲の辺の最大の長さと等しくなるように定められてもよい。制御部130は、定めた記憶範囲400を、領域に表示される画像を示す情報として、記憶部120に記憶させる。   FIG. 5 shows a first example of the display range. It is assumed that the user defines the display range 200 in the photographic image 500 by trimming (cutting out) the photographic image 500 with the expansion ratio A “1 × 1”. When the user designates the position of the face of the subject in the photographic image 500, the control unit 130 trims the display range 200 centered on that position from the photographic image 500. In addition, the control unit 130 determines the storage range 400 in a range that is wider than the display range 200 and is part of the photographic image 500. For example, the length of the side of the storage range 400 may be set to be equal to the maximum length of the side of the display range when the display range is extended to the extent that the region is expanded or contracted. The control unit 130 causes the storage unit 120 to store the determined storage range 400 as information indicating an image displayed in the area.

なお、被写体の顔の位置が写真画像500の端にあるなどの理由により、表示範囲200の中心300が、写真画像500の端に指定された場合、制御部130は、表示範囲200の近傍で写真画像500の輪郭に記憶範囲400が接するように、写真画像500に記憶範囲400を定めてもよい。また、制御部130は、伸縮比A「1×1」でトリミングされた表示範囲200であっても、その一部が記憶範囲400からはみ出すことになる場合には、表示範囲200が記憶範囲400からはみ出さなくなるまで、写真画像500又は記憶範囲400内で、表示範囲200の位置をずらしてもよい。   Note that when the center 300 of the display range 200 is designated as the end of the photographic image 500 because the position of the subject's face is at the end of the photographic image 500, the control unit 130 is in the vicinity of the display range 200. The storage range 400 may be defined in the photographic image 500 such that the storage range 400 touches the contour of the photographic image 500. In addition, even when the display range 200 is trimmed with the expansion ratio A “1 × 1”, the control unit 130 causes the display range 200 to be stored in the storage range 400 when a part of the display range 200 protrudes from the storage range 400. The position of the display range 200 may be shifted within the photographic image 500 or the storage range 400 until it no longer protrudes.

各領域が第2表示例(図4を参照)で表示画面に表示されている状態で、ユーザは、表示画面に表示されている領域11(図4を参照)に、所定の操作により、記憶範囲400の表示範囲200を表示させたとする。   In a state where each area is displayed on the display screen in the second display example (see FIG. 4), the user stores the area 11 (see FIG. 4) displayed on the display screen by a predetermined operation. It is assumed that the display range 200 of the range 400 is displayed.

図6には、領域の第3表示例が示されている。制御部130(図1を参照)は、記憶範囲400の表示範囲200を、伸縮比Aで表示画面に表示されている領域11に表示させる。各領域が第3表示例で表示画面に表示されている状態で、ユーザは、表示画面に表示されている領域11に、操作として1回だけ触れた(ワンタッチした)とする。   FIG. 6 shows a third display example of the area. The control unit 130 (see FIG. 1) causes the display range 200 of the storage range 400 to be displayed in the area 11 displayed on the display screen with the expansion / contraction ratio A. It is assumed that the user has touched the area 11 displayed on the display screen only once (one touch) as an operation in a state where each area is displayed on the display screen in the third display example.

図7には、表示範囲の第2例が示されている。制御部130(図1を参照)は、表示範囲200の中心300(図5を参照)を、表示範囲210の中心300とし、伸縮比B(図2を参照)に基づいて伸ばされた領域11と同じ形状(縦横比)となるように、表示範囲210を記憶範囲400からトリミングする。   FIG. 7 shows a second example of the display range. The control unit 130 (see FIG. 1) sets the center 300 (see FIG. 5) of the display range 200 as the center 300 of the display range 210, and the region 11 stretched based on the expansion / contraction ratio B (see FIG. 2). The display range 210 is trimmed from the storage range 400 so as to have the same shape (aspect ratio).

なお、制御部130は、表示範囲210の一部が記憶範囲400からはみ出すことになる場合には、表示範囲210が記憶範囲400からはみ出さなくなるまで、写真画像500又は記憶範囲400内で、表示範囲210の位置をずらしてもよい。   Note that if a part of the display range 210 extends beyond the storage range 400, the control unit 130 displays the photographic image 500 or the storage range 400 until the display range 210 does not protrude from the storage range 400. The position of the range 210 may be shifted.

図8には、領域の第4表示例が示されている。制御部130(図1を参照)は、操作された領域11の伸縮比を、伸縮比Aから伸縮比B(図2を参照)に更新する。制御部130は、操作された領域11を、伸縮比Bに基づいて伸ばすよう、画像処理部140(図1を参照)を制御する。また、制御部130は、伸縮比Bに基づいて伸ばされた領域11に、記憶範囲400の表示範囲210(図7を参照)が短辺フィットで表示されるよう、画像処理部140を制御する。   FIG. 8 shows a fourth display example of the area. The control unit 130 (see FIG. 1) updates the expansion / contraction ratio of the operated region 11 from the expansion / contraction ratio A to the expansion / contraction ratio B (see FIG. 2). The control unit 130 controls the image processing unit 140 (see FIG. 1) so as to extend the operated region 11 based on the expansion / contraction ratio B. In addition, the control unit 130 controls the image processing unit 140 so that the display range 210 (see FIG. 7) of the storage range 400 is displayed with the short side fit in the region 11 that has been stretched based on the expansion / contraction ratio B. .

また、制御部130は、領域11を伸ばすために、領域20〜23(図6を参照)を移動させる場合、領域20〜23を、下方向(X軸の正方向)に移動させる。また、制御部130は、上詰め(X軸の負方向に詰めて)で、各領域を表示させる。この結果、図8では、領域23(図6を参照)は、表示されていない。   In addition, when moving the regions 20 to 23 (see FIG. 6) in order to extend the region 11, the control unit 130 moves the regions 20 to 23 downward (the positive direction of the X axis). In addition, the control unit 130 displays each area by top alignment (packed in the negative direction of the X axis). As a result, the area 23 (see FIG. 6) is not displayed in FIG.

各領域が第4表示例で表示画面に表示されている状態で、ユーザは、表示画面に表示されている領域11に、操作として1回だけ触れた(ワンタッチした)とする。
図9には、表示範囲の第3例が示されている。制御部130(図1を参照)は、表示範囲200の中心300(図5を参照)を、表示範囲220の中心300とし、伸縮比C(図2を参照)に基づいて伸ばされた領域11と同じ形状(縦横比)となるように、伸縮比Cに基づいて、表示範囲220を記憶範囲400からトリミングする。
It is assumed that the user touches the area 11 displayed on the display screen only once (one touch) as an operation in a state where each area is displayed on the display screen in the fourth display example.
FIG. 9 shows a third example of the display range. The control unit 130 (see FIG. 1) sets the center 300 (see FIG. 5) of the display range 200 as the center 300 of the display range 220, and the region 11 stretched based on the expansion / contraction ratio C (see FIG. 2). The display range 220 is trimmed from the storage range 400 based on the expansion / contraction ratio C so as to have the same shape (aspect ratio).

なお、制御部130は、表示範囲220の一部が記憶範囲400からはみ出すことになる場合には、表示範囲210が記憶範囲400からはみ出さなくなるまで、写真画像500又は記憶範囲400内で、表示範囲220の位置をずらしてもよい。   In addition, when a part of the display range 220 is out of the storage range 400, the control unit 130 displays the photographic image 500 or the storage range 400 until the display range 210 does not protrude from the storage range 400. The position of the range 220 may be shifted.

図10には、領域の第5表示例が示されている。制御部130(図1を参照)は、操作された領域11の伸縮比を、伸縮比Bから伸縮比C(図2を参照)に更新する。制御部130は、操作された領域11を、伸縮比Cに基づいて伸ばすよう、画像処理部140(図1を参照)を制御する。また、制御部130は、伸縮比Cに基づいて伸ばされた領域11に、記憶範囲400の表示範囲220(図9を参照)が短辺フィットで表示されるよう、画像処理部140を制御する。   FIG. 10 shows a fifth display example of the area. The control unit 130 (see FIG. 1) updates the expansion / contraction ratio of the operated region 11 from the expansion / contraction ratio B to the expansion / contraction ratio C (see FIG. 2). The control unit 130 controls the image processing unit 140 (see FIG. 1) so as to extend the operated region 11 based on the expansion / contraction ratio C. In addition, the control unit 130 controls the image processing unit 140 so that the display range 220 (see FIG. 9) of the storage range 400 is displayed with the short side fit in the region 11 extended based on the expansion ratio C. .

また、制御部130は、領域11を伸ばすために、領域31(図8を参照)を移動させる場合、領域31を、下方向(X軸の正方向)に移動させる。また、制御部130は、上詰め(X軸の負方向に詰めて)で、各領域を表示させる。   In addition, when moving the region 31 (see FIG. 8) in order to extend the region 11, the control unit 130 moves the region 31 downward (the positive direction of the X axis). In addition, the control unit 130 displays each area by top alignment (packed in the negative direction of the X axis).

表示範囲は、次のように定められてもよい。各領域が第4表示例(図8を参照)で表示画面に表示されている状態で、ユーザは、表示画面に表示されている領域11に、操作として1回だけ触れた(ワンタッチした)とする。
図11には、領域の第6表示例が示されている。制御部130(図1を参照)は、操作された領域11の伸縮比を、伸縮比Bから伸縮比C(図2を参照)に更新する。制御部130は、操作された領域11を、伸縮比Cに基づいて伸ばすよう、画像処理部140(図1を参照)を制御する。また、制御部130は、伸縮比Cに基づいて伸ばされた領域11に、記憶範囲400の表示範囲220(図10を参照)よりも内側の所定範囲が短辺フィットで表示されるよう、画像処理部140を制御してもよい。
The display range may be determined as follows. In a state where each area is displayed on the display screen in the fourth display example (see FIG. 8), the user touches the area 11 displayed on the display screen only once as an operation (one touch). To do.
FIG. 11 shows a sixth display example of the area. The control unit 130 (see FIG. 1) updates the expansion / contraction ratio of the operated region 11 from the expansion / contraction ratio B to the expansion / contraction ratio C (see FIG. 2). The control unit 130 controls the image processing unit 140 (see FIG. 1) so as to extend the operated region 11 based on the expansion / contraction ratio C. Further, the control unit 130 displays an image so that a predetermined range inside the display range 220 (see FIG. 10) of the storage range 400 is displayed with a short side fit in the region 11 extended based on the expansion / contraction ratio C. The processing unit 140 may be controlled.

各領域が第5表示例(図10を参照)又は第6表示例で表示画面に表示されている状態で、ユーザは、表示画面に表示されている領域11に、操作として1回だけ触れ、続けてもう1回だけ触れたとする。
図12には、領域の第7表示例が示されている。制御部130(図1を参照)は、操作された領域11の伸縮比を、伸縮比Cから伸縮比E(図2を参照)に更新する。制御部130は、操作された領域11を、伸縮比Eに基づいて伸ばすよう、画像処理部140(図1を参照)を制御する。また、制御部130は、伸縮比Eに基づいて伸ばされた領域11に、記憶範囲400の表示範囲200(図5を参照)が短辺フィットで表示されるよう、画像処理部140を制御してもよい。
With each area displayed on the display screen in the fifth display example (see FIG. 10) or the sixth display example, the user touches the area 11 displayed on the display screen only once as an operation. Let's say you touched it once more.
FIG. 12 shows a seventh display example of the area. The control unit 130 (see FIG. 1) updates the expansion / contraction ratio of the operated region 11 from the expansion / contraction ratio C to the expansion / contraction ratio E (see FIG. 2). The control unit 130 controls the image processing unit 140 (see FIG. 1) so as to extend the operated region 11 based on the expansion / contraction ratio E. In addition, the control unit 130 controls the image processing unit 140 so that the display range 200 (see FIG. 5) of the storage range 400 is displayed with the short side fit in the region 11 extended based on the expansion / contraction ratio E. May be.

次に、端末装置の動作手順例を説明する。
図13は、端末装置の動作手順例を示すフローチャートである。
(ステップS1)制御部130(図1を参照)は、処理を終了させる指示操作を検出部110(図1を参照)が検出したか否かを判定する。処理を終了させる指示操作を検出部110が検出した場合(ステップS1:Yes)、制御部130は、処理を終了させる。一方、処理を終了させる指示操作を検出部110が検出していない場合(ステップS1:No)、制御部130は、ステップS2に処理を進める。
Next, an example of the operation procedure of the terminal device will be described.
FIG. 13 is a flowchart illustrating an example of an operation procedure of the terminal device.
(Step S1) The control unit 130 (see FIG. 1) determines whether or not the detection unit 110 (see FIG. 1) has detected an instruction operation to end the process. When the detection unit 110 detects an instruction operation to end the process (step S1: Yes), the control unit 130 ends the process. On the other hand, when the detection unit 110 has not detected an instruction operation to end the process (step S1: No), the control unit 130 advances the process to step S2.

(ステップS2)制御部130は、領域に対する操作を検出部110(図1を参照)が検出したか否かを判定する。領域に対する操作を検出部110が検出した場合(ステップS2:Yes)、制御部130は、ステップS3に処理を進める。一方、領域に対する操作を検出部110が検出していない場合(ステップS2:No)、制御部130は、ステップS1に処理を戻す。   (Step S2) The control unit 130 determines whether or not the detection unit 110 (see FIG. 1) has detected an operation on the region. When the detection unit 110 detects an operation on the area (step S2: Yes), the control unit 130 advances the process to step S3. On the other hand, when the detection unit 110 has not detected an operation on the region (step S2: No), the control unit 130 returns the process to step S1.

(ステップS3)制御部130は、操作された領域に表示されている画像の内容に対応付けられた伸縮比を示す情報(図2を参照)を、記憶部120(図1を参照)から取得する。
(ステップS4)制御部130は、操作された領域を、伸縮比を示す情報に基づいて伸縮させるよう、画像処理部140を制御する。
(ステップS5)制御部130は、伸縮された領域に表示する画像の寸法等を更新するよう、画像処理部140を制御する。制御部130は、ステップS1に処理を戻す。
(Step S3) The control unit 130 acquires information (see FIG. 2) indicating the expansion / contraction ratio associated with the content of the image displayed in the operated area from the storage unit 120 (see FIG. 1). To do.
(Step S4) The control unit 130 controls the image processing unit 140 to expand and contract the operated region based on information indicating the expansion / contraction ratio.
(Step S5) The control unit 130 controls the image processing unit 140 so as to update the size and the like of the image displayed in the stretched area. The control unit 130 returns the process to step S1.

以上のように、端末装置100(図1を参照)は、画像に定められた位置を含む表示範囲を(例えば、図5、図7及び図9を参照)、格子状に定められた領域毎に表示する(例えば、図6、図8、図10、図11及び図12を参照)表示部150と、前記領域に対する操作を検出する検出部110と、伸縮比を示す情報を記憶する記憶部120と、操作された前記領域を、前記伸縮比を示す情報に基づいて伸縮させ、前記位置を含めたまま前記表示範囲を更新する(例えば、図6、図8、図10、図11及び図12を参照)制御部130と、を備える。   As described above, the terminal device 100 (see FIG. 1) displays the display range including the position defined in the image (see, for example, FIGS. 5, 7, and 9) for each region defined in a grid pattern. (For example, see FIGS. 6, 8, 10, 11, and 12), a display unit 150, a detection unit 110 that detects an operation on the region, and a storage unit that stores information indicating the expansion / contraction ratio 120 and the operated region is expanded and contracted based on the information indicating the expansion / contraction ratio, and the display range is updated while including the position (for example, FIG. 6, FIG. 8, FIG. 10, FIG. 11 and FIG. 12) control unit 130.

また、表示プログラムは、コンピュータに、画像に定められた位置を含む表示範囲(例えば、図5、図7及び図9を参照)を、格子状に定められた領域毎に表示する手順と(例えば、図6、図8、図10、図11及び図12を参照)、前記領域に対する操作を検出する手順と、操作された前記領域を、伸縮比を示す情報に基づいて伸縮させ、前記位置を含めたまま前記表示範囲を更新する手順と(例えば、図6、図8、図10、図11及び図12を参照)、を実行させる。   In addition, the display program displays a display range (for example, see FIGS. 5, 7, and 9) including a position determined on the image for each area determined in a grid pattern on the computer (for example, 6, 8, 10, 11, and 12), a procedure for detecting an operation on the area, and the operated area is expanded and contracted based on information indicating an expansion ratio, and the position is determined. And a procedure for updating the display range while being included (see, for example, FIGS. 6, 8, 10, 11, and 12).

この構成により、制御部130は、画像に定められた位置を含む表示範囲を、格子状に定められた領域毎に表示する。これにより、端末装置及び表示プログラムは、表示画面に格子状に定められた領域毎に画像を表示する場合、画像を見やすく表示することができる。すなわち、端末装置及び表示プログラムは、ホーム画面のパネルの便利な伸縮パターンを提供することができる。また、情報の作成者は、ユーザに注目(フォーカス)させたい順に、表示部150の表示画面にその情報の画像を表示させることができる。   With this configuration, the control unit 130 displays the display range including the position determined in the image for each area determined in a lattice shape. Thereby, the terminal device and the display program can display the image in an easy-to-see manner when displaying the image for each area defined in a grid pattern on the display screen. In other words, the terminal device and the display program can provide a convenient expansion / contraction pattern of the home screen panel. Further, the creator of information can display images of the information on the display screen of the display unit 150 in the order in which the user wants to focus (focus).

また、記憶部120は、繰り返し順が定められた複数の前記伸縮比(例えば、伸縮比A〜I)を示す情報を記憶し(図2を参照)、制御部130は、前記繰り返し順に応じて、前記伸縮比を示す情報を所定操作(例えば、表示画面に触れる操作)毎に選択し(切り替え)、選択した前記伸縮比を示す情報に基づいて、操作された前記領域を伸縮させてもよい(例えば、図6、図8、図10及び図12を参照)。   In addition, the storage unit 120 stores information indicating a plurality of the expansion / contraction ratios (for example, the expansion / contraction ratios A to I) in which the repetition order is determined (see FIG. 2), and the control unit 130 responds according to the repetition order. The information indicating the expansion / contraction ratio may be selected (switched) for each predetermined operation (for example, an operation touching the display screen), and the operated region may be expanded / contracted based on the selected information indicating the expansion / contraction ratio. (See, for example, FIGS. 6, 8, 10, and 12).

また、記憶部120は、前記伸縮比(例えば、伸縮比A〜I)の前記繰り返し順と、前記伸縮比の個数と、前記伸縮比の値と、のうち少なくとも一つを、前記画像の内容毎に記憶してもよい(図2を参照)。   In addition, the storage unit 120 may store at least one of the repetition order of the expansion / contraction ratios (for example, the expansion / contraction ratios A to I), the number of the expansion / contraction ratios, and the value of the expansion / contraction ratio, as the content of the image. You may memorize | store for every (refer FIG. 2).

また、制御部130は、前記画像の内容が文字列を含む場合には、操作された前記領域を、所定閾値(例えば、伸縮比A)より大きい前記伸縮比を示す情報に基づいて伸縮させてもよい(図2に示す「文字列」の行を参照)。   In addition, when the content of the image includes a character string, the control unit 130 expands / contracts the operated region based on information indicating the expansion / contraction ratio that is larger than a predetermined threshold (for example, the expansion / contraction ratio A). (Refer to the “character string” line shown in FIG. 2).

また、制御部130は、前記位置を前記表示範囲の中心300としたまま、前記表示範囲を更新してもよい(例えば、図5、図7及び図9を参照)。
また、制御部130は、前記表示範囲(例えば、表示範囲200)が前記画像(例えば、写真画像500)からはみ出す場合には、前記位置を前記表示範囲の中心とせず、前記画像からはみ出さないように前記表示範囲をずらしてもよい。
例えば、制御部130は、被写体の顔の位置が写真画像500の端にあるなどの理由により、表示範囲200(図5を参照)の中心300が、写真画像500の端に指定されたことにより、表示範囲200が写真画像500からはみ出すことになる場合には、ユーザに指定された中心300を表示範囲200の中心とせず、写真画像500からはみ出さないように表示範囲200をずらしてもよい。表示範囲210(図7を参照)及び表示範囲220(図9を参照)についても同様である。
Further, the control unit 130 may update the display range while keeping the position at the center 300 of the display range (see, for example, FIGS. 5, 7, and 9).
In addition, when the display range (for example, the display range 200) protrudes from the image (for example, the photographic image 500), the control unit 130 does not set the position as the center of the display range and does not protrude from the image. As described above, the display range may be shifted.
For example, the control unit 130 determines that the center 300 of the display range 200 (see FIG. 5) is designated as the end of the photographic image 500 because the position of the subject's face is at the end of the photographic image 500. When the display range 200 protrudes from the photographic image 500, the display range 200 may be shifted so that the center 300 designated by the user is not the center of the display range 200 and does not protrude from the photographic image 500. . The same applies to the display range 210 (see FIG. 7) and the display range 220 (see FIG. 9).

また、記憶部120は、前記表示範囲以上に広い範囲であって、前記画像(例えば、写真画像500)の一部の範囲(記憶範囲400)を記憶してもよい(例えば、図5、図7及び図9を参照)。
また、記憶部120は、前記画像(例えば、写真画像500)の輪郭に接する前記一部の範囲(記憶範囲400)を記憶してもよい。
また、制御部130は、前記表示範囲(例えば、表示範囲200)が前記一部の範囲(記憶範囲400)からはみ出す場合には、前記位置を前記表示範囲の中心とせず、前記一部の範囲からはみ出さないように前記表示範囲をずらしてもよい。
例えば、制御部130は、被写体の顔の位置が写真画像500の端にあるなどの理由により、表示範囲200(図5を参照)の中心300が、写真画像500の端に指定されたことにより、表示範囲200が前記一部の範囲(記憶範囲400)からはみ出すことになる場合には、ユーザに指定された中心300を表示範囲200の中心とせず、前記一部の範囲(記憶範囲400)からはみ出さないように表示範囲200をずらしてもよい。表示範囲210(図7を参照)及び表示範囲220(図9を参照)についても同様である。
The storage unit 120 may store a part of the image (for example, the photographic image 500) (storage range 400) that is wider than the display range (for example, FIG. 5 and FIG. 5). 7 and FIG. 9).
The storage unit 120 may store the partial range (storage range 400) in contact with the contour of the image (for example, the photographic image 500).
In addition, when the display range (for example, the display range 200) protrudes from the partial range (storage range 400), the control unit 130 does not set the position as the center of the display range but the partial range. The display range may be shifted so as not to protrude.
For example, the control unit 130 determines that the center 300 of the display range 200 (see FIG. 5) is designated as the end of the photographic image 500 because the position of the subject's face is at the end of the photographic image 500. When the display range 200 extends beyond the partial range (storage range 400), the center 300 designated by the user is not set as the center of the display range 200, and the partial range (storage range 400). The display range 200 may be shifted so as not to protrude. The same applies to the display range 210 (see FIG. 7) and the display range 220 (see FIG. 9).

また、表示部150は、前記伸縮比を示す情報に基づいて伸ばされた前記領域に、前記画像を拡大表示してもよい(例えば、図8、図10、図11及び図12を参照)。
また、表示部150は、前記伸縮比を示す情報に基づいて伸ばされた前記領域に、所定画像を追加表示してもよい(例えば、図4を参照)。
Further, the display unit 150 may display the image in an enlarged manner in the region that is stretched based on the information indicating the stretch ratio (see, for example, FIGS. 8, 10, 11, and 12).
In addition, the display unit 150 may additionally display a predetermined image in the area stretched based on the information indicating the expansion / contraction ratio (see, for example, FIG. 4).

以上、この発明の実施形態について図面を参照して詳述してきたが、具体的な構成はこの実施形態に限られるものではなく、この発明の要旨を逸脱しない範囲の設計等も含まれる。   The embodiment of the present invention has been described in detail with reference to the drawings. However, the specific configuration is not limited to this embodiment, and includes designs and the like that do not depart from the gist of the present invention.

例えば、記憶範囲400に定められた表示範囲が更新される場合、更新前の表示範囲の中心300(例えば、図5を参照)と、更新後の表示範囲の中心300(例えば、図7を参照)とでは、中心300は、必ずしも同じ位置でなくてもよく、記憶範囲400内の所定の範囲を移動してもよい。   For example, when the display range defined in the storage range 400 is updated, the center 300 of the display range before the update (for example, see FIG. 5) and the center 300 of the display range after the update (for example, see FIG. 7). ) And the center 300 do not necessarily have to be at the same position, and may move within a predetermined range within the storage range 400.

なお、上記に説明した端末装置を実現するためのプログラムをコンピュータ読み取り可能な記録媒体に記録して、この記録媒体に記録されたプログラムをコンピュータシステムに読み込ませ、実行することにより、実行処理を行ってもよい。なお、ここでいう「コンピュータシステム」とは、OSや周辺機器等のハードウェアを含むものであってもよい。   The program for realizing the terminal device described above is recorded on a computer-readable recording medium, and the program recorded on the recording medium is read into the computer system and executed to execute the execution process. May be. Here, the “computer system” may include an OS and hardware such as peripheral devices.

また、「コンピュータシステム」は、WWWシステムを利用している場合であれば、ホームページ提供環境(あるいは表示環境)も含むものとする。また、「コンピュータ読み取り可能な記録媒体」とは、フレキシブルディスク、光磁気ディスク、ROM、フラッシュメモリ等の書き込み可能な不揮発性メモリ、CD−ROM等の可搬媒体、コンピュータシステムに内蔵されるハードディスク等の記憶装置のことをいう。   Further, the “computer system” includes a homepage providing environment (or display environment) if a WWW system is used. The “computer-readable recording medium” means a flexible disk, a magneto-optical disk, a ROM, a writable nonvolatile memory such as a flash memory, a portable medium such as a CD-ROM, a hard disk built in a computer system, etc. This is a storage device.

さらに「コンピュータ読み取り可能な記録媒体」とは、インターネット等のネットワークや電話回線等の通信回線を介してプログラムが送信された場合のサーバやクライアントとなるコンピュータシステム内部の揮発性メモリ(例えばDRAM(Dynamic Random Access Memory))のように、一定時間プログラムを保持しているものも含むものとする。
また、上記プログラムは、このプログラムを記憶装置等に格納したコンピュータシステムから、伝送媒体を介して、あるいは、伝送媒体中の伝送波により他のコンピュータシステムに伝送されてもよい。ここで、プログラムを伝送する「伝送媒体」は、インターネット等のネットワーク(通信網)や電話回線等の通信回線(通信線)のように情報を伝送する機能を有する媒体のことをいう。
また、上記プログラムは、前述した機能の一部を実現するためのものであっても良い。
さらに、前述した機能をコンピュータシステムにすでに記録されているプログラムとの組み合わせで実現できるもの、いわゆる差分ファイル(差分プログラム)であっても良い。
Further, the “computer-readable recording medium” refers to a volatile memory (for example, DRAM (Dynamic) in a computer system serving as a server or a client when a program is transmitted via a network such as the Internet or a communication line such as a telephone line. Random Access Memory)) that holds a program for a certain period of time is also included.
The program may be transmitted from a computer system storing the program in a storage device or the like to another computer system via a transmission medium or by a transmission wave in the transmission medium. Here, the “transmission medium” for transmitting the program refers to a medium having a function of transmitting information, such as a network (communication network) such as the Internet or a communication line (communication line) such as a telephone line.
The program may be for realizing a part of the functions described above.
Furthermore, what can implement | achieve the function mentioned above in combination with the program already recorded on the computer system, and what is called a difference file (difference program) may be sufficient.

10…領域 11…領域 12…領域 13…領域 14…領域 20…領域 21…領域 22…領域 23…領域 24…領域 30…領域 31…領域 34…領域 100…端末装置 110…検出部 120…記憶部 130…制御部 140…画像処理部 150…表示部 200…表示範囲 210…表示範囲 220…表示範囲 300…中心 400…記憶範囲 500…写真画像 10 ... Area 11 ... Area 12 ... Area 13 ... Area 14 ... Area 20 ... Area 21 ... Area 22 ... Area 22 ... Area 23 ... Area 24 ... Area 30 ... Area 31 ... Area 34 ... Area 100 ... Terminal device 110 ... Detector 120 ... Storage Unit 130 ... Control unit 140 ... Image processing unit 150 ... Display unit 200 ... Display range 210 ... Display range 220 ... Display range 300 ... Center 400 ... Storage range 500 ... Photo image

Claims (12)

画像に定められた位置を含む表示範囲を、格子状に定められた領域毎に表示する表示部と、
前記領域に対する操作を検出する検出部と、
伸縮比を示す情報を記憶する記憶部と、
操作された前記領域を、前記伸縮比を示す情報に基づいて伸縮させ、前記位置を含めたまま前記表示範囲を更新する制御部と、
を備えることを特徴とする端末装置。
A display unit that displays a display range including a position defined in the image for each region defined in a grid pattern;
A detection unit for detecting an operation on the region;
A storage unit for storing information indicating an expansion / contraction ratio;
A control unit that expands and contracts the operated region based on information indicating the expansion / contraction ratio, and updates the display range while including the position;
A terminal device comprising:
前記記憶部は、繰り返し順が定められた複数の前記伸縮比を示す情報を記憶し、
前記制御部は、前記繰り返し順に応じて、前記伸縮比を示す情報を所定操作毎に選択し、選択した前記伸縮比を示す情報に基づいて、操作された前記領域を伸縮させることを特徴とする請求項1に記載の端末装置。
The storage unit stores information indicating a plurality of expansion / contraction ratios in which a repetition order is determined,
The control unit selects information indicating the expansion / contraction ratio for each predetermined operation according to the repetition order, and expands / contracts the operated region based on the information indicating the selected expansion / contraction ratio. The terminal device according to claim 1.
前記記憶部は、前記伸縮比の前記繰り返し順と、前記伸縮比の個数と、前記伸縮比の値と、のうち少なくとも一つを、前記画像の内容毎に記憶することを特徴とする請求項に記載の端末装置。 The storage unit stores at least one of the repetition order of the expansion / contraction ratio, the number of the expansion / contraction ratios, and the value of the expansion / contraction ratio for each content of the image. The terminal device according to 2 . 前記制御部は、前記画像の内容が文字列を含む場合には、操作された前記領域を、所定閾値より大きい前記伸縮比を示す情報に基づいて伸縮させることを特徴とする請求項3に記載の端末装置。   4. The control unit according to claim 3, wherein when the content of the image includes a character string, the control unit expands and contracts the operated region based on information indicating the expansion / contraction ratio that is greater than a predetermined threshold. Terminal equipment. 前記制御部は、前記位置を前記表示範囲の中心としたまま、前記表示範囲を更新することを特徴とする請求項1から請求項4のいずれか一項に記載の端末装置。   The terminal device according to any one of claims 1 to 4, wherein the control unit updates the display range while keeping the position at the center of the display range. 前記制御部は、前記表示範囲が前記画像からはみ出す場合には、前記位置を前記表示範囲の中心とせず、前記画像からはみ出さないように前記表示範囲をずらすことを特徴とする請求項5に記載の端末装置。   6. The control unit according to claim 5, wherein, when the display range extends beyond the image, the position is not set as the center of the display range, and the display range is shifted so as not to protrude from the image. The terminal device described. 前記記憶部は、前記表示範囲以上に広い範囲であって、前記画像の一部の範囲を記憶することを特徴とする請求項1から請求項6のいずれか一項に記載の端末装置。   The terminal device according to any one of claims 1 to 6, wherein the storage unit is a range wider than the display range and stores a partial range of the image. 前記記憶部は、前記画像の輪郭に接する前記一部の範囲を記憶することを特徴とする請求項7に記載の端末装置。   The terminal device according to claim 7, wherein the storage unit stores the partial range in contact with a contour of the image. 前記制御部は、前記表示範囲が前記一部の範囲からはみ出す場合には、前記位置を前記表示範囲の中心とせず、前記一部の範囲からはみ出さないように前記表示範囲をずらすことを特徴とする請求項7又は請求項8に記載の端末装置。   When the display range extends beyond the partial range, the control unit shifts the display range so that the position is not the center of the display range and does not protrude from the partial range. The terminal device according to claim 7 or 8. 前記表示部は、前記伸縮比を示す情報に基づいて伸ばされた前記領域に、前記画像を拡大表示することを特徴とする請求項1から請求項9のいずれか一項に記載の端末装置。   10. The terminal device according to claim 1, wherein the display unit displays the image in an enlarged manner in the region extended based on the information indicating the expansion / contraction ratio. 前記表示部は、前記伸縮比を示す情報に基づいて伸ばされた前記領域に、所定画像を追加表示することを特徴とする請求項1から請求項10のいずれか一項に記載の端末装置。   The terminal device according to any one of claims 1 to 10, wherein the display unit additionally displays a predetermined image in the region extended based on the information indicating the expansion / contraction ratio. コンピュータに、
画像に定められた位置を含む表示範囲を、格子状に定められた領域毎に表示する手順と、
前記領域に対する操作を検出する手順と、
操作された前記領域を、伸縮比を示す情報に基づいて伸縮させ、前記位置を含めたまま前記表示範囲を更新する手順と、
を実行させるための表示プログラム。
On the computer,
A procedure for displaying a display range including a position defined in an image for each area defined in a grid,
A procedure for detecting an operation on the region;
Expanding and contracting the operated area based on information indicating an expansion / contraction ratio and updating the display range while including the position;
Display program to execute.
JP2013010494A 2013-01-23 2013-01-23 Terminal device and display program Active JP6091907B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2013010494A JP6091907B2 (en) 2013-01-23 2013-01-23 Terminal device and display program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2013010494A JP6091907B2 (en) 2013-01-23 2013-01-23 Terminal device and display program

Publications (2)

Publication Number Publication Date
JP2014142791A JP2014142791A (en) 2014-08-07
JP6091907B2 true JP6091907B2 (en) 2017-03-08

Family

ID=51424023

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2013010494A Active JP6091907B2 (en) 2013-01-23 2013-01-23 Terminal device and display program

Country Status (1)

Country Link
JP (1) JP6091907B2 (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP6979471B2 (en) * 2018-01-30 2021-12-15 富士フイルム株式会社 Electronic album device, operation method and operation program of electronic album device

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0573654A (en) * 1991-09-17 1993-03-26 Minolta Camera Co Ltd Picture editing device
JP3804266B2 (en) * 1998-04-01 2006-08-02 株式会社明電舎 How to display distribution line map
JP3616992B2 (en) * 2001-02-20 2005-02-02 株式会社日立情報システムズ Graph display system and data value display processing program thereof
JP2003141073A (en) * 2001-11-05 2003-05-16 Nippon Telegr & Teleph Corp <Ntt> User interface, electronic media content display device, and electronic content display method
JP4519531B2 (en) * 2003-07-11 2010-08-04 パナソニック株式会社 Image display device, image display method, and program
JP5265306B2 (en) * 2008-10-30 2013-08-14 株式会社ソニー・コンピュータエンタテインメント Image processing device
JP2010217966A (en) * 2009-03-13 2010-09-30 Seiko Epson Corp Image display system and image data processor
JP2011113320A (en) * 2009-11-26 2011-06-09 Innovation Kitchen Corp Image display device, image display method, image display program, and recording medium recording image display program
JP2012234433A (en) * 2011-05-06 2012-11-29 Mitsubishi Electric Corp Display device
WO2013151322A1 (en) * 2012-04-06 2013-10-10 Samsung Electronics Co., Ltd. Method and device for executing object on display

Also Published As

Publication number Publication date
JP2014142791A (en) 2014-08-07

Similar Documents

Publication Publication Date Title
JP5502954B2 (en) Operation terminal, operation control method, operation control program
US20070120846A1 (en) Three-dimensional motion graphic user interface and apparatus and method for providing three-dimensional motion graphic user interface
JP5664147B2 (en) Information processing apparatus, information processing method, and program
JP6508122B2 (en) Operation input device, portable terminal and operation input method
CN103914258A (en) Mobile terminal and method for operating same
JP6401855B2 (en) Method and apparatus for setting background of UI control, and terminal
JP6091907B2 (en) Terminal device and display program
US20170068427A1 (en) Control method, information processor apparatus and storage medium
JP2014178882A (en) Display control device
JP6188377B2 (en) Display control apparatus, control method thereof, and control program
JP5906344B1 (en) Information processing apparatus, information display program, and information display method
JP5957026B2 (en) Input region generation method, generation device, and generation program
JP6130583B1 (en) Computer program for controlling objects in virtual space and computer-implemented method
JP6091908B2 (en) Terminal device and display program
JP6406269B2 (en) Display processing apparatus and image forming apparatus
JP6031363B2 (en) Terminal device and display program
JP5767378B1 (en) Computer program for controlling objects in virtual space and computer-implemented method
JP5856343B1 (en) User interface program and computer mounting method
CN113760165B (en) Interface data processing method and device and computer readable storage medium
JP6194383B2 (en) Information processing apparatus, information display program, and information display method
EP2816457A1 (en) Method for displaying interface, and terminal device
JP6741141B2 (en) Information processing apparatus, information processing system, and information processing method
JP6752513B2 (en) Display control device, display control system and display control method
JP2015133021A (en) Terminal, and terminal control method
JP2015170050A (en) Drawing device, program and drawing method

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20151125

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A821

Effective date: 20151126

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20160905

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20161004

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20161124

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A821

Effective date: 20161125

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20170110

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20170208

R150 Certificate of patent or registration of utility model

Ref document number: 6091907

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250