JP6091907B2 - Terminal device and display program - Google Patents
Terminal device and display program Download PDFInfo
- 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
Links
- 230000008602 contraction Effects 0.000 claims description 97
- 238000000034 method Methods 0.000 claims description 18
- 238000001514 detection method Methods 0.000 claims description 15
- 230000005540 biological transmission Effects 0.000 description 4
- 238000004891 communication Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 3
- 238000010586 diagram Methods 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000009966 trimming Methods 0.000 description 1
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
しかしながら、端末装置は、表示画面に格子状(グリッド状)に定められた領域毎に画像を表示する場合、画像を見やすく表示することができないという問題がある。 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.
本発明の一実施形態について図面を参照して詳細に説明する。ユーザは、端末装置の表示画面に表示されている領域に対する操作を、例えば、その表示画面に指で触れる(タッチする)ことにより行う。表示画面に触れられる度に、その触れられた位置に表示されている領域は、異なる伸縮比で伸縮される。端末装置及び表示プログラムは、操作された領域を、伸縮比を示す情報に基づいて伸縮させ、画像に定められた位置を含む表示範囲を、その位置を含めたまま更新する。これにより、端末装置及び表示プログラムは、表示画面に格子状(グリッド状)に定められた領域毎に画像を表示する場合、画像を見やすく表示することができる。 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
検出部110は、表示部150の表示画面を透明な部材で覆うように備えられる。検出部110は、表示画面に格子状に定められた領域(パネル)に対する操作を検出する。検出部110は、領域に対する操作を、例えば、ユーザの指と表示画面との接触(タッチ)に基づいて検出する。検出部110は、操作された領域の座標を示す情報を、制御部130に出力する。ここで、操作された領域の座標は、例えば、表示部150の表示画面に定められたXY座標で表現されてもよい。XY座標については、例えば、図3を用いて後述する。
The
記憶部120は、制御部130を動作させるためのプログラムを記憶する。また、記憶部120は、領域に表示される画像(例えば、写真画像)を示す情報を記憶する。また、記憶部120は、複数の伸縮比(伸縮パターン)を示す情報を記憶する。各伸縮比は、格子状に定められた領域に表示される画像の内容に、予め対応付けられている。
The
図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
制御部130は、操作された領域の伸縮比を更新する。ここで、制御部130は、伸縮比A〜Iのうち、項目「内容」に対応付けられた伸縮比に、伸縮比A〜Iの繰り返し順に伸縮比を更新する。
The
より具体的には、項目「内容」が「時刻」である場合、制御部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
また、例えば、項目「内容」が「文字列」である場合、制御部130は、図2に示す対応表に基づいて、伸縮比B,C,…,I,B,C…の繰り返し順に、操作毎に伸縮比を更新する。ここで、項目「内容」が「文字列」である場合に、伸縮比Aが除外されているのは、伸縮比A「1×1」に基づいて伸縮された領域は、面積が小さいために、文字列の画像を表示させることに適さないためである。
For example, when the item “content” is “character string”, the
制御部130は、操作された領域を、更新した伸縮比に基づいて伸縮させるよう、画像処理部140を制御する。また、制御部130は、更新した伸縮比に基づいて伸ばされた領域に、画像に定められた表示範囲が拡大表示されるよう、画像処理部140を制御してもよい。ここで、制御部130は、操作された領域の各辺のうち相対的に長い辺と、画像からトリミングされた範囲の各辺のうち相対的に長い辺とが、少なくとも一部重なるまで当該範囲を拡大(以下、「短辺フィット」という。)することにより、表示範囲を定めてもよい。つまり、画像に定められた表示範囲は、伸ばされた領域に隙間を作ることがないよう拡大表示される。
The
制御部130は、更新した伸縮比に基づいて伸ばされた領域に、所定画像が追加表示されるよう、画像処理部140を制御してもよい。画像の追加表示の詳細については、例えば、図4を用いて後述する。
The
制御部130は、例えば、中央演算処理装置(Central Processing Unit:CPU)である。制御部130は、記憶部120に記憶されたプログラムに基づいて動作してもよい。
The
画像処理部140は、各種の画像(例えば、時刻を示す画像、文字列を示す画像、写真画像)を、制御部130による制御に基づいて生成する。また、画像処理部140は、アイコン画像、又は、穴埋め画像を、制御部130による制御に基づいて生成してもよい。画像処理部140は、生成した画像を示す情報を、表示画面に格子状に定められた領域毎に、表示部150に出力する。
The
表示部150は、画像処理部140により生成された画像を、格子状に定められた領域毎に、表示画面に表示する。表示部150は、伸縮比を示す情報に基づいて伸ばされた領域に、画像処理部140により生成された画像(例えば、写真画像)の表示範囲を、拡大表示してもよい。また、表示部150は、伸縮比を示す情報に基づいて伸ばされた領域に、画像処理部140により生成された所定画像(例えば、現在時刻を示すデジタル時計の画像)を、追加表示してもよい。
The
次に、領域(パネル)の表示例を説明する。以下、表示部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
図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
各領域が第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
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
また、制御部130は、伸ばされた領域10を避けるために、領域20〜24と、領域34(図3を参照)とを移動させる場合、これらの領域を、下方向(X軸の正方向)に移動させる。また、制御部130は、上詰め(X軸の負方向に詰めて)で、各領域を表示させる。
Further, when the
各領域が第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
図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
なお、被写体の顔の位置が写真画像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
各領域が第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
図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
図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
なお、制御部130は、表示範囲210の一部が記憶範囲400からはみ出すことになる場合には、表示範囲210が記憶範囲400からはみ出さなくなるまで、写真画像500又は記憶範囲400内で、表示範囲210の位置をずらしてもよい。
Note that if a part of the
図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
また、制御部130は、領域11を伸ばすために、領域20〜23(図6を参照)を移動させる場合、領域20〜23を、下方向(X軸の正方向)に移動させる。また、制御部130は、上詰め(X軸の負方向に詰めて)で、各領域を表示させる。この結果、図8では、領域23(図6を参照)は、表示されていない。
In addition, when moving the
各領域が第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
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
なお、制御部130は、表示範囲220の一部が記憶範囲400からはみ出すことになる場合には、表示範囲210が記憶範囲400からはみ出さなくなるまで、写真画像500又は記憶範囲400内で、表示範囲220の位置をずらしてもよい。
In addition, when a part of the
図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
また、制御部130は、領域11を伸ばすために、領域31(図8を参照)を移動させる場合、領域31を、下方向(X軸の正方向)に移動させる。また、制御部130は、上詰め(X軸の負方向に詰めて)で、各領域を表示させる。
In addition, when moving the region 31 (see FIG. 8) in order to extend the
表示範囲は、次のように定められてもよい。各領域が第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
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
各領域が第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
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
次に、端末装置の動作手順例を説明する。
図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
(ステップS2)制御部130は、領域に対する操作を検出部110(図1を参照)が検出したか否かを判定する。領域に対する操作を検出部110が検出した場合(ステップS2:Yes)、制御部130は、ステップS3に処理を進める。一方、領域に対する操作を検出部110が検出していない場合(ステップS2:No)、制御部130は、ステップS1に処理を戻す。
(Step S2) The
(ステップS3)制御部130は、操作された領域に表示されている画像の内容に対応付けられた伸縮比を示す情報(図2を参照)を、記憶部120(図1を参照)から取得する。
(ステップS4)制御部130は、操作された領域を、伸縮比を示す情報に基づいて伸縮させるよう、画像処理部140を制御する。
(ステップS5)制御部130は、伸縮された領域に表示する画像の寸法等を更新するよう、画像処理部140を制御する。制御部130は、ステップS1に処理を戻す。
(Step S3) The
(Step S4) The
(Step S5) The
以上のように、端末装置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
また、表示プログラムは、コンピュータに、画像に定められた位置を含む表示範囲(例えば、図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
また、記憶部120は、繰り返し順が定められた複数の前記伸縮比(例えば、伸縮比A〜I)を示す情報を記憶し(図2を参照)、制御部130は、前記繰り返し順に応じて、前記伸縮比を示す情報を所定操作(例えば、表示画面に触れる操作)毎に選択し(切り替え)、選択した前記伸縮比を示す情報に基づいて、操作された前記領域を伸縮させてもよい(例えば、図6、図8、図10及び図12を参照)。
In addition, the
また、記憶部120は、前記伸縮比(例えば、伸縮比A〜I)の前記繰り返し順と、前記伸縮比の個数と、前記伸縮比の値と、のうち少なくとも一つを、前記画像の内容毎に記憶してもよい(図2を参照)。
In addition, the
また、制御部130は、前記画像の内容が文字列を含む場合には、操作された前記領域を、所定閾値(例えば、伸縮比A)より大きい前記伸縮比を示す情報に基づいて伸縮させてもよい(図2に示す「文字列」の行を参照)。
In addition, when the content of the image includes a character string, the
また、制御部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
In addition, when the display range (for example, the display range 200) protrudes from the image (for example, the photographic image 500), the
For example, the
また、記憶部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
The
In addition, when the display range (for example, the display range 200) protrudes from the partial range (storage range 400), the
For example, the
また、表示部150は、前記伸縮比を示す情報に基づいて伸ばされた前記領域に、前記画像を拡大表示してもよい(例えば、図8、図10、図11及び図12を参照)。
また、表示部150は、前記伸縮比を示す情報に基づいて伸ばされた前記領域に、所定画像を追加表示してもよい(例えば、図4を参照)。
Further, the
In addition, the
以上、この発明の実施形態について図面を参照して詳述してきたが、具体的な構成はこの実施形態に限られるものではなく、この発明の要旨を逸脱しない範囲の設計等も含まれる。 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
なお、上記に説明した端末装置を実現するためのプログラムをコンピュータ読み取り可能な記録媒体に記録して、この記録媒体に記録されたプログラムをコンピュータシステムに読み込ませ、実行することにより、実行処理を行ってもよい。なお、ここでいう「コンピュータシステム」とは、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 ...
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.
画像に定められた位置を含む表示範囲を、格子状に定められた領域毎に表示する手順と、
前記領域に対する操作を検出する手順と、
操作された前記領域を、伸縮比を示す情報に基づいて伸縮させ、前記位置を含めたまま前記表示範囲を更新する手順と、
を実行させるための表示プログラム。 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.
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)
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)
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 |
-
2013
- 2013-01-23 JP JP2013010494A patent/JP6091907B2/en active Active
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 |