JP5852857B2 - Display system and display program - Google Patents

Display system and display program Download PDF

Info

Publication number
JP5852857B2
JP5852857B2 JP2011254417A JP2011254417A JP5852857B2 JP 5852857 B2 JP5852857 B2 JP 5852857B2 JP 2011254417 A JP2011254417 A JP 2011254417A JP 2011254417 A JP2011254417 A JP 2011254417A JP 5852857 B2 JP5852857 B2 JP 5852857B2
Authority
JP
Japan
Prior art keywords
display
setting
image
touch operation
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
JP2011254417A
Other languages
Japanese (ja)
Other versions
JP2013109595A (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.)
Sharp Corp
Original Assignee
Sharp 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 Sharp Corp filed Critical Sharp Corp
Priority to JP2011254417A priority Critical patent/JP5852857B2/en
Publication of JP2013109595A publication Critical patent/JP2013109595A/en
Application granted granted Critical
Publication of JP5852857B2 publication Critical patent/JP5852857B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Position Input By Displaying (AREA)
  • User Interface Of Digital Computer (AREA)

Description

本発明は、表示システムおよび表示プログラムに関する。   The present invention relates to a display system and a display program.

近年、画像を表示するための表示装置を備え、画面に対してタッチ操作を行うことで、そのタッチ操作に応じて点や線などの図形を画面に描画する、電子黒板などの表示システムが普及しつつある。   In recent years, a display system such as an electronic blackboard that has a display device for displaying an image and draws a figure such as a dot or a line on the screen by performing a touch operation on the screen is widely used. I am doing.

電子黒板などの表示システムでは、タッチ操作に応じて描画される点・線の色や太さなどの表示設定を変更できるように、画面上の所定の領域に、複数の操作ボタン画像(アイコン)を含むツールバー画像を表示させる。ユーザは、ツールバー画像内のいずれか1つのアイコンに対してタッチ操作を行うことで、各アイコンに対応する表示設定に変更することができ、その後のタッチ操作によって描画される点・線を、変更後の表示設定に基づく点・線にすることができる。   In a display system such as an electronic blackboard, multiple operation button images (icons) are displayed in a predetermined area on the screen so that display settings such as the color and thickness of dots and lines drawn in response to touch operations can be changed. Display a toolbar image containing. The user can change the display settings corresponding to each icon by touching any one of the icons in the toolbar image, and change the dots and lines drawn by the subsequent touch operation. It can be a dot / line based on later display settings.

たとえば、特許文献1には、複数のアイコンを含むツールバー画像を表示する電子ボードシステムが記載されている。この電子ボードシステムは、ユーザがツールバー画像の周辺領域に対してタッチ操作を行い、タッチ操作を行ったまま移動すると、移動した位置にツールバー画像を表示するように構成されている。   For example, Patent Document 1 describes an electronic board system that displays a toolbar image including a plurality of icons. This electronic board system is configured to display a toolbar image at the moved position when the user performs a touch operation on the peripheral area of the toolbar image and moves while performing the touch operation.

また、特許文献2には、アイコンに関連する技術として、複数のアイコンを環状に並置し、環に沿ってタッチ操作を行うことで、複数のアイコンを環に沿ってスクロールさせる技術が記載されている。   Patent Document 2 describes a technique for scrolling a plurality of icons along a ring by arranging a plurality of icons in a ring and performing a touch operation along the ring as a technique related to icons. Yes.

特開2010−257300号公報JP 2010-257300 A 国際公開第2009/084368号International Publication No. 2009/084368

特許文献1に記載のような従来の表示システムでは、ユーザがタッチ操作を行っている位置とツールバー画像が表示されている位置とが大きく離れている場合、表示設定を変更するときに、ツールバー画像が表示されている位置までユーザが移動する必要がある。また、ユーザが身長の低い小児であり、画面の高い位置にツールバー画像が表示されている場合、ツールバー画像内のアイコンに対してユーザがタッチ操作を行うことができないので、表示設定を変更できないときがある。このように、従来の表示システムには、タッチ操作についての表示設定を容易に変更することができないという課題がある。   In the conventional display system as described in Patent Document 1, when the position where the user performs the touch operation and the position where the toolbar image is displayed are largely separated, the toolbar image is changed when the display setting is changed. The user needs to move to the position where is displayed. In addition, when the user is a small child and the toolbar image is displayed at a high position on the screen, the user cannot perform touch operations on the icons in the toolbar image, so the display settings cannot be changed. There is. As described above, the conventional display system has a problem that the display setting for the touch operation cannot be easily changed.

特許文献1に記載の技術に特許文献2に記載の技術を適用し、画面全体に複数のアイコンを環状に並置すれば、タッチ操作によって複数のアイコンをスクロールさせることで、ユーザの位置にかかわらずに、アイコンを選択することが可能になる。しかしながら、画面全体にアイコンを並置すると、ユーザが画面に描画しようとするときに、アイコンが邪魔になってしまう。   If the technique described in Patent Document 2 is applied to the technique described in Patent Document 1 and a plurality of icons are juxtaposed in a ring shape on the entire screen, the plurality of icons can be scrolled by a touch operation, regardless of the position of the user. In addition, an icon can be selected. However, when icons are juxtaposed on the entire screen, the icons become an obstacle when the user tries to draw on the screen.

本発明は、上述した課題を解決するためのものであり、タッチ操作についての表示設定を容易に変更することができる表示システムおよび表示プログラムを提供することを目的とする。   SUMMARY An advantage of some aspects of the invention is that it provides a display system and a display program that can easily change display settings for touch operations.

本発明は、画面に対するタッチ操作が行われたときに、各タッチ操作に対応する図形を、画像として画面に表示する表示システムにおいて、
画面に画像を表示する表示部と、
前記画面に対するタッチ操作が行われた位置を示す情報である位置情報を取得するタッチパネル部と、
前記表示部および前記タッチパネル部を制御する制御部であって、
複数の表示設定情報を記憶する全表示設定記憶部と、
タッチ操作と表示される図形との対応関係を、そのタッチ操作が行われる前に予め定める情報として、前記複数の表示設定情報のうちのいずれか1つの表示設定情報を格納する表示設定格納部と、
タッチ操作が行われたときに、そのタッチ操作についての位置情報が示す位置に、前記表示設定格納部に格納される表示設定情報に従って、そのタッチ操作に対応する図形を画像として表示させるタッチ操作画像表示制御部と、
前記表示設定格納部に格納される表示設定情報を変更するための変更部とを含む制御部とを備え、
前記変更部は、
タッチ操作が行われたときに、そのタッチ操作が予め定められる他設定画像表示条件を満たすか否かを判断する表示条件判断部と、
タッチ操作が前記他設定画像表示条件を満たすときに、前記複数の表示設定情報のうちの前記表示設定格納部に格納される表示設定情報とは異なる他の表示設定情報を表した画像である他設定画像を、前記他設定画像表示条件を満たすタッチ操作についての位置情報が示す位置からの距離が予め定められる特定範囲内の領域である他設定画像表示領域に、表示させる他設定画像表示制御部と、
前記他設定画像の表示中に位置情報が取得されたか否かを判断する取得判断部と、
前記他設定画像の表示中に位置情報が取得されたときに、その位置情報が示す位置が前記他設定画像表示領域内であるか否かを判断する位置判断部と、
前記他設定画像の表示中に取得された位置情報が示す位置が前記他設定画像表示領域内であるときに、前記表示設定格納部に格納される表示設定情報を、前記他設定画像によって表される他の表示設定情報へ変更する表示設定変更部と、
前記他設定画像表示領域から予め定める特定距離の範囲内に、他設定画像変更作業領域を設定する他設定画像変更作業領域設定部と、
前記他設定画像変更作業領域に対してタッチ操作が行われたときに、そのタッチ操作が予め定められる他設定画像変更条件を満たすか否かを判断する変更条件判断部と、
タッチ操作が前記他設定画像変更条件を満たすときに、前記他設定画像を、異なる他設定画像に変更する他設定画像変更部と、を含み、
前記変更部は、前記他設定画像変更部による変更が行われた後に前記他設定画像変更作業領域に対してタッチ操作が行われたときに、そのタッチ操作が予め定められる第2他設定画像変更条件を満たすか否かを判断する第2変更条件判断部を含み、
前記他設定画像変更部は、タッチ操作が前記第2他設定画像変更条件を満たすときに、前記他設定画像を、異なる他設定画像に変更することを特徴とする表示システムである。
The present invention provides a display system that displays a graphic corresponding to each touch operation on the screen as an image when a touch operation is performed on the screen.
A display for displaying an image on the screen;
A touch panel unit that acquires position information that is information indicating a position where a touch operation on the screen is performed;
A control unit for controlling the display unit and the touch panel unit,
An all display setting storage unit for storing a plurality of display setting information;
A display setting storage unit that stores any one of the plurality of display setting information as the predetermined information before the touch operation is performed with respect to the correspondence between the touch operation and the displayed graphic; ,
A touch operation image that, when a touch operation is performed, displays a graphic corresponding to the touch operation as an image at a position indicated by the position information about the touch operation according to the display setting information stored in the display setting storage unit A display control unit;
A control unit including a change unit for changing the display setting information stored in the display setting storage unit,
The changing unit is
A display condition determination unit for determining whether or not the touch operation satisfies a predetermined other setting image display condition when the touch operation is performed;
When the touch operation satisfies the other setting image display condition, the display setting information is different from the display setting information stored in the display setting storage unit among the plurality of display setting information. Other setting image display control unit for displaying the setting image in the other setting image display area which is an area within a specific range in which the distance from the position indicated by the position information about the touch operation satisfying the other setting image display condition is predetermined. When,
An acquisition determination unit that determines whether position information is acquired during display of the other setting image;
A position determination unit that determines whether the position indicated by the position information is within the other setting image display area when the position information is acquired during display of the other setting image;
When the position indicated by the position information acquired during display of the other setting image is within the other setting image display area, the display setting information stored in the display setting storage unit is represented by the other setting image. A display setting changing section for changing to other display setting information.
An other setting image change work area setting unit for setting the other setting image change work area within a predetermined distance from the other setting image display area;
When a touch operation is performed on the other setting image change work area, a change condition determination unit that determines whether the touch operation satisfies a predetermined other setting image change condition;
When the touch operation is the other setting image change condition is satisfied, the other setting image, viewed including the other set image changing unit for changing to a different other setting image, a
The change unit is configured to change a second other setting image in which the touch operation is predetermined when the touch operation is performed on the other setting image change work area after the change by the other setting image changing unit. Including a second change condition determination unit for determining whether or not the condition is satisfied;
The other setting image changing unit is a display system that changes the other setting image to a different other setting image when a touch operation satisfies the second other setting image changing condition .

また本発明は、前記全表示設定記憶部は、前記複数の表示設定情報として、4つ以上の表示設定情報を記憶し、
前記他設定画像表示制御部は、2つ以上、かつ、前記全表示設定記憶部に記憶される表示設定情報の総数よりも2つ小さい数以下の予め定められる数の、互いに重複しない前記他設定画像表示領域に、この予め定められる数の前記他設定画像をそれぞれ表示させ、
前記表示設定変更部は、前記他設定画像の表示中に取得された位置情報が示す位置が前記予め定められる数の前記他設定画像表示領域のうちのいずれか1つの領域内であれば、その1つの領域に表示される前記他設定画像によって表される他の表示設定情報へ、前記表示設定格納部に格納される表示設定情報を変更することを特徴とする。
In the present invention, the all display setting storage unit stores four or more display setting information as the plurality of display setting information,
The other setting image display control unit has a predetermined number of two or more and a number smaller than the total number of display setting information stored in the all display setting storage unit by a predetermined number that do not overlap each other. In the image display area, the predetermined number of the other setting images are respectively displayed,
If the position indicated by the position information acquired during display of the other setting image is within any one of the predetermined number of other setting image display areas, the display setting changing unit The display setting information stored in the display setting storage unit is changed to other display setting information represented by the other setting image displayed in one area.

また本発明は、前記他設定画像変更作業領域設定部は、前記他設定画像表示領域を挟むように、他設定画像変更作業領域を設定し、
前記変更条件判断部は、前記他設定画像変更作業領域に対するタッチ操作が、一方の他設定画像変更作業領域から他方の他設定画像変更作業領域へのスライド操作であるときに、そのタッチ操作は前記他設定画像変更条件を満たすと判断することを特徴とする。
In the present invention, the other setting image change work area setting unit sets the other setting image change work area so as to sandwich the other setting image display area,
When the touch operation on the other set image change work area is a slide operation from one other set image change work area to the other other set image change work area, the change condition determination unit It is determined that the other setting image change condition is satisfied.

また本発明は、前記第2変更条件判断部は、前記他設定画像変更部による変更が行われた後に前記他方の他設定画像変更作業領域に対してタッチ操作が行われたときに、そのタッチ操作は前記第2他設定画像変更条件を満たすと判断することを特徴とする。   In the present invention, the second change condition determination unit may perform a touch operation when a touch operation is performed on the other other setting image change work area after the other setting image change unit has changed. The operation is determined to satisfy the second other setting image change condition.

また本発明は、タッチパネル部および表示部を備えるコンピュータを、前記表示システムとして機能させることを特徴とする表示プログラムである。   In addition, the present invention is a display program that causes a computer including a touch panel unit and a display unit to function as the display system.

本発明によれば、タッチ操作を行うことにより、他設定画像表示制御部によって、当該タッチ操作の位置から特定の範囲内に、他設定画像、すなわち、設定中の表示設定情報とは異なる機能に対応するアイコンを、表示させることができる。さらに、このアイコンから特定の距離内に設定される他設定画像変更作業領域に対するタッチ操作を行うことにより、他設定画像変更部によって、このアイコンをそれ以外の他設定画像(アイコン)へと変更することができる。したがって、ユーザは、タッチ操作についての表示設定を容易に変更することができる。また、他設定画像変更部により他設定画像(アイコン)が変更された後、第2他設定画像変更条件を満たすタッチ操作を行うことにより、変更されたアイコンをそれ以外の他設定画像(アイコン)へと変更することができる。 According to the present invention, when the touch operation is performed, the other setting image display control unit has a function different from the other setting image, that is, the display setting information being set, within a specific range from the position of the touch operation. Corresponding icons can be displayed. Further, by performing a touch operation on the other setting image changing work area set within a specific distance from this icon, the other setting image changing unit changes this icon to another setting image (icon). be able to. Therefore, the user can easily change the display setting for the touch operation. In addition, after the other setting image changing unit is changed by the other setting image changing unit, a touch operation that satisfies the second other setting image changing condition is performed, so that the changed icon is changed to the other setting image (icon). Can be changed.

また本発明によれば、他設定画像表示制御部によって、2つ以上の他設定画像(アイコン)が表示される。したがって、ユーザは、2つ以上のアイコンのうち、任意の1つのアイコンを選択し、表示設定を変更することができる。   According to the present invention, two or more other setting images (icons) are displayed by the other setting image display control unit. Therefore, the user can select any one of the two or more icons and change the display setting.

また本発明によれば、他設定画像(アイコン)を跨ぐようなスライド操作であるときに、他設定画像変更部によって、このアイコンがそれ以外の他設定画像(アイコン)へと変更される。したがって、ユーザは、直感的なタッチ操作により、アイコンの変更を行うことができる。   Further, according to the present invention, when a slide operation is performed over another setting image (icon), the other setting image changing unit changes the icon to another setting image (icon). Therefore, the user can change the icon by an intuitive touch operation.

また本発明によれば、他設定画像(アイコン)を跨ぐようなスライド操作を行うことで他設定画像変更部により他設定画像(アイコン)が変更された後、そのスライド操作の終点の位置に対してタッチ操作を行うことにより、変更されたアイコンをそれ以外の他設定画像(アイコン)へと変更することができる。   Further, according to the present invention, after the other setting image (icon) is changed by the other setting image changing unit by performing a slide operation over the other setting image (icon), the position of the end point of the slide operation is changed. By performing the touch operation, the changed icon can be changed to another setting image (icon).

また本発明によれば、タッチパネル部および表示部を備えるコンピュータを前記表示システムとして機能させる表示プログラムを提供することができる。   Moreover, according to this invention, the display program which makes a computer provided with a touchscreen part and a display part function as the said display system can be provided.

表示システム10の外観を示す模式図である。1 is a schematic diagram showing an appearance of a display system 10. FIG. 表示システム10の構成を示すブロック図である。1 is a block diagram illustrating a configuration of a display system 10. FIG. 制御部13の各機能を示すブロック図である。3 is a block diagram illustrating functions of a control unit 13. FIG. 第1変更部134の各機能を示すブロック図である。FIG. 6 is a block diagram illustrating functions of a first changing unit 134. ツールバー画像の一例を示す図である。It is a figure which shows an example of a tool bar image. ツールバー画像300A,300Bを示す図である。It is a figure which shows the tool bar images 300A and 300B. 第2変更部135の各機能を示すブロック図である。FIG. 10 is a block diagram showing functions of a second changing unit 135. 矩形状の設定画像表示領域について説明するための図である。It is a figure for demonstrating the rectangular setting image display area. アイコンマップMを示す図である。It is a figure which shows the icon map M. アイコン群200の表示中にタッチ操作が行われるときの処理を示すフローチャートである。5 is a flowchart illustrating processing when a touch operation is performed while an icon group is displayed. アイコン変更作業領域Rの一例を示す図である。It is a diagram illustrating an example of the icon changing quadrant R 4. アイコンのシフトの例を示す図である。It is a figure which shows the example of the shift of an icon. アイコンの変更のリピートの例を示す図である。It is a figure which shows the example of the repeat of an icon change. 表示システム10の動作を示すフローチャートである。3 is a flowchart showing the operation of the display system 10. 表示システム10の動作を示すフローチャートである。3 is a flowchart showing the operation of the display system 10. 表示システム10の動作を示すフローチャートである。3 is a flowchart showing the operation of the display system 10.

以下に、本発明の実施形態の1つである表示システム10について説明する。図1は、表示システム10の外観を示す模式図である。表示システム10は、たとえば、縦100cm、横150cm程度の略矩形状の画面を有する電子黒板であり、タッチ操作されたときに、そのタッチ操作に対応する図形を、画像として画面に表示する。なお、画面の縦方向をY方向とし、横方向をX方向とする。   Below, the display system 10 which is one of the embodiment of this invention is demonstrated. FIG. 1 is a schematic diagram showing the appearance of the display system 10. The display system 10 is an electronic blackboard having a substantially rectangular screen having a length of about 100 cm and a width of about 150 cm, for example, and when a touch operation is performed, a graphic corresponding to the touch operation is displayed on the screen as an image. The vertical direction of the screen is the Y direction, and the horizontal direction is the X direction.

ここで、タッチ操作とは、表示システム10の画面への押圧が開始されてから押圧が終了されるまでの操作である。たとえば、ユーザが、指やスタイラスなどで画面を押圧し、押圧したまま押圧箇所をスライド移動させ、指やスタイラスなどを画面から離間させる一連の操作である。また、タッチ操作に対応する図形とは、より詳細には、タッチ操作による押圧箇所に対応する図形であり、たとえば、タッチ操作において押圧箇所が移動する場合、その移動する押圧箇所の軌跡を表した図形である。この場合、タッチ操作の軌跡を表した図形は線状である。なお、後述するように、タッチ操作に対応する図形は、タッチ操作の軌跡を表した図形だけではなく、タッチ操作と長さや半径とが対応する直線や円などの図形も含まれる。   Here, the touch operation is an operation from the start of pressing on the screen of the display system 10 to the end of pressing. For example, it is a series of operations in which the user presses the screen with a finger, a stylus, etc., slides the pressed portion while pressing, and moves the finger, stylus, etc. away from the screen. In addition, the figure corresponding to the touch operation is more specifically a figure corresponding to the pressed location by the touch operation. For example, when the pressed location moves in the touch operation, it represents the locus of the moved pressed location. It is a figure. In this case, the graphic representing the trajectory of the touch operation is linear. Note that, as will be described later, the figure corresponding to the touch operation includes not only a figure representing the locus of the touch operation but also a figure such as a straight line or a circle corresponding to the touch operation and the length and the radius.

上記のようにタッチ操作に対応する図形を画像として表示する公知のシステムとしては、従来公知のPCと、タッチパネル一体型ディスプレイPN−L600B(シャープ株式会社製)などの表示装置とから構成されるシステムを挙げることができる。本実施形態は、このようなシステムに、後述する各部131〜135の機能を発揮させるためのプログラムである表示プログラムを記憶させたものである。なお、本発明の他の実施形態としては、後述する各部131〜135の機能をそれぞれ発揮するIC(Integrated Circuit)チップを備える表示装置であってもよい。また、本発明に係る表示システムは、電子黒板ではなく、携帯可能なタブレットPC(Personal Computer)であってもよい。   As a known system for displaying a graphic corresponding to a touch operation as an image as described above, a system including a conventionally known PC and a display device such as a touch panel integrated display PN-L600B (manufactured by Sharp Corporation). Can be mentioned. In the present embodiment, a display program, which is a program for causing the functions of the units 131 to 135 described later, to be stored in such a system is stored. In addition, as other embodiment of this invention, a display apparatus provided with IC (Integrated Circuit) chip | tip which each exhibits the function of each part 131-135 mentioned later may be sufficient. The display system according to the present invention may be a portable tablet PC (Personal Computer) instead of the electronic blackboard.

図2は、表示システム10の構成を示すブロック図である。表示システム10は、表示部11と、タッチパネル部12と、制御部13とを備える。   FIG. 2 is a block diagram illustrating a configuration of the display system 10. The display system 10 includes a display unit 11, a touch panel unit 12, and a control unit 13.

表示部11は、たとえば、液晶ディスプレイ、EL(ElectroLuminescence)ディスプレイ、プラズマディスプレイなどであり、その画面に画像を表示する。なお、本発明の他の実施形態としては、表示部11が、スクリーンを画面として、その画面に画像を投影するプロジェクタであってもよい。   The display unit 11 is, for example, a liquid crystal display, an EL (ElectroLuminescence) display, a plasma display, or the like, and displays an image on the screen. As another embodiment of the present invention, the display unit 11 may be a projector that uses a screen as a screen and projects an image on the screen.

タッチパネル部12は、投影型静電容量方式タッチパネル、抵抗膜方式タッチパネル、赤外線遮断検出方式タッチパネルなどから構成され、タッチ操作が行われると、画面に対するタッチ操作が行われた位置を示す情報、すなわちタッチ操作により押圧された箇所を示す情報を取得する。タッチ操作により押圧される箇所はスタイラスやユーザの指の大きさの連続する領域となるので、位置情報は、より詳細には、その領域の代表位置、たとえば図心位置を示す情報として取得される。なお、本実施形態では、タッチパネル部12は、離間した2つ以上の領域が押圧されるときに、それぞれの領域に対応する位置情報を取得可能な、いわゆるマルチタッチ操作が可能な投影型静電容量方式タッチパネルであるとする。   The touch panel unit 12 includes a projected capacitive touch panel, a resistive touch panel, an infrared cut-off detection touch panel, and the like. When a touch operation is performed, information indicating the position where the touch operation is performed on the screen, that is, touch Information indicating the location pressed by the operation is acquired. Since the place pressed by the touch operation is an area where the size of the stylus or the user's finger is continuous, the position information is acquired as information indicating the representative position of the area, for example, the centroid position. . In the present embodiment, the touch panel unit 12 is a projection type electrostatic that can acquire position information corresponding to each area when two or more areas that are separated from each other are pressed. Assume that this is a capacitive touch panel.

制御部13は、CPU(Central Processing Unit)などの制御演算回路、DDR SDRAM(Double Data Rate Synchronous Dynamic Random Access Memory)などの揮発性メモリ、および、フラッシュROM(Read Only Memory)、EEPROM(登録商標)、HDD(Hard Disk Drive)などの不揮発性メモリから構成され、表示部11およびタッチパネル部12を制御する。制御部13の不揮発性メモリには、本発明に係る表示プログラムが記憶され、これによって、制御部13は、以下の各部131〜135の機能を発揮する。   The control unit 13 includes a control arithmetic circuit such as a CPU (Central Processing Unit), a volatile memory such as a DDR SDRAM (Double Data Rate Synchronous Dynamic Random Access Memory), a flash ROM (Read Only Memory), and an EEPROM (registered trademark). The display unit 11 and the touch panel unit 12 are controlled by a nonvolatile memory such as an HDD (Hard Disk Drive). The display program according to the present invention is stored in the non-volatile memory of the control unit 13, whereby the control unit 13 exhibits the functions of the following units 131 to 135.

図3は、制御部13の各機能を示すブロック図である。制御部13は、タッチ操作画像表示制御部131、全表示設定記憶部132、表示設定格納部133、第1変更部134、および第2変更部135の機能を有する。   FIG. 3 is a block diagram illustrating each function of the control unit 13. The control unit 13 has functions of a touch operation image display control unit 131, an all display setting storage unit 132, a display setting storage unit 133, a first change unit 134, and a second change unit 135.

タッチ操作画像表示制御部131は、タッチ操作情報管理部1311と、図形描画部1312とを含み、タッチ操作が行われたときに、そのタッチ操作についての位置情報が示す位置に、そのタッチ操作に対応する図形を、画像として表示させる。より詳細には、タッチ操作情報管理部1311は、タッチ操作による押圧箇所に対応する位置情報と、その位置情報が取得された時刻とを関連付けて記憶する。そして、図形描画部1312は、画面に所定の背景画像を表示させ、さらに、タッチ操作情報管理部1311に記憶される情報に基づいて、取得された時刻が早い順に、背景画像上において位置情報が示す位置に、タッチ操作に対応する図形を描画する。   The touch operation image display control unit 131 includes a touch operation information management unit 1311 and a graphic drawing unit 1312. When a touch operation is performed, the touch operation image display control unit 131 is moved to the position indicated by the position information regarding the touch operation. The corresponding figure is displayed as an image. More specifically, the touch operation information management unit 1311 stores the position information corresponding to the pressed location by the touch operation and the time when the position information is acquired in association with each other. Then, the graphic drawing unit 1312 displays a predetermined background image on the screen, and further, based on the information stored in the touch operation information management unit 1311, the position information is displayed on the background image in order of the acquired time. A figure corresponding to the touch operation is drawn at the indicated position.

タッチ操作に対応する図形の描画は、表示設定格納部133に格納される、後述する表示設定情報に従って行われる。また、背景画像は、通常、白色の無地の画像であるけれども、それ以外の画像、たとえばユーザが選択した画像データに基づく画像であってもよい。なお、本実施形態において、マルチタッチ操作が行われた場合、図形描画部1312は、各タッチ操作についての各位置情報がそれぞれ示す位置に、図形をそれぞれ描画する。   Drawing of a figure corresponding to the touch operation is performed according to display setting information, which will be described later, stored in the display setting storage unit 133. In addition, the background image is usually a white solid image, but other images, for example, an image based on image data selected by the user may be used. In this embodiment, when a multi-touch operation is performed, the graphic drawing unit 1312 draws a graphic at a position indicated by each position information for each touch operation.

全表示設定記憶部132は、複数の表示設定情報を記憶し、表示設定格納部133は、この複数の設定情報のうちのいずれか1つを格納する。表示設定格納部133に格納される表示設定情報は、タッチ操作と画面に表示される図形との対応関係を、そのタッチ操作が行われる前に予め1つに定める情報である。すなわち、タッチ操作が行われたとき、そのタッチ操作について位置情報が取得された時刻において表示設定格納部133に格納される表示設定情報に従って、図形描画部1312は、そのタッチ操作に対応する図形を描画する。   The all display setting storage unit 132 stores a plurality of display setting information, and the display setting storage unit 133 stores any one of the plurality of setting information. The display setting information stored in the display setting storage unit 133 is information that predetermines one correspondence relationship between the touch operation and the graphic displayed on the screen before the touch operation is performed. That is, when a touch operation is performed, the graphic drawing unit 1312 displays a graphic corresponding to the touch operation in accordance with the display setting information stored in the display setting storage unit 133 at the time when the position information is acquired for the touch operation. draw.

表示設定情報としては、たとえば、黒ペン設定情報、赤ペン設定情報、青ペン設定情報、消しゴム設定情報、太ペン設定情報、ブラシ設定情報、エアブラシ設定情報、直線設定情報、矩形設定情報、円形設定情報などが挙げられる。黒ペン設定情報は、図形描画部1312によって描画される図形を、所定の太さの黒色の線でタッチ操作の軌跡を表した図形に設定する情報である。赤ペン設定情報は、図形描画部1312によって描画される図形を、所定の太さの赤色の線でタッチ操作の軌跡を表した図形に設定する情報である。青ペン設定情報は、図形描画部1312によって描画される図形を、所定の太さの青色の線でタッチ操作の軌跡を表した図形に設定する情報である。   Examples of display setting information include black pen setting information, red pen setting information, blue pen setting information, eraser setting information, thick pen setting information, brush setting information, air brush setting information, straight line setting information, rectangular setting information, and circular setting. Information. The black pen setting information is information for setting a figure drawn by the figure drawing unit 1312 to a figure that represents a locus of a touch operation with a black line having a predetermined thickness. The red pen setting information is information for setting a figure drawn by the figure drawing unit 1312 to a figure in which a locus of a touch operation is represented by a red line having a predetermined thickness. The blue pen setting information is information for setting a figure drawn by the figure drawing unit 1312 to a figure that represents a locus of a touch operation with a blue line having a predetermined thickness.

消しゴム設定情報は、図形描画部1312によって描画される図形を、所定の太さの線でタッチ操作の軌跡を表した図形に設定する情報であって、その線の各箇所の色を、その各箇所における背景画像の色と同じ色に設定する情報である。太ペン設定情報は、図形描画部1312によって描画される図形を、黒ペン設定情報における線よりも太い黒色の線でタッチ操作の軌跡を表した図形に設定する情報である。ブラシ設定情報は、図形描画部1312によって描画される図形を、所定の色のブラシでタッチ操作の軌跡を描いたような図形に設定する情報である。エアブラシ設定情報は、図形描画部1312によって描画される図形を、所定の色のエアブラシでタッチ操作の軌跡を描いたような図形に設定する情報である。   The eraser setting information is information for setting a figure drawn by the figure drawing unit 1312 to a figure representing a locus of a touch operation with a line of a predetermined thickness, and the color of each part of the line is changed to each of the colors. This is information set to the same color as the color of the background image at the location. The thick pen setting information is information for setting the figure drawn by the figure drawing unit 1312 to a figure in which the locus of the touch operation is represented by a black line thicker than the line in the black pen setting information. The brush setting information is information for setting a figure drawn by the figure drawing unit 1312 to a figure in which a locus of a touch operation is drawn with a brush of a predetermined color. The airbrush setting information is information for setting a figure drawn by the figure drawing unit 1312 to a figure that draws a locus of a touch operation with an airbrush of a predetermined color.

直線設定情報は、図形描画部1312によって描画される図形を、タッチ操作の開始位置と終了位置とを結ぶ所定の太さおよび色の線分に設定する情報である。矩形設定情報は、図形描画部1312によって描画される図形を、所定の太さおよび色の線分を4辺とする矩形であって、タッチ操作の開始位置と終了位置とを結ぶ線分を対角線とする矩形に設定する情報である。円形設定情報は、図形描画部1312によって描画される図形を、所定の太さおよび色の線を円周とする円形であって、タッチ操作の開始位置を円の中心とし、開始位置と終了位置とを結ぶ線分を円の半径とする円形に設定する情報である。   The straight line setting information is information for setting a graphic drawn by the graphic drawing unit 1312 to a line segment having a predetermined thickness and color connecting the start position and the end position of the touch operation. The rectangle setting information is a rectangle in which a figure drawn by the figure drawing unit 1312 has four sides of a line segment of a predetermined thickness and color, and a line segment connecting the start position and the end position of the touch operation is a diagonal line. The information to be set in the rectangle. The circle setting information is a circle in which a figure drawn by the figure drawing unit 1312 has a predetermined thickness and color as a circumference, the start position of the touch operation is the center of the circle, and the start position and the end position Is set to a circle whose radius is the circle connecting the line segments.

表示システム10の初期設定としては、これらの複数の表示設定情報のうち、たとえば、黒ペン設定情報が、表示設定格納部133に格納される。したがって、初期設定のままの状態でタッチ操作が行われた場合、そのタッチ操作の軌跡を表す図形が、所定の太さの黒色の線で画面に描画される。   As an initial setting of the display system 10, for example, black pen setting information among the plurality of display setting information is stored in the display setting storage unit 133. Therefore, when a touch operation is performed with the initial setting, a graphic representing the locus of the touch operation is drawn on the screen with a black line having a predetermined thickness.

第1変更部134および第2変更部135は、表示設定格納部133に格納される表示設定情報を変更する機能を有する。表示設定格納部133に格納される表示設定情報の変更後にタッチ操作が行われると、変更後の表示設定情報に従って、画像が表示される。本発明に係る表示システム10の特徴は、第2変更部135によって表示設定格納部133に格納される表示設定情報の変更を行うことが可能な点である。   The first change unit 134 and the second change unit 135 have a function of changing the display setting information stored in the display setting storage unit 133. When a touch operation is performed after changing the display setting information stored in the display setting storage unit 133, an image is displayed according to the changed display setting information. A feature of the display system 10 according to the present invention is that the display setting information stored in the display setting storage unit 133 can be changed by the second changing unit 135.

まず、第1変更部134の機能について説明する。図4は、第1変更部134の各機能を示すブロック図である。第1変更部134は、全設定画像表示制御部1341と、第1取得判断部1342と、第1位置判断部1343と、第1表示設定変更部1344とを含む。   First, the function of the first changing unit 134 will be described. FIG. 4 is a block diagram illustrating each function of the first changing unit 134. The first change unit 134 includes an all setting image display control unit 1341, a first acquisition determination unit 1342, a first position determination unit 1343, and a first display setting change unit 1344.

全設定画像表示制御部1341は、画面の所定の領域に、全表示設定記憶部132に記憶されるすべての表示設定情報をそれぞれ表した画像を含む画像である全設定画像(ツールバー画像)を表示させる。なお、全設定画像表示制御部1341は、ツールバー画像を常に表示させなくてもよく、ユーザからの指示に従って、ツールバー画像の表示と非表示とを切り換えてもよい。   The all setting image display control unit 1341 displays all setting images (toolbar images) that are images including images representing all the display setting information stored in the all display setting storage unit 132 in a predetermined area of the screen. Let Note that the all setting image display control unit 1341 may not always display the toolbar image, and may switch between displaying and hiding the toolbar image in accordance with an instruction from the user.

図5に、ツールバー画像の一例を示す。図5では、表示部11の画面の左端に、黒ペン設定情報を表す黒ペン設定画像(黒ペンアイコン)100aと、赤ペン設定情報を表す赤ペン設定画像(赤ペンアイコン)100bと、青ペン設定情報を表す青ペン設定画像(青ペンアイコン)100cと、消しゴム設定情報を表す消しゴム設定画像(消しゴムアイコン)100dと、太ペン設定情報を表す太ペン設定画像(太ペンアイコン)100eと、ブラシ設定情報を表すブラシ設定画像(ブラシアイコン)100fと、エアブラシ設定情報を表すエアブラシ設定画像(エアブラシアイコン)100gと、直線設定情報を表す直線設定画像(直線アイコン)100hと、矩形設定情報を表す矩形設定画像(矩形アイコン)100iと、円形設定情報を表す円形設定画像(円アイコン)100jと、それらを囲む枠線画像100kとを含む全設定画像(ツールバー画像)100が表示されている。   FIG. 5 shows an example of the toolbar image. In FIG. 5, at the left end of the screen of the display unit 11, a black pen setting image (black pen icon) 100a representing black pen setting information, a red pen setting image (red pen icon) 100b representing red pen setting information, and blue A blue pen setting image (blue pen icon) 100c representing pen setting information, an eraser setting image (eraser icon) 100d representing eraser setting information, a thick pen setting image (thick pen icon) 100e representing thick pen setting information, A brush setting image (brush icon) 100f representing brush setting information, an air brush setting image (air brush icon) 100g representing air brush setting information, a straight line setting image (straight line icon) 100h representing straight line setting information, and rectangular setting information are represented. A rectangular setting image (rectangular icon) 100i and a circular setting image (circle icon) 10 representing circular setting information And j, the total setting image including the border image 100k surrounding them (toolbar image) 100 is displayed.

第1取得判断部1342は、全設定画像表示制御部1341によって画面にツールバー画像が表示されている間にタッチパネル部12によって位置情報が取得されたか否かについて、判断を行う。第1位置判断部1343は、位置情報が取得されたと第1取得判断部1342が判断した場合、その位置情報が示す位置が、画面において、いずれかの表示設定情報を表した画像(アイコン)が表示されている領域内であるか否かについて、判断を行う。第1表示設定変更部1344は、領域内であると第1位置判断部1343が判断した場合、位置情報が示す箇所を含む領域に表示されている画像(アイコン)によって表される表示設定情報へ、表示設定格納部133に格納される表示設定情報を変更する。   The first acquisition determination unit 1342 determines whether or not position information has been acquired by the touch panel unit 12 while the toolbar image is displayed on the screen by the all setting image display control unit 1341. When the first acquisition determination unit 1342 determines that the position information has been acquired, the first position determination unit 1343 displays an image (icon) representing any display setting information on the screen. A determination is made as to whether or not it is within the displayed area. When the first position determination unit 1343 determines that the position is within the area, the first display setting change unit 1344 displays the display setting information represented by the image (icon) displayed in the area including the location indicated by the position information. The display setting information stored in the display setting storage unit 133 is changed.

したがって、第1変更部134によれば、たとえば、図5に示すように、表示部11の画面上にツールバー画像100が表示されているときに、赤ペンアイコン100bに対して、スタイラスSによってタッチ操作が行われると、表示設定格納部133に格納される表示設定情報は赤ペン設定情報になる。   Therefore, according to the first change unit 134, for example, as shown in FIG. 5, when the toolbar image 100 is displayed on the screen of the display unit 11, the red pen icon 100b is touched by the stylus S. When an operation is performed, the display setting information stored in the display setting storage unit 133 becomes red pen setting information.

なお、複数の表示設定情報を表した画像(アイコン)に対して同時にタッチ操作が行われた場合には、第1表示設定変更部1344は、所定の条件に従って、その複数の表示設定情報のうちのいずれか1つを選択して、選択した表示設定情報へ、表示設定格納部133に格納される表示設定情報を変更する。たとえば、図5に示す黒ペンアイコン100aと、赤ペンアイコン100bと、青ペンアイコン100cと、消しゴムアイコン100dとに対して、同時にタッチ操作が行われた場合、第1表示設定変更部1344は、図5において最も左側に表示される画像のうち最も上側に表示される画像によって表される表示設定情報を選択するという条件に従って、黒ペンアイコン100aによって表される黒ペン設定情報を選択し、選択した黒ペン設定情報へ、表示設定格納部133に格納される表示設定情報を変更する。   Note that when a touch operation is simultaneously performed on an image (icon) representing a plurality of display setting information, the first display setting changing unit 1344, among the plurality of display setting information, according to a predetermined condition. The display setting information stored in the display setting storage unit 133 is changed to the selected display setting information. For example, when a touch operation is simultaneously performed on the black pen icon 100a, the red pen icon 100b, the blue pen icon 100c, and the eraser icon 100d shown in FIG. In FIG. 5, the black pen setting information represented by the black pen icon 100a is selected and selected according to the condition that the display setting information represented by the image displayed on the uppermost side among the images displayed on the leftmost side is selected. The display setting information stored in the display setting storage unit 133 is changed to the black pen setting information.

また、ツールバー画像は、図6に示すツールバー画像300A,300Bのような切替可能なものであってもよい。図6(a)に示すツールバー画像300Aは、黒ペンアイコン100a、赤ペンアイコン100b、青ペンアイコン100c、消しゴムアイコン100d、および太ペンアイコン100eの、表示設定情報変更の機能を有するアイコンと、表示設定情報変更以外の機能に対応するアイコン300a〜300eと、枠線画像100kと、切替ボタン画像300kと、閉じるボタン画像300lとからなっている。このツールバー画像300Aにおいて、各アイコン100a〜100e,300a〜300eに対してタッチ操作が行われると、各アイコン100a〜100e,300a〜300eに対応する機能がそれぞれ実行される。閉じるボタン画像300lに対してタッチ操作が行われると、全設定画像表示制御部1341は、画面からツールバー画像300Aを消去する。切替ボタン画像300kに対してタッチ操作が行われると、全設定画像表示制御部1341は、ツールバー画像300Aの代わりに、図6(b)に示すツールバー画像300Bを表示させる。   The toolbar image may be a switchable image such as the toolbar images 300A and 300B shown in FIG. A toolbar image 300A shown in FIG. 6A includes an icon having a function of changing display setting information such as a black pen icon 100a, a red pen icon 100b, a blue pen icon 100c, an eraser icon 100d, and a thick pen icon 100e, and a display. It includes icons 300a to 300e corresponding to functions other than setting information change, a frame line image 100k, a switching button image 300k, and a close button image 300l. In the toolbar image 300A, when a touch operation is performed on the icons 100a to 100e and 300a to 300e, functions corresponding to the icons 100a to 100e and 300a to 300e are executed. When a touch operation is performed on the close button image 300l, the all setting image display control unit 1341 deletes the toolbar image 300A from the screen. When a touch operation is performed on the switching button image 300k, the all setting image display control unit 1341 displays a toolbar image 300B shown in FIG. 6B instead of the toolbar image 300A.

図6(b)に示すツールバー画像300Bは、ブラシアイコン100f、エアブラシアイコン100g、直線アイコン100h、矩形アイコン100i、および円アイコン100jの、表示設定情報変更の機能を有するアイコンと、表示設定情報変更以外の機能に対応するアイコン300f〜300jと、枠線画像100kと、切替ボタン画像300kと、閉じるボタン画像300lとからなっている。このツールバー画像300Bにおいて、各アイコン100f〜100j,300f〜300jに対してタッチ操作が行われると、各アイコン100f〜100j,300f〜300jに対応する機能がそれぞれ実行される。閉じるボタン画像300lに対してタッチ操作が行われると、全設定画像表示制御部1341は、画面からツールバー画像300Bを消去する。切替ボタン画像300kに対してタッチ操作が行われると、全設定画像表示制御部1341は、ツールバー画像300Bの代わりに、図6(a)に示すツールバー画像300Aを表示させる。   The toolbar image 300B shown in FIG. 6B includes an icon having a function for changing display setting information, such as a brush icon 100f, an airbrush icon 100g, a straight line icon 100h, a rectangular icon 100i, and a circle icon 100j, and other than the display setting information change. The icons 300f to 300j corresponding to the above function, a frame image 100k, a switching button image 300k, and a close button image 300l. In the toolbar image 300B, when a touch operation is performed on each of the icons 100f to 100j and 300f to 300j, functions corresponding to the icons 100f to 100j and 300f to 300j are executed. When a touch operation is performed on the close button image 300l, the all setting image display control unit 1341 deletes the toolbar image 300B from the screen. When a touch operation is performed on the switching button image 300k, the all setting image display control unit 1341 displays a toolbar image 300A shown in FIG. 6A instead of the toolbar image 300B.

次に、本発明に係る表示システム10の特徴点である第2変更部135について説明する。図7は、第2変更部135の各機能を示すブロック図である。第2変更部135は、表示条件判断部1351と、他設定画像表示制御部1352と、第2取得判断部1353と、第2位置判断部1354と、第2表示設定変更部1355と、他設定画像変更作業領域設定部1356と、第1変更条件判断部1357と、他設定画像変更部1358と、第2変更条件判断部1359とを含む。   Next, the 2nd change part 135 which is the feature point of the display system 10 which concerns on this invention is demonstrated. FIG. 7 is a block diagram illustrating each function of the second changing unit 135. The second change unit 135 includes a display condition determination unit 1351, another setting image display control unit 1352, a second acquisition determination unit 1353, a second position determination unit 1354, a second display setting change unit 1355, and other settings. An image change work area setting unit 1356, a first change condition determination unit 1357, another setting image change unit 1358, and a second change condition determination unit 1359 are included.

表示条件判断部1351は、タッチ操作情報管理部1311に記憶される情報を用いて、ユーザによって行われたタッチ操作が予め定められる特定の条件である他設定画像表示条件を満たすか否かを判断する。他設定画像表示条件は、他設定画像表示制御部1352に後述する他設定画像を表示させるための条件である。他設定画像表示条件としては、どのような条件であってもよいけれども、後述するように、特定の図形を描画しようとしてユーザがタッチ操作を行うときに他設定画像が表示されないような条件であることが好ましい。   The display condition determination unit 1351 uses the information stored in the touch operation information management unit 1311 to determine whether the touch operation performed by the user satisfies other setting image display conditions that are specific conditions that are determined in advance. To do. The other setting image display condition is a condition for causing the other setting image display control unit 1352 to display another setting image to be described later. The other setting image display condition may be any condition. However, as described later, the other setting image display condition is such that the other setting image is not displayed when the user performs a touch operation to draw a specific figure. It is preferable.

本実施形態における他設定画像表示条件は、予め定められる特定時間(表示条件判断時間)内に、予め定められる特定範囲(表示条件判断範囲)内で、タッチ操作が3回行われることである。より詳細には、1回目のタッチ操作(1stタッチ操作)の開始位置(始点)を中心とする表示条件判断範囲内に、2回目のタッチ操作(2ndタッチ操作)の開始位置(始点)および終了位置(終点)、ならびに3回目のタッチ操作(3rdタッチ操作)の始点および終点があり、1stタッチ操作の開始時点から3rdタッチ操作の終了時点までの時間が、表示条件判断時間内であることである。表示条件判断時間は、たとえば、0.2秒〜1秒である。また、表示条件判断範囲は、1stタッチ操作の始点を中心とする、画面上で0cm〜1cmの距離の範囲であり、画面の画素ピッチを0.5mmとすれば、この距離は0画素〜20画素である。このように表示条件判断時間および表示条件判断範囲が定められるのは、ユーザが、2点リーダ「‥」、3点リーダ「…」、濁点「゛」などを描画しようとしてタッチ操作を行うときに、タッチ操作が他設定画像表示条件を満たしてしまい、後述する他設定画像が表示されてしまうことを防ぐためである。   The other setting image display condition in the present embodiment is that the touch operation is performed three times within a predetermined specific range (display condition determination range) within a predetermined specific time (display condition determination time). More specifically, the start position (start point) and end of the second touch operation (2nd touch operation) are within the display condition determination range centered on the start position (start point) of the first touch operation (1st touch operation). The position (end point) and the start point and end point of the third touch operation (3rd touch operation) are present, and the time from the start of the 1st touch operation to the end of the 3rd touch operation is within the display condition determination time. is there. The display condition determination time is, for example, 0.2 seconds to 1 second. The display condition determination range is a range of a distance of 0 cm to 1 cm on the screen centering on the start point of the 1st touch operation. If the pixel pitch of the screen is 0.5 mm, this distance is 0 pixels to 20 pixels. Pixel. The display condition determination time and the display condition determination range are determined when the user performs a touch operation to draw a two-point reader “..., A three-point reader“. This is to prevent the touch operation from satisfying the other setting image display condition and the other setting image to be described later from being displayed.

なお、タッチパネル部12はマルチタッチ操作が可能な構成であるので、第1のユーザによって表示条件判断範囲内で1st〜3rdタッチ操作が行われている間に、第2のユーザによって、表示条件判断範囲外で、タッチ操作が行われる場合も有り得る。このような場合であっても、表示条件判断部1351は、1st〜3rdタッチ操作が他設定画像変更条件を満たすと判断する。また、1st〜3rdタッチ操作によって画面上には3つの点状の図形が描画されてしまうので、表示条件判断部1351は、1st〜3rdタッチ操作が他設定画像表示条件を満たすと判断した場合、タッチ操作情報管理部1311に記憶される情報を用いて、その1st〜3rdタッチ操作によって画面上に描画された図形を消去することが好ましい。   Since the touch panel unit 12 is configured to allow multi-touch operation, the second user can determine the display condition while the first user performs the first to third touch operations within the display condition determination range. There may be a case where a touch operation is performed outside the range. Even in such a case, the display condition determination unit 1351 determines that the 1st to 3rd touch operation satisfies the other setting image change condition. In addition, since three point-like figures are drawn on the screen by the 1st to 3rd touch operation, the display condition determination unit 1351 determines that the 1st to 3rd touch operation satisfies the other setting image display condition. It is preferable to erase the graphic drawn on the screen by the 1st to 3rd touch operations using the information stored in the touch operation information management unit 1311.

他設定画像表示制御部1352は、タッチ操作が条件を満たすと表示条件判断部1351が判断した場合、タッチ操作情報管理部1311に記憶される情報および表示条件判断部1351の判断結果を用いて、そのタッチ操作についての位置情報が示す位置からの距離が予め定められる特定範囲内の領域を、設定画像表示領域として設定する。本実施形態では、設定画像表示領域は、X方向およびY方向に平行な辺を有し、対角線の長さが、画面上で5cm〜15cm(画素ピッチを0.5mmとすれば100画素〜300画素)となる矩形状の領域である。この矩形状の設定画像表示領域の中心点は、1stタッチ操作の始点を中心として、半径が画面上で30cm(画素ピッチを0.5mmとすれば画素数では600画素)となる円形状の領域内のいずれかの点である。   When the display condition determination unit 1351 determines that the touch operation satisfies the condition, the other setting image display control unit 1352 uses the information stored in the touch operation information management unit 1311 and the determination result of the display condition determination unit 1351. An area within a specific range in which the distance from the position indicated by the position information regarding the touch operation is predetermined is set as a setting image display area. In the present embodiment, the set image display area has sides parallel to the X direction and the Y direction, and the diagonal length is 5 cm to 15 cm on the screen (100 pixels to 300 if the pixel pitch is 0.5 mm). This is a rectangular area to be a pixel. The center point of this rectangular set image display area is a circular area whose center is the start point of the 1st touch operation and whose radius is 30 cm (600 pixels in terms of the number of pixels if the pixel pitch is 0.5 mm) on the screen. Is one of the points.

たとえば、上記円形状の領域の中心点と矩形状の設定画像表示領域の中心点とが一致するように、他設定画像表示制御部1352によって矩形状の設定画像表示領域が設定される。ただし、円形状の中心点が画面の端付近にある場合、その円形状の中心点と矩形状の設定画像表示領域の中心点とが一致するように矩形状の設定画像表示領域を設定すると、画面内に矩形状の設定画像表示領域全体が入らなくなるときが有り得る。したがって、このような場合は、画面内に矩形状の設定画像表示領域全体が入るように、矩形状の設定画像表示領域を平行移動させて設定する。   For example, the other set image display control unit 1352 sets the rectangular set image display area so that the center point of the circular area matches the center point of the rectangular set image display area. However, if the center point of the circular shape is near the edge of the screen, and the rectangular setting image display area is set so that the center point of the circular shape matches the center point of the rectangular setting image display area, There may be a case where the entire rectangular set image display area does not fit in the screen. Therefore, in such a case, the rectangular setting image display area is set by moving in parallel so that the entire rectangular setting image display area is included in the screen.

図8を用いて、矩形状の設定画像表示領域について説明する。図8では、ユーザのタッチ操作によって描画された図形を参照符号Pで示し、1stタッチ操作が行われた箇所を参照符号Qで示し、上記円形状の領域をRで示している。   A rectangular set image display area will be described with reference to FIG. In FIG. 8, the figure drawn by the user's touch operation is indicated by reference symbol P, the place where the first touch operation is performed is indicated by reference symbol Q, and the circular area is indicated by R.

他設定画像表示制御部1352は、表示部11の画面上に、矩形状の設定画像表示領域Rを設定し、設定画像表示領域Rの外縁に沿う、画面上で5mm〜20mm(画素ピッチを0.5mmとすれば10画素〜40画素)程度の太さの黒い線からなる矩形状の枠線画像200aを表示させる。また、他設定画像表示制御部1352は、設定画像表示領域R内に、X方向およびY方向に平行な辺を有する矩形状の本設定画像表示領域Rと、X方向およびY方向に平行な辺を有する矩形状の、所定の数の他設定画像表示領域Rとを設定する。所定の数は、2つ以上かつ全表示設定記憶部132に記憶される表示設定情報の総数よりも2つ小さい数以下の数であれば、どのような数であってもよい。本実施形態では、所定の数は3である。以下では、本設定画像表示領域Rと他設定画像表示領域Rとを区別せずに、アイコン表示領域Rと称する場合がある。 Other setting image display control unit 1352 on a screen of the display unit 11, sets the rectangular setting image display region R 0, along the outer edge of the setting image display region R 0, 5 mm to 20 mm (the pixel pitch on the screen A rectangular frame image 200a composed of black lines with a thickness of about 10 to 40 pixels is set to 0.5 mm. In addition, the other setting image display control unit 1352 has a rectangular main setting image display region R 1 having sides parallel to the X direction and the Y direction in the setting image display region R 0 , and is parallel to the X direction and the Y direction. to set such rectangular having sides, and another setting image display region R 2 of the predetermined number. The predetermined number may be any number as long as it is two or more and two or less than the total number of display setting information stored in all display setting storage unit 132. In the present embodiment, the predetermined number is three. Hereinafter, without distinction and the setting image display region R 1 and the other setting image display region R 2, it is sometimes referred to as icon display area R 3.

4つの矩形状のアイコン表示領域Rは、互いに重複しないように、画面上で5mm〜20mm(画素ピッチを0.5mmとすれば10画素〜40画素)程度の間隔で互いに離間して、X方向およびY方向を行方向および列方向とする2×2の行列状に並ぶように設定される。また、4つのアイコン表示領域Rは、互いに同じ大きさであり、かつ、対角線の長さが、矩形状の設定画像表示領域Rの対角線の長さの1/4よりも画面上で5mm〜20mm(画素ピッチを0.5mmとすれば10画素〜40画素)程度小さくなるように設定される。 Four rectangular icon display area R 3 so as not to overlap each other, spaced from each other at intervals of about (10 pixels to 40 pixels if 0.5mm pixel pitch) 5 mm to 20 mm on the screen, X They are set so as to be arranged in a 2 × 2 matrix with the direction and the Y direction as the row direction and the column direction. The four icon display area R 3 are mutually the same size, and the length of the diagonal, 5 mm in a rectangular configuration image display area on the screen than a quarter of the diagonal length of the R 0 It is set to be about 20 mm (10 to 40 pixels if the pixel pitch is 0.5 mm).

図8に示すように、他設定画像表示制御部1352は、設定画像表示領域R内の左上に本設定画像表示領域Rを設定し、本設定画像表示領域R全体に亘って、本設定画像を表示させる。ここで、本設定画像とは、表示設定格納部133に格納中の表示設定情報を表す画像(アイコン)である。したがって、図8に示す例では、本設定画像表示領域Rに黒ペンアイコン100aと同一の黒ペンアイコンが表示されており、表示設定格納部133に格納中の表示設定情報は黒ペン設定情報ということになる。他設定画像表示制御部1352は、このような本設定画像の外周を取り囲むように、画面上で5mm〜20mm(画素ピッチを0.5mmとすれば10画素〜40画素)程度の太さの黒い線からなる矩形状の枠線画像200bを表示させる。 As shown in FIG. 8, the other setting image display control unit 1352 sets the main setting image display area R 1 at the upper left in the setting image display area R 0 , and the main setting image display area R 1 over the entire main setting image display area R 1. Display the setting image. Here, the main setting image is an image (icon) representing display setting information being stored in the display setting storage unit 133. Thus, in the example shown in FIG. 8, the present set image display areas R 1 are displayed the same black pen icon and black pen icon 100a, the display setting information during stored in the display setting storage unit 133 a black pen settings information It turns out that. The other setting image display control unit 1352 has a black thickness of about 5 mm to 20 mm (10 pixels to 40 pixels if the pixel pitch is 0.5 mm) on the screen so as to surround the outer periphery of the main setting image. A rectangular frame image 200b composed of lines is displayed.

また、図8に示すように、他設定画像表示制御部1352は、設定画像表示領域R内の右上、左下、および右下に、他設定画像表示領域Rをそれぞれ設定し、各他設定画像表示領域R全体に亘って、他設定画像をそれぞれ表示させる。ここで、他設定画像とは、表示設定格納部133に格納中の表示設定情報を表すアイコン(本設定画像)以外のアイコンである。たとえば、上述したように、図8に示す例では、表示設定格納部133に格納中の表示設定情報を表すアイコンは黒ペンアイコンであり、この黒ペンアイコンとは異なるアイコン(他設定画像)である、赤ペンアイコン100bと同一の赤ペンアイコンが、設定画像表示領域R内の左下に設定された他設定画像表示領域Rに表示されている。 Further, as shown in FIG. 8, the other setting image display control unit 1352 sets the other setting image display region R 2 in the upper right, lower left, and lower right in the setting image display region R 0 , respectively. over the entire image display region R 2, and displays the other setting image respectively. Here, the other setting image is an icon other than an icon (main setting image) representing the display setting information stored in the display setting storage unit 133. For example, as described above, in the example shown in FIG. 8, the icon representing the display setting information stored in the display setting storage unit 133 is a black pen icon, and an icon (another setting image) different from the black pen icon. there, the red pen icon 100b and the same red pen icon is displayed in another setting image display region R 2 that is set at the bottom left of the setting image display region R 0.

また、図8に示すように、他設定画像表示制御部1352は、矩形状の設定画像表示領域R内において、本設定画像および他設定画像に重ならない位置に、移動用画像であるドラッグバー画像200cと、消去用画像である×ボタン画像200dとをそれぞれ表示させる。枠線画像200a、枠線画像200b、ドラッグバー画像200c、×ボタン画像200d、およびアイコン表示領域Rに表示される各アイコンを併せて、アイコン群200と総称する。 Also, as shown in FIG. 8, the other setting image display control unit 1352 has a drag bar that is a moving image at a position that does not overlap the main setting image and the other setting image in the rectangular setting image display region R 0 . The image 200c and the x button image 200d that is an erasing image are displayed. Border image 200a, border image 200b, drag bar image 200c, together respective icons displayed on × button image 200d, and the icon display area R 3, are collectively referred to as icon group 200.

以上のように、ユーザが他設定画像表示条件を満たす1st〜3rdタッチ操作を行うことで、他設定画像表示制御部1352によって、画面上において1stタッチ操作の始点付近に、アイコン群200が呼び出される。なお、アイコン群200の表示中に新たに1st〜3rdタッチ操作が行われた場合には、他設定画像表示制御部1352は、新たな1stタッチ操作の始点を中心とする円形状の領域内に、設定画像表示領域Rの中心点を新たに設定し、アイコン群200を新たに設定した設定画像表示領域Rへそのまま移動させる。 As described above, when the user performs a 1st to 3rd touch operation that satisfies the other setting image display condition, the other setting image display control unit 1352 calls the icon group 200 near the start point of the 1st touch operation on the screen. . When a new 1st to 3rd touch operation is performed while the icon group 200 is displayed, the other setting image display control unit 1352 is in a circular area centered on the start point of the new 1st touch operation. Then, the center point of the setting image display area R0 is newly set, and the icon group 200 is moved as it is to the newly set setting image display area R0 .

本実施形態では、アイコン表示領域Rに表示される各アイコンは、ツールバー画像300A,300Bに含まれる各アイコンのいずれかと同一である。ただし、同一である必要は無く、縮小または拡大したものであってもよい。アイコン表示領域Rに表示される各アイコンは、表示設定格納部133に格納中の表示設定情報、および、他設定画像表示制御部1352に予め記憶されるアイコン座標値によって決定される。 In this embodiment, each icon displayed in the icon display area R 3 is the same as any of the icons included toolbar image 300A, the 300B. However, they are not necessarily the same, and may be reduced or enlarged. Each icon displayed in the icon display region R 3 is determined by display setting information stored in the display setting storage unit 133 and icon coordinate values stored in advance in the other setting image display control unit 1352.

図9に、アイコン座標値を説明するためのアイコンマップMを示す。アイコンマップMは、各アイコンと、XY座標値であるアイコン座標値とを1対1で対応させたものである。アイコンマップMは概念的なものであり、他設定画像表示制御部1352は、このアイコンマップMを記憶している必要は無い。また、他設定画像表示制御部1352は、アイコンとアイコン座標値とを直接対応させて記憶している必要も無く、アイコンに対応する機能とアイコン座標値とを対応させて記憶していてもよい。たとえば、他設定画像表示制御部1352は、黒ペンアイコンにアイコン座標値(0,0)を対応させて記憶していてもよいし、黒ペンアイコンに対応する黒ペン設定情報にアイコン座標値(0,0)を対応させて記憶していてもよい。   FIG. 9 shows an icon map M for explaining icon coordinate values. The icon map M is a one-to-one correspondence between each icon and an icon coordinate value that is an XY coordinate value. The icon map M is conceptual, and the other setting image display control unit 1352 does not have to store the icon map M. Further, the other setting image display control unit 1352 does not need to store the icon and the icon coordinate value in direct correspondence with each other, and may store the function corresponding to the icon and the icon coordinate value in association with each other. . For example, the other setting image display control unit 1352 may store the black pen icon in association with the icon coordinate value (0, 0), or the black pen setting information corresponding to the black pen icon may have the icon coordinate value ( (0, 0) may be stored in association with each other.

アイコン群200の非表示中に他設定画像表示条件を満たす1st〜3rdタッチ操作が行われた場合において、表示設定格納部133に格納中の表示設定情報に対応するアイコン座標値を(X,Y)とするとき、他設定画像表示制御部1352は、アイコン座標値(X,Y)に対応するアイコンを、本設定画像表示領域Rに表示させるとともに、アイコン座標値(MOD(X+1,4),Y)に対応するアイコンを、設定画像表示領域R内の右上の他設定画像表示領域Rに表示させ、アイコン座標値(X,MOD(Y+1,5))に対応するアイコンを、設定画像表示領域R内の左下の他設定画像表示領域Rに表示させ、アイコン座標値(MOD(X+1,4),MOD(Y+1,5))に対応するアイコンを、設定画像表示領域R内の右下の他設定画像表示領域Rに表示させる。ここで、MOD(A,B)はA÷Bの剰余を表し、たとえば、MOD(6,5)=1である。 When a 1st to 3rd touch condition that satisfies other setting image display conditions is performed while the icon group 200 is not displayed, the icon coordinate values corresponding to the display setting information stored in the display setting storage unit 133 are (X 1 , Y 1 ), the other setting image display control unit 1352 displays an icon corresponding to the icon coordinate value (X 1 , Y 1 ) in the main setting image display area R 1 and also displays the icon coordinate value (MOD ( Icons corresponding to X 1 +1,4), Y 1 ) are displayed in the other set image display area R 2 in the upper right of the set image display area R 0 , and icon coordinate values (X 1 , MOD (Y 1 +1, 5)) is displayed in the lower left other setting image display area R 2 in the setting image display area R 0 , and icon coordinate values (MOD (X 1 +1, 4), MOD (Y 1 +1, 5) are displayed. )) The corresponding icons to be displayed on the other setting image display region R 2 at the bottom right of the setting image display region R 0. Here, MOD (A, B) represents a remainder of A / B, for example, MOD (6, 5) = 1.

なお、他設定画像表示制御部1352に記憶されているアイコン座標値に基づいて、全設定画像表示制御部1341は、ツールバー画像300A,300Bを表示させている。すなわち、全設定画像表示制御部1341は、アイコンマップMの左半分をツールバー画像300Aに表示させ、右半分をツールバー画像300Bに表示させている。   Note that, based on the icon coordinate values stored in the other setting image display control unit 1352, the all setting image display control unit 1341 displays the toolbar images 300A and 300B. That is, the all setting image display control unit 1341 displays the left half of the icon map M on the toolbar image 300A and the right half on the toolbar image 300B.

次に、第2取得判断部1353、第2位置判断部1354、および第2表示設定変更部1355の機能を、図10を用いて説明する。図10は、アイコン群200の表示中にタッチ操作が行われるときの処理を示すフローチャートである。第2取得判断部1353は、他設定画像表示制御部1352によって画面上に他設定画像を含むアイコン群200が表示されている間にタッチパネル部12によって位置情報が取得されたか否かについて、判断を行う(ステップS1)。位置情報が取得されたと第2取得判断部1353が判断した場合、第2位置判断部1354は、その位置情報が示す位置が、画面上において、いずれか1つのアイコン表示領域R内であるか否かについて、判断を行う(ステップS2)。 Next, functions of the second acquisition determination unit 1353, the second position determination unit 1354, and the second display setting change unit 1355 will be described with reference to FIG. FIG. 10 is a flowchart illustrating processing when a touch operation is performed while the icon group 200 is displayed. The second acquisition determination unit 1353 determines whether or not the position information is acquired by the touch panel unit 12 while the icon group 200 including the other setting image is displayed on the screen by the other setting image display control unit 1352. Perform (step S1). If the position information is acquired and the second acquisition determination unit 1353 determines whether the second position determining unit 1354, the position indicated by the position information, on the screen, is one of the icon display in region R 3 A determination is made as to whether or not (step S2).

アイコン表示領域R内であると第2位置判断部1354が判断した場合、第2表示設定変更部1355は、取得された位置情報が示す箇所を含むアイコン表示領域Rに表示されている画像(アイコン)に対応する機能を実行する(ステップS3)。たとえば、図8に示す設定画像表示領域R内の左下のアイコン表示領域R内にタッチ操作の始点および終点があった場合、第2表示設定変更部1355は、このアイコン表示領域Rに表示されている赤ペンアイコンに対応する赤ペン設定情報へ、表示設定格納部133に格納中の表示設定情報を変更する。なお、このように、タッチ操作された位置がアイコン表示領域R内であった場合、他設定画像表示制御部1352は、アイコン群200の表示を終了させる。 If a is an icon displayed in region R 3 has the second position determining unit 1354 determines, second display setting changing unit 1355 is displayed in the icon display area R 3 including the point indicated by the position information acquired image A function corresponding to (icon) is executed (step S3). For example, if the touch operation start point and end point are in the lower left icon display region R 3 in the setting image display region R 0 shown in FIG. 8, the second display setting change unit 1355 displays the icon display region R 3 in the icon display region R 3 . The display setting information stored in the display setting storage unit 133 is changed to the red pen setting information corresponding to the displayed red pen icon. In this manner, the touch-operated position was within the icon display area R 3, other setting image display control unit 1352 terminates the display of the icon group 200.

また、ステップS2において、第2位置判断部1354は、ステップS1で取得された始点および終点の位置が×ボタン画像200d内であるか否かについて判断を行い、×ボタン画像200d内である場合には、他設定画像表示制御部1352は、アイコン群200の表示を終了させる。また、ツールバー画像表示中の場合には、第2位置判断部1354は、ステップS2において、ステップS1で取得された始点および終点の位置がツールバー画像内のいずれか1つのアイコン内であるか否かについても判断を行い、ツールバー画像内のいずれか1つのアイコン内である場合には、第1表示設定変更部1344が、そのアイコンに対応する機能を実行するとともに、他設定画像表示制御部1352が、アイコン群200の表示を終了させる。   In step S2, the second position determination unit 1354 determines whether or not the start point and end point positions acquired in step S1 are within the x button image 200d, and when the position is within the x button image 200d. The other setting image display control unit 1352 ends the display of the icon group 200. When the toolbar image is being displayed, the second position determination unit 1354 determines whether or not the position of the start point and the end point acquired in step S1 is within any one icon in the toolbar image in step S2. The first display setting changing unit 1344 executes a function corresponding to the icon and the other setting image display control unit 1352 The display of the icon group 200 is terminated.

また、ステップS2において、第2位置判断部1354は、ステップS1で取得された始点の位置がドラッグバー画像200c内であるか否かについても判断を行い、ドラッグバー画像200c内である場合には、他設定画像表示制御部1352は、ステップS1で取得された始点から終点へ向かうベクトルで、アイコン群200をスライド移動させる。   In step S2, the second position determination unit 1354 also determines whether or not the position of the starting point acquired in step S1 is in the drag bar image 200c. The other setting image display control unit 1352 slides the icon group 200 with the vector from the start point to the end point acquired in step S1.

ステップS1において、アイコン群200の表示中に、複数のアイコンに対して同時に2つ以上のタッチ操作が行われた場合には、第2位置判断部1354は、ステップS2において、所定の条件を満たすいずれか1つのアイコンを選択し、第2表示設定変更部1355は、ステップS3において、選択されたアイコンに対応する機能を実行する。所定の条件は、たとえば、最も左側に表示されるアイコンのうち最も上側に表示されるアイコン選択するという条件である。   In step S1, when two or more touch operations are simultaneously performed on a plurality of icons while the icon group 200 is displayed, the second position determination unit 1354 satisfies a predetermined condition in step S2. Any one icon is selected, and the second display setting changing unit 1355 executes a function corresponding to the selected icon in step S3. The predetermined condition is, for example, a condition that the icon displayed on the uppermost side among the icons displayed on the leftmost side is selected.

第2変更部135は、以上のように、他設定画像表示条件を満たす1st〜3rdタッチ操作を行うことでアイコン群200を呼び出すことを可能にし、呼び出されたアイコン群200内のアイコンに対してタッチ操作を行うことでアイコンに対応する機能を実行することを可能にする。さらに、第2変更部135は、以下に説明する、他設定画像変更作業領域設定部1356、第1変更条件判断部1357、他設定画像変更部1358、および、第2変更条件判断部1359によって、呼び出されたアイコン群200内のアイコンを他のアイコンへ変更することを可能にする。変更されたアイコンに対してタッチ操作を行うことで、上記ステップS1〜ステップS3の処理により、アイコンに対応する機能が実行される。   As described above, the second changing unit 135 makes it possible to call the icon group 200 by performing the 1st to 3rd touch operations that satisfy the other setting image display conditions, and the icons in the called icon group 200 can be called. It is possible to execute a function corresponding to an icon by performing a touch operation. Further, the second change unit 135 is configured by the other setting image change work area setting unit 1356, the first change condition determination unit 1357, the other setting image change unit 1358, and the second change condition determination unit 1359 described below. It is possible to change an icon in the called icon group 200 to another icon. By performing a touch operation on the changed icon, the function corresponding to the icon is executed by the processing in steps S1 to S3.

他設定画像変更作業領域設定部1356は、アイコン群200の表示中に、他設定画像表示領域Rから予め定める特定距離の範囲内に、他設定画像変更作業領域R(アイコン変更作業領域R)を設定する。図11に、アイコン変更作業領域Rの一例を示す。本実施形態では、図11に示すように、他設定画像表示領域Rを上下および左右に挟むように、矩形状の設定画像表示領域Rの4辺に隣接する、4つのアイコン変更作業領域Rが設定される。以下では、設定画像表示領域Rの上の辺に隣接する矩形状のアイコン変更作業領域RをA領域と称し、設定画像表示領域Rの下の辺に隣接する矩形状のアイコン変更作業領域RをB領域と称し、設定画像表示領域Rの左の辺に隣接する矩形状のアイコン変更作業領域RをC領域と称し、設定画像表示領域Rの右の辺に隣接する矩形状のアイコン変更作業領域RをD領域と称する。 Other setting image change work area setting unit 1356 in the display of the icon group 200, another set in the image display within a certain distance predetermined from the region R 2, the other set image changing quadrant R 4 (icon changing quadrant R 4 ) Set. 11 shows an example of the icon changing quadrant R 4. In the present embodiment, as shown in FIG. 11, so as to sandwich the other setting image display region R 2 vertically and horizontally adjacent to the four sides of the rectangular setting image display region R 0, 4 single icon change work area R 4 is set. Hereinafter, a rectangular icon changing quadrant R 4 adjacent to the sides of the top setting image display region R 0 is referred to as a region A, a rectangular icon change work adjacent to the side below the setting image display region R 0 referred to regions R 4 and B area, a rectangular icon changing quadrant R 4 adjacent to the left side of the setting image display region R 0 is referred to as a C region, adjacent to the right side of the setting image display region R 0 a rectangular icon changing quadrant R 4 is referred to as a D region.

他設定画像変更部1358は、アイコン群200の表示中にタッチ操作が行われた場合において、第1変更条件判断部1357または第2変更条件判断部1359が条件を満たすタッチ操作であると判断したときに、そのタッチ操作に基づいて、アイコン群200内のアイコンを異なるアイコンへ変更する。他設定画像変更部1358によるアイコンの変更の方法については後述する。   When the touch operation is performed while the icon group 200 is displayed, the other setting image change unit 1358 determines that the first change condition determination unit 1357 or the second change condition determination unit 1359 is a touch operation that satisfies the condition. Sometimes, the icon in the icon group 200 is changed to a different icon based on the touch operation. A method of changing icons by the other setting image changing unit 1358 will be described later.

第1変更条件判断部1357は、アイコン群200の表示中にアイコン変更作業領域Rに対してタッチ操作が行われたときに、そのタッチ操作が予め定められる第1他設定画像変更条件を満たすか否かを判断する。本実施形態では、第1他設定画像変更条件は、タッチ操作が、A領域〜D領域のうちのいずれか1つの領域内を始点とし、始点となった領域に対向する領域内を終点とするスライド操作となることである。たとえば、アイコン群200の表示中に、A領域内を始点としB領域内を終点とするスライド操作が行われたとき、第1変更条件判断部1357は第1他設定画像変更条件を満たしたと判断し、この判断結果に基づいて、他設定画像変更部1358はアイコン群200内のアイコンを異なるアイコンへ変更する。 The first change condition determination unit 1357, when the touch operation is performed on the icon changing quadrant R 4 during the display of icon group 200, the first other set image changing condition is satisfied where the touch operation is determined in advance Determine whether or not. In the present embodiment, the first other setting image change condition is that the touch operation starts from any one of the areas A to D, and ends in the area facing the starting area. It is a slide operation. For example, while the icon group 200 is being displayed, when a slide operation is performed with the area A as the start point and the area B as the end point, the first change condition determination unit 1357 determines that the first other set image change condition is satisfied. Based on the determination result, the other setting image changing unit 1358 changes the icon in the icon group 200 to a different icon.

第2変更条件判断部1359は、他設定画像変更部1358によるアイコンの変更が行われた後にアイコン変更作業領域Rに対してタッチ操作が行われたときに、そのタッチ操作が予め定められる第2他設定画像変更条件を満たすか否かを判断する。第2他設定画像変更条件は、たとえば、第1他設定画像変更条件を満たす上記スライド操作によって他設定画像変更部1358によるアイコンの変更が行われた直後に次のタッチ操作が行われ、そのタッチ操作の始点および終点が、直前の上記スライド操作の終点となった領域内となることである。たとえば、C領域内を始点としD領域内を終点とするスライド操作が行われることによって、他設定画像変更部1358がアイコン群200内のアイコンを異なるアイコンへ変更した直後に、D領域内に始点および終点が含まれるタッチ操作が行われたとき、第2変更条件判断部1359は第2他設定画像変更条件を満たしたと判断し、この判断結果に基づいて、他設定画像変更部1358は変更されたアイコンをさらに異なるアイコンへ変更する。 The second change condition determination unit 1359, when the touch operation is performed on the icon changing quadrant R 4 after a change of the icon by the other set image changing unit 1358 is performed, the the touch operation is determined in advance 2. It is determined whether other setting image change conditions are satisfied. The second other set image change condition is, for example, that the next touch operation is performed immediately after the icon change by the other set image changing unit 1358 is performed by the slide operation that satisfies the first other set image change condition, and the touch is performed. That is, the start point and end point of the operation are within the region that is the end point of the previous slide operation. For example, immediately after the other setting image changing unit 1358 changes the icon in the icon group 200 to a different icon by performing a slide operation starting from the C area and ending in the D area, the starting point is set in the D area. When the touch operation including the end point is performed, the second change condition determination unit 1359 determines that the second other setting image change condition is satisfied, and the other setting image change unit 1358 is changed based on the determination result. Change the icon to a different icon.

本実施形態では、第2他設定画像変更条件には、他設定画像変更部1358によるアイコンの変更後、予め定められるリピート判断時間内に、タッチ操作が行われるという条件がさらに加わる。すなわち、第1他設定画像変更条件または第2他設定画像変更条件が満たされることによって他設定画像変更部1358よるアイコンの変更が行われた後、リピート判断時間内に、直前の上記スライド操作の終点となったアイコン変更作業領域Rに対してタッチ操作が行われたとき、第2他設定画像変更条件が満たされることになる。リピート判断時間は、たとえば、0.2秒間〜3秒間である。 In the present embodiment, a condition that a touch operation is performed within a predetermined repeat determination time after the icon is changed by the other setting image changing unit 1358 is further added to the second other setting image changing condition. In other words, after the first other setting image change condition or the second other setting image change condition is satisfied and the icon is changed by the other setting image changing unit 1358, the previous slide operation is performed within the repeat determination time. when the touch operation is performed on the icon changing quadrant R 4 became endpoint, so that the second other set image changing condition is satisfied. The repeat determination time is, for example, 0.2 seconds to 3 seconds.

他設定画像変更部1358によるアイコンの変更の方法について説明する。他設定画像変更部1358は、第1他設定画像変更条件が満たされたときにアイコンを変更する場合、上記スライド操作の向きに、図9に示すアイコンマップM上で、4つのアイコンをシフトさせる。図12に、アイコンのシフトの例を示す。図12(a)は、B領域内を始点としA領域内を終点とするスライド操作BAが行われたときのアイコンの変更の様子を示し、図12(b)は、D領域内を始点としC領域内を終点とするスライド操作DCが行われたときのアイコンの変更の様子を示している。   A method of changing icons by the other setting image changing unit 1358 will be described. When changing the icon when the first other setting image change condition is satisfied, the other setting image changing unit 1358 shifts the four icons on the icon map M shown in FIG. 9 in the direction of the slide operation. . FIG. 12 shows an example of icon shift. FIG. 12 (a) shows how the icon is changed when a slide operation BA is performed starting from the B area and ending in the A area, and FIG. 12 (b) is starting from the D area. The state of the icon change when the slide operation DC with the end point in the area C is performed is shown.

アイコンの変更の方法は、具体的には、以下のとおりとなる。左上のアイコン表示領域Rに表示中のアイコンに対応するアイコン座標値が(X,Y)であり、右上が(MOD(X+1,4),Y)であり、左下が(X,MOD(Y+1,5))であり、右下が(MOD(X+1,4),MOD(Y+1,5))である場合において、A領域内を始点としB領域内を終点とする、下向きのスライド操作が行われたときには、各アイコン座標値のY座標値に+1して、4つのアイコンを下へシフトさせる。同様に、B領域内を始点としA領域内を終点とする、上向きのスライド操作が行われたときには、各アイコン座標値のY座標値に−1して、4つのアイコンを上へシフトさせる。また同様に、C領域内を始点としD領域内を終点とする、右向きのスライド操作が行われたときには、各アイコン座標値のX座標値に+1して、4つのアイコンを右へシフトさせる。また同様に、D領域内を始点としC領域内を終点とする、左向きのスライド操作が行われたときには、各アイコン座標値のX座標値に−1して、4つのアイコンを左へシフトさせる。なお、本実施形態では、シフトの前後でアイコン表示領域Rに表示されるアイコンが一部重複するように、+1,−1としているが、+1,−1の代わりに、+2,−2として、重複しないようにしてもよい。 Specifically, the method for changing the icon is as follows. An icon coordinate value corresponding to the icon displayed on the upper left of the icon display area R 3 is (X 2, Y 2), upper right (MOD (X 2 +1,4), Y 2) is, the lower left ( X 2 , MOD (Y 2 +1, 5)) and the lower right is (MOD (X 2 +1, 4), MOD (Y 2 +1, 5)) When a downward slide operation with the inside as the end point is performed, the Y coordinate value of each icon coordinate value is incremented by 1, and the four icons are shifted downward. Similarly, when an upward slide operation is performed with the B area as the start point and the A area as the end point, the Y coordinate value of each icon coordinate value is set to −1, and the four icons are shifted upward. Similarly, when a rightward slide operation is performed with the start in the C region and the end in the D region, the X coordinate value of each icon coordinate value is incremented by 1, and the four icons are shifted to the right. Similarly, when a leftward slide operation is performed with the D region as the start point and the C region as the end point, the X coordinate value of each icon coordinate value is set to −1 and the four icons are shifted to the left. . In the present embodiment, as icons that appear before and after the shift in the icon display area R 3 partially overlap, + 1, although the -1, +1, instead of -1, + 2, as -2 , They may not overlap.

次に、第2他設定画像変更条件が満たされた場合におけるアイコンの変更について説明する。他設定画像変更部1358は、第2他設定画像変更条件が満たされたときにアイコンを変更する場合、第2他設定画像変更条件を満たすタッチ操作の直前のスライド操作の向きに、図9に示すアイコンマップM上で、4つのアイコンをシフトさせる。すなわち、直前のスライド操作によるアイコンの変更をリピートさせる。図13に、アイコンの変更のリピートの例を示す。図13(a)は、B領域内を始点としA領域内を終点とするスライド操作BAが行われた後に、第2他設定画像変更条件を満たすタッチ操作AA(A領域内を始点および終点とするタッチ操作AA)が行われて、アイコンの変更がリピートされるときの様子を示し、図13(b)は、D領域内を始点としC領域内を終点とするスライド操作DCが行われた後に、第2他設定画像変更条件を満たすタッチ操作CC(C領域内を始点および終点とするタッチ操作CC)が行われて、アイコンの変更がリピートされるときの様子を示している。   Next, an icon change when the second other setting image change condition is satisfied will be described. When changing the icon when the second other setting image change condition is satisfied, the other setting image changing unit 1358 changes to the direction of the slide operation immediately before the touch operation that satisfies the second other setting image changing condition, as shown in FIG. Four icons are shifted on the icon map M shown. That is, the icon change by the previous slide operation is repeated. FIG. 13 shows an example of icon change repeat. FIG. 13A shows a touch operation AA (starting and ending points in the A area satisfying the second other setting image change condition) after the slide operation BA starting in the B area and ending in the A area is performed. The touch operation AA) is performed and the icon change is repeated, and FIG. 13B shows a slide operation DC in which the D area is the start point and the C area is the end point. Later, the touch operation CC satisfying the second other setting image change condition (the touch operation CC having the inside of the C area as the start point and the end point) is performed, and the state where the icon change is repeated is shown.

以上のように構成される表示システム10の動作を、図14Aおよび図14Bのフローチャートで示す。まず、ステップT1では、カウンターを0にセットする。このカウンターは、他設定画像表示条件を満たすためのタッチ操作の回数をカウントするためのものである。ステップT2では、タイマー1およびタイマー2をともに未セット状態にする。タイマー1は表示条件判断時間の測定のためのものであり、タイマー2はリピート判断時間の測定のためのものである。   The operation of the display system 10 configured as described above is shown in the flowcharts of FIGS. 14A and 14B. First, in step T1, the counter is set to zero. This counter is for counting the number of touch operations to satisfy other setting image display conditions. In step T2, both timer 1 and timer 2 are set to the unset state. The timer 1 is for measuring the display condition judgment time, and the timer 2 is for measuring the repeat judgment time.

ステップT3では、呼出し判断フラグをOFFにする。呼出し判断フラグは、アイコン群を呼び出すかどうかを判断するための、後述するステップT17〜ステップT26の処理を行うためのフラグである。ステップT4では、リピートフラグをOFFにする。リピートフラグは、アイコンの変更をリピートするかどうかを判断するための、後述するステップT51〜ステップT55の処理を行うためのフラグである。ステップT5では、タッチ操作が検出されたか否かを判断する。タッチ操作が検出さればステップT6へ進み、タッチ操作が検出されなければステップT16へ進む。   In step T3, the call determination flag is turned OFF. The call determination flag is a flag for performing processing of Step T17 to Step T26 described later for determining whether or not to call an icon group. In step T4, the repeat flag is turned OFF. The repeat flag is a flag for performing processing from step T51 to step T55, which will be described later, for determining whether or not to repeat the icon change. In step T5, it is determined whether or not a touch operation has been detected. If a touch operation is detected, the process proceeds to step T6, and if a touch operation is not detected, the process proceeds to step T16.

ステップT6では、ステップT5で検出されたタッチ操作の行われた位置がツールバー画像内のいずれかのアイコン内であるか否かを判断する。より詳細には、ステップT5で検出されたタッチ操作の始点および終点が、ツールバー画像内のいずれか1つのアイコン内であるか否かを判断する。アイコン内であればステップT27へ進み、アイコン内でなければステップT7へ進む。   In step T6, it is determined whether or not the position where the touch operation detected in step T5 is performed is in any of the icons in the toolbar image. More specifically, it is determined whether or not the start point and the end point of the touch operation detected in step T5 are in any one icon in the toolbar image. If it is within the icon, the process proceeds to step T27, and if not within the icon, the process proceeds to step T7.

ステップT7では、ステップT5で検出されたタッチ操作の行われた位置がアイコン群内であるか否かを判断する。より詳細には、ステップT5で検出されたタッチ操作の始点がアイコン群内であるか否かを判断する。アイコン群内であればステップT29へ進み、アイコン群内でなければステップT8へ進む。   In step T7, it is determined whether or not the position where the touch operation detected in step T5 is performed is within the icon group. More specifically, it is determined whether or not the start point of the touch operation detected in step T5 is within the icon group. If it is within the icon group, the process proceeds to step T29, and if it is not within the icon group, the process proceeds to step T8.

ステップT8では、ステップT5で検出されたタッチ操作の行われた位置がアイコン変更作業領域内であるか否かを判断する。より詳細には、ステップT5で検出されたタッチ操作の始点がいずれか1つのアイコン変更作業領域内であるか否かを判断する。アイコン変更作業領域内であればステップT34へ進み、アイコン変更作業領域内でなければステップT9へ進む。   In step T8, it is determined whether or not the position where the touch operation detected in step T5 is performed is within the icon change work area. More specifically, it is determined whether or not the starting point of the touch operation detected in step T5 is within any one icon change work area. If it is within the icon change work area, the process proceeds to step T34, and if it is not within the icon change work area, the process proceeds to step T9.

ステップT9では、タイマー1が未セット状態であるか否かを判断する。未セット状態であればステップT10へ進み、既にセットされた状態であればステップT12へ進む。ステップT10では、タイマー1を0秒にセットする。0秒にセットされたタイマー1は、セット時点以降の時間を加算していく。ステップT11では、ステップT5で検出されたタッチ操作の始点の位置情報を、1stタッチ操作の始点の位置情報として格納する。   In Step T9, it is determined whether or not the timer 1 is not set. If it is not set, the process proceeds to step T10, and if it is already set, the process proceeds to step T12. In step T10, timer 1 is set to 0 seconds. The timer 1 set to 0 seconds adds the time after the set time. In step T11, the position information of the start point of the touch operation detected in step T5 is stored as the position information of the start point of the first touch operation.

ステップT12では、ステップT5で検出されたタッチ操作に基づいて、画面上に、当該タッチ操作の軌跡に対応する図形の描画を行う。ステップT13では、ステップT5で検出されたタッチ操作の始点の位置情報および終点の位置情報を、直前のタッチ操作の始点の位置情報および終点の位置情報として格納する。ステップT14では、呼出し判断フラグをONにする。ステップT15では、リピートフラグをOFFにし、ステップT5へ戻る。   In step T12, a figure corresponding to the locus of the touch operation is drawn on the screen based on the touch operation detected in step T5. In step T13, the position information of the start point and the end point of the touch operation detected in step T5 are stored as the position information of the start point and the end point of the previous touch operation. In step T14, the call determination flag is turned ON. In step T15, the repeat flag is turned OFF, and the process returns to step T5.

ステップT16では、呼出し判断フラグがONであるか否かを判断する。ONであればステップT17へ進み、OFFであればステップT5へ戻る。ステップT17では、ステップT11または後述するステップT26で格納した1stタッチ操作の始点の位置情報と、ステップT13で格納した直前のタッチ操作の始点の位置情報とが一致するか否かを判断する。一致であればステップT20へ進み、不一致であればステップT18へ進む。   In step T16, it is determined whether or not the call determination flag is ON. If it is ON, the process proceeds to step T17, and if it is OFF, the process returns to step T5. In step T17, it is determined whether or not the position information of the start point of the first touch operation stored in step T11 or step T26 described later matches the position information of the start point of the previous touch operation stored in step T13. If they match, the process proceeds to step T20, and if they do not match, the process proceeds to step T18.

ステップT18では、タイマー1の時間が表示条件判断時間以内であるか否かを判断する。表示条件判断時間は、たとえば0.3秒である。表示条件判断時間以内であればステップT19へ進み、表示条件判断時間を超えていればステップT24へ進む。   In step T18, it is determined whether or not the time of timer 1 is within the display condition determination time. The display condition determination time is, for example, 0.3 seconds. If it is within the display condition judgment time, the process proceeds to step T19, and if it exceeds the display condition judgment time, the process proceeds to step T24.

ステップT19では、ステップT11または後述するステップT26で格納した1stタッチ操作の始点の位置と、ステップT13で格納した直前のタッチ操作の始点の位置および終点の位置とが、ほぼ同じ位置であるか否かを判断する。より詳細には、ステップT11または後述するステップT26で格納した1stタッチ操作の始点を中心とする表示条件判断範囲内に、ステップT13で格納した直前のタッチ操作の始点および終点が含まれるか否かを判断する。ほぼ同じ位置であればステップT20へ進み、遠く離れた位置であればステップT24へ進む。   In step T19, whether or not the position of the start point of the first touch operation stored in step T11 or step T26, which will be described later, and the position of the start point and end point of the previous touch operation stored in step T13 are substantially the same. Determine whether. More specifically, whether or not the display condition determination range centered on the start point of the first touch operation stored in step T11 or step T26 described later includes the start point and end point of the previous touch operation stored in step T13. Judging. If the position is substantially the same, the process proceeds to step T20, and if the position is far away, the process proceeds to step T24.

ステップT20では、カウンターの値に+1をする。ステップT21では、カウンターの値が3以上であるか否かを判断する。3以上の場合は、他設定画像表示条件を満たす1st〜3rdタッチ操作が行われたということになる。3以上であればステップT22へ進み、3未満であればステップT23へ進む。ステップT22では、ステップT11または後述するステップT26で格納した1stタッチ操作の始点から所定の距離の範囲内に、アイコン群を呼び出す。ステップT23では、呼出し判断フラグをOFFにし、ステップT5へ戻る。   In step T20, the counter value is incremented by one. In step T21, it is determined whether or not the counter value is 3 or more. In the case of 3 or more, it means that the 1st to 3rd touch operations satisfying the other setting image display conditions have been performed. If it is 3 or more, the process proceeds to step T22, and if it is less than 3, the process proceeds to step T23. In step T22, an icon group is called within a predetermined distance from the start point of the first touch operation stored in step T11 or step T26 described later. In step T23, the call determination flag is turned OFF, and the process returns to step T5.

ステップT24では、カウンターの値を1にする。ステップT25では、タイマー1の時間を0秒にセットする。ステップT26では、ステップT13で格納した直前のタッチ操作の始点の位置情報を、1stタッチ操作の始点の位置情報として格納する。   In step T24, the counter value is set to 1. In Step T25, the timer 1 time is set to 0 seconds. In step T26, the position information of the start point of the last touch operation stored in step T13 is stored as the position information of the start point of the first touch operation.

ステップT27では、ツールバー画像内の、ステップT5で検出されたタッチ操作が行われたアイコンの機能を実行する。ステップT28では、アイコン群を呼出し中であるか否かを判断する。呼出し中であればステップT33へ進み、呼出し中でなければステップT15へ進む。   In step T27, the function of the icon in which the touch operation detected in step T5 is performed in the toolbar image is executed. In step T28, it is determined whether the icon group is being called. If it is calling, it will progress to step T33, and if it is not calling, it will progress to step T15.

ステップT29では、ステップT5で検出されたタッチ操作の始点および終点がアイコン群内のアイコン内に含まれるか否かを判断する。アイコン内であればステップT32へ進み、アイコン外であればステップT30へ進む。ステップT30では、ステップT5で検出されたタッチ操作の始点がアイコン群内の閉じるボタン画像内であるか否かを判断する。閉じるボタン画像内であればステップT33へ進み、ドラッグバー画像内であればステップT31へ進む。   In step T29, it is determined whether or not the start point and end point of the touch operation detected in step T5 are included in the icons in the icon group. If it is within the icon, the process proceeds to step T32. If it is outside the icon, the process proceeds to step T30. In step T30, it is determined whether or not the start point of the touch operation detected in step T5 is within the close button image in the icon group. If it is within the close button image, the process proceeds to step T33, and if it is within the drag bar image, the process proceeds to step T31.

ステップT31では、アイコン群を、ステップT5で検出されたタッチ操作の終点の位置までスライド移動させ、ステップT15へ進む。ステップT32では、アイコン群内の、ステップT5で検出されたタッチ操作が行われたアイコンの機能を実行する。ステップT33では、呼び出したアイコン群を消去する。   In step T31, the icon group is slid to the position of the end point of the touch operation detected in step T5, and the process proceeds to step T15. In step T32, the function of the icon in which the touch operation detected in step T5 is performed in the icon group is executed. In step T33, the called icon group is deleted.

ステップT34では、ステップT5で検出されたタッチ操作の始点および終点が、それぞれ、A〜D領域のうちのいずれのアイコン変更作業領域に含まれるかを確認する。ステップT35では、ステップT5で検出されたタッチ操作の始点および終点が、同じアイコン変更作業領域内であるか否かを判断する。同じであればステップT50へ進み、違っていればステップT36へ進む。   In step T34, it is confirmed which icon change work area of the A to D areas each includes the start point and the end point of the touch operation detected in step T5. In step T35, it is determined whether the start point and end point of the touch operation detected in step T5 are within the same icon change work area. If they are the same, the process proceeds to step T50, and if they are different, the process proceeds to step T36.

ステップT36では、ステップT5で検出されたタッチ操作の始点がB領域内であり、かつ、ステップT5で検出されたタッチ操作の終点がA領域内であるか否かを判断する。すなわち、上向きのスライド操作であるか否かを判断する。上向きのスライド操作であればステップT40へ進み、上向きのスライド操作でなければステップT37へ進む。   In step T36, it is determined whether or not the start point of the touch operation detected in step T5 is in the area B and the end point of the touch operation detected in step T5 is in the area A. That is, it is determined whether or not the slide operation is upward. If it is an upward slide operation, the process proceeds to step T40, and if it is not an upward slide operation, the process proceeds to step T37.

ステップT37では、ステップT5で検出されたタッチ操作の始点がA領域内であり、かつ、ステップT5で検出されたタッチ操作の終点がB領域内であるか否かを判断する。すなわち、下向きのスライド操作であるか否かを判断する。下向きのスライド操作であればステップT42へ進み、下向きのスライド操作でなければステップT38へ進む。   In step T37, it is determined whether or not the start point of the touch operation detected in step T5 is in the A area and the end point of the touch operation detected in step T5 is in the B area. That is, it is determined whether or not the slide operation is downward. If it is a downward slide operation, the process proceeds to step T42, and if it is not a downward slide operation, the process proceeds to step T38.

ステップT38では、ステップT5で検出されたタッチ操作の始点がD領域内であり、かつ、ステップT5で検出されたタッチ操作の終点がC領域内であるか否かを判断する。すなわち、左向きのスライド操作であるか否かを判断する。左向きのスライド操作であればステップT44へ進み、左向きのスライド操作でなければステップT39へ進む。   In step T38, it is determined whether or not the start point of the touch operation detected in step T5 is in the D region and the end point of the touch operation detected in step T5 is in the C region. That is, it is determined whether it is a leftward sliding operation. If it is a leftward sliding operation, the process proceeds to step T44, and if it is not a leftward sliding operation, the process proceeds to step T39.

ステップT39では、ステップT5で検出されたタッチ操作の始点がC領域内であり、かつ、ステップT5で検出されたタッチ操作の終点がD領域内であるか否かを判断する。すなわち、右向きのスライド操作であるか否かを判断する。右向きのスライド操作であればステップT46へ進み、右向きのスライド操作でなければステップT9へ進む。   In step T39, it is determined whether or not the start point of the touch operation detected in step T5 is in the C region and the end point of the touch operation detected in step T5 is in the D region. That is, it is determined whether or not the slide operation is directed to the right. If it is a rightward sliding operation, the process proceeds to step T46, and if it is not a rightward sliding operation, the process proceeds to step T9.

ステップT40では、呼出し中のアイコン群内のアイコンを上へシフトする。ステップT41では、A領域を、上へのシフトをリピートするためのタッチ操作の対象領域に設定し、ステップT48へ進む。   In step T40, the icons in the calling icon group are shifted upward. In step T41, the area A is set as a target area for the touch operation for repeating the upward shift, and the process proceeds to step T48.

ステップT42では、呼出し中のアイコン群内のアイコンを下へシフトする。ステップT43では、B領域を、下へのシフトをリピートするためのタッチ操作の対象領域に設定し、ステップT48へ進む。   In step T42, the icons in the calling icon group are shifted downward. In Step T43, the area B is set as a target area for a touch operation for repeating downward shift, and the process proceeds to Step T48.

ステップT44では、呼出し中のアイコン群内のアイコンを左へシフトする。ステップT45では、C領域を、左へのシフトをリピートするためのタッチ操作の対象領域に設定し、ステップT48へ進む。   In step T44, the icons in the calling icon group are shifted to the left. In Step T45, the area C is set as a target area for a touch operation for repeating the shift to the left, and the process proceeds to Step T48.

ステップT46では、呼出し中のアイコン群内のアイコンを右へシフトする。ステップT47では、D領域を、下へのシフトをリピートするためのタッチ操作の対象領域に設定し、ステップT48へ進む。   In step T46, the icons in the calling icon group are shifted to the right. In step T47, the area D is set as a target area for a touch operation for repeating downward shift, and the process proceeds to step T48.

ステップT48では、リピートフラグをONにする。ステップT49では、タイマー2を0秒にセットし、ステップT5へ戻る。0秒にセットされたタイマー2は、セット時点以降の時間を加算していく。   In step T48, the repeat flag is turned ON. In Step T49, the timer 2 is set to 0 second, and the process returns to Step T5. The timer 2 set to 0 seconds adds the time after the set time.

ステップT50では、リピートフラグがONであるか否かを判断する。ONであればステップT51へ進み、OFFであればステップT9へ進む。ステップT51では、タイマー2の時間がリピート判断時間内であるか否かを判断する。リピート判断時間は、たとえば0.5秒である。リピート判断時間以内であればステップT52へ進み、リピート判断時間を超えていればステップT9へ進む。   In step T50, it is determined whether or not the repeat flag is ON. If it is ON, the process proceeds to step T51, and if it is OFF, the process proceeds to step T9. In Step T51, it is determined whether or not the time of the timer 2 is within the repeat determination time. The repeat determination time is, for example, 0.5 seconds. If it is within the repeat determination time, the process proceeds to step T52. If the repeat determination time is exceeded, the process proceeds to step T9.

ステップT52では、リピートするためのタッチ操作の対象領域がA領域であり、かつ、ステップT5で検出されたタッチ操作の始点がA領域内であるか否かを判断する。A領域であればステップT40へ進み、A領域以外であればステップT53へ進む。   In step T52, it is determined whether the target area of the touch operation for repeating is the A area and the start point of the touch operation detected in step T5 is in the A area. If it is A area, it will progress to step T40, and if it is other than A area, it will progress to step T53.

ステップT53では、リピートするためのタッチ操作の対象領域がB領域であり、かつ、ステップT5で検出されたタッチ操作の始点がB領域内であるか否かを判断する。B領域であればステップT42へ進み、B領域以外であればステップT54へ進む。   In step T53, it is determined whether or not the target region of the touch operation for repeating is the B region, and the start point of the touch operation detected in step T5 is in the B region. If it is B area, it will progress to step T42, and if it is other than B area, it will progress to step T54.

ステップT54では、リピートするためのタッチ操作の対象領域がC領域であり、かつ、ステップT5で検出されたタッチ操作の始点がC領域内であるか否かを判断する。C領域であればステップT44へ進み、C領域以外であればステップT55へ進む。   In step T54, it is determined whether or not the target area of the touch operation for repeating is the C area and the start point of the touch operation detected in step T5 is in the C area. If it is C area, it will progress to step T44, and if it is other than C area, it will progress to step T55.

ステップT55では、リピートするためのタッチ操作の対象領域がD領域であり、かつ、ステップT5で検出されたタッチ操作の始点がD領域内であるか否かを判断する。D領域であればステップT46へ進み、D領域以外であればステップT9へ進む。   In step T55, it is determined whether or not the target area of the touch operation for repeating is the D area and the start point of the touch operation detected in step T5 is in the D area. If it is the D region, the process proceeds to step T46, and if it is not the D region, the process proceeds to step T9.

表示システム10は、このようなステップT1〜T55により、他設定画像表示制御部1352によって、他設定画像表示条件を満たす1stタッチ操作の位置から特定の範囲内に、他設定画像、すなわち、設定中の表示設定情報とは異なる機能に対応するアイコンを、表示させることができる。さらに、このアイコンから特定の距離内に設定されるアイコン変更作業領域に対するタッチ操作を行うことにより、他設定画像変更部1358によって、このアイコンをそれ以外の他設定画像(アイコン)へと変更することができる。したがって、ユーザは、タッチ操作についての表示設定を容易に変更することができる。   In steps T1 to T55, the display system 10 causes the other setting image display control unit 1352 to set another setting image, that is, being set, within a specific range from the position of the first touch operation that satisfies the other setting image display condition. Icons corresponding to functions different from the display setting information can be displayed. Further, by performing a touch operation on an icon change work area set within a specific distance from this icon, the other setting image changing unit 1358 changes this icon to another setting image (icon). Can do. Therefore, the user can easily change the display setting for the touch operation.

また本実施形態では、他設定画像表示制御部1352によって、2つ以上の他設定画像(アイコン)が表示される。したがって、ユーザは、2つ以上のアイコンのうち、任意の1つのアイコンを選択し、表示設定を変更することができる。   In the present embodiment, the other setting image display control unit 1352 displays two or more other setting images (icons). Therefore, the user can select any one of the two or more icons and change the display setting.

また本実施形態では、他設定画像(アイコン)を跨ぐようなスライド操作であるときに、他設定画像変更部1358によって、このアイコンがそれ以外の他設定画像(アイコン)へと変更される。したがって、ユーザは、直感的なタッチ操作により、アイコンの変更を行うことができる。   In the present embodiment, when a slide operation is performed over another setting image (icon), the other setting image changing unit 1358 changes this icon to another setting image (icon). Therefore, the user can change the icon by an intuitive touch operation.

また本実施形態では、他設定画像変更部1358により他設定画像(アイコン)が変更された後、第2他設定画像変更条件を満たすタッチ操作を行うことにより、変更されたアイコンをそれ以外の他設定画像(アイコン)へと変更することができる。   In the present embodiment, after the other setting image (icon) is changed by the other setting image changing unit 1358, the touch operation that satisfies the second other setting image changing condition is performed, whereby the changed icon is changed to the other icons. It can be changed to a setting image (icon).

また本実施形態では、他設定画像(アイコン)を跨ぐようなスライド操作を行うことで他設定画像変更部1358により他設定画像(アイコン)が変更された直後、そのスライド操作の終点の位置に対して次のタッチ操作を行うことにより、上記スライド操作によるアイコンの変更をリピートし、変更されたアイコンをそれ以外の他設定画像(アイコン)へと変更することができる。   In the present embodiment, immediately after the other setting image (icon) is changed by the other setting image changing unit 1358 by performing a sliding operation straddling the other setting image (icon), the position of the end point of the slide operation is set. By performing the next touch operation, the icon change due to the slide operation can be repeated, and the changed icon can be changed to another setting image (icon).

また本実施形態では、消去用画像である×ボタン画像に対してタッチ操作を行うことで、他設定画像(アイコン)を消去することができる。また、移動用画像であるドラッグバー画像に対してタッチ操作を行うことで、アイコンを移動させることができる。   In the present embodiment, the other setting image (icon) can be erased by performing a touch operation on the x button image that is an erasing image. In addition, the icon can be moved by performing a touch operation on the drag bar image that is the moving image.

上記表示システム10の制御部13に記憶される表示プログラムは、タッチパネル部および表示部を備えるコンピュータを表示システム10として機能させるプログラムである。この表示プログラムは、従来公知の、コンピュータ読み取り可能な記録媒体に記録できる。上記表示プログラムを記録媒体に記録することで、表示プログラムに基づく処理を実行するためのプログラムコード(実行形式プログラム、中間コードプログラム、ソースプログラムなど)を記録した記録媒体を持ち運び自在に提供することができる。   The display program stored in the control unit 13 of the display system 10 is a program that causes a computer including a touch panel unit and a display unit to function as the display system 10. This display program can be recorded on a conventionally known computer-readable recording medium. By recording the display program on a recording medium, it is possible to provide a portable recording medium on which a program code (execution format program, intermediate code program, source program, etc.) for executing processing based on the display program is recorded. it can.

なお、記録媒体は、マイクロコンピュータが処理を行うためのメモリ、たとえばROM(Read Only Memory)のようなプログラムメディアであってもよいし、または、コンピュータが外部記憶装置として備えるプログラム読取装置に挿入することで読み取られるプログラムメディアであってもよい。   The recording medium may be a memory for the microcomputer to perform processing, for example, a program medium such as a ROM (Read Only Memory), or may be inserted into a program reading device provided as an external storage device in the computer. It may be a program medium that can be read.

記録媒体に格納されているプログラムは、マイクロプロセッサが記録媒体にアクセスして実行する方式であってもよいし、または、マイクロプロセッサが記録媒体からプログラムコードを読み出し、読み出されたプログラムコードがマイクロコンピュータのプログラム記憶エリアにダウンロードされることで、そのプログラムが実行される方式であってもよい。このダウンロード用のプログラムは予め本体装置に格納されているものとする。   The program stored in the recording medium may be a system in which the microprocessor accesses the recording medium and executes the program, or the microprocessor reads the program code from the recording medium, and the read program code is the micro program. The program may be executed by being downloaded to the program storage area of the computer. It is assumed that this download program is stored in the main device in advance.

ここで、上記プログラムメディアは、本体と分離可能に構成される記録媒体であり、磁気テープ、カセットテープなどのテープ系、フレキシブルディスク、ハードディスクなどの磁気ディスク、CD−ROM(Compact Disc - Read Only Memory)、MO(Magneto Optical disc)、MD(Mini Disc)、DVD(Digital Versatile Disc)などの光ディスクのディスク系、ICカード(メモリカードを含む)、光カードなどのカード系、あるいはマスクROM、EPROM(Erasable Programmable Read Only Memory)、EEPROM(登録商標)、フラッシュROMなどによる半導体メモリを含めた固定的にプログラムコードを担持する媒体であってもよい。   Here, the program medium is a recording medium configured to be separable from the main body, and includes a tape system such as a magnetic tape and a cassette tape, a magnetic disk such as a flexible disk and a hard disk, and a CD-ROM (Compact Disc-Read Only Memory). ), Optical disk such as MO (Magneto Optical disc), MD (Mini Disc), DVD (Digital Versatile Disc), card system such as IC card (including memory card), optical card, mask ROM, EPROM ( It may be a medium carrying a fixed program code including a semiconductor memory such as an Erasable Programmable Read Only Memory), an EEPROM (registered trademark), or a flash ROM.

また、コンピュータが、インターネットを含む通信ネットワークを接続可能なシステム構成であれば、記録媒体は、通信ネットワークからプログラムコードをダウンロードするように、流動的にプログラムコードを担持する媒体であってもよい。なお、このように通信ネットワークからプログラムをダウンロードする場合には、そのダウンロード用のプログラムは予め本体装置に格納しておくか、または他の記録媒体からインストールしておく。また、上記表示プログラムは、上記プログラムコードが電子的な伝送で具現化された、搬送波に埋め込まれたコンピュータデータ信号の形態でも実現され得る。   In addition, if the computer has a system configuration capable of connecting to a communication network including the Internet, the recording medium may be a medium that dynamically carries the program code so as to download the program code from the communication network. When the program is downloaded from the communication network as described above, the download program is stored in the main device in advance or installed from another recording medium. The display program can also be realized in the form of a computer data signal embedded in a carrier wave in which the program code is embodied by electronic transmission.

10 表示システム
11 表示部
12 タッチパネル部
13 制御部
131 タッチ操作画像制御部
132 全表示設定記憶部
133 表示設定格納部
134 第1変更部
135 第2変更部
1351 表示条件判断部
1352 他設定画像表示制御部
1353 第2取得判断部
1354 第2位置判断部
1355 第2表示設定変更部
1356 他設定画像変更作業領域設定部
1357 第1変更条件判断部
1358 他設定画像変更部
1359 第2変更条件判断部
DESCRIPTION OF SYMBOLS 10 Display system 11 Display part 12 Touch panel part 13 Control part 131 Touch operation image control part 132 All display setting memory | storage part 133 Display setting storage part 134 1st change part 135 2nd change part 1351 Display condition judgment part 1352 Other setting image display control Unit 1353 second acquisition determination unit 1354 second position determination unit 1355 second display setting change unit 1356 other setting image change work area setting unit 1357 first change condition determination unit 1358 other setting image change unit 1359 second change condition determination unit

Claims (5)

画面に対するタッチ操作が行われたときに、各タッチ操作に対応する図形を、画像として画面に表示する表示システムにおいて、
画面に画像を表示する表示部と、
前記画面に対するタッチ操作が行われた位置を示す情報である位置情報を取得するタッチパネル部と、
前記表示部および前記タッチパネル部を制御する制御部であって、
複数の表示設定情報を記憶する全表示設定記憶部と、
タッチ操作と表示される図形との対応関係を、そのタッチ操作が行われる前に予め定める情報として、前記複数の表示設定情報のうちのいずれか1つの表示設定情報を格納する表示設定格納部と、
タッチ操作が行われたときに、そのタッチ操作についての位置情報が示す位置に、前記表示設定格納部に格納される表示設定情報に従って、そのタッチ操作に対応する図形を画像として表示させるタッチ操作画像表示制御部と、
前記表示設定格納部に格納される表示設定情報を変更するための変更部とを含む制御部とを備え、
前記変更部は、
タッチ操作が行われたときに、そのタッチ操作が予め定められる他設定画像表示条件を満たすか否かを判断する表示条件判断部と、
タッチ操作が前記他設定画像表示条件を満たすときに、前記複数の表示設定情報のうちの前記表示設定格納部に格納される表示設定情報とは異なる他の表示設定情報を表した画像である他設定画像を、前記他設定画像表示条件を満たすタッチ操作についての位置情報が示す位置からの距離が予め定められる特定範囲内の領域である他設定画像表示領域に、表示させる他設定画像表示制御部と、
前記他設定画像の表示中に位置情報が取得されたか否かを判断する取得判断部と、
前記他設定画像の表示中に位置情報が取得されたときに、その位置情報が示す位置が前記他設定画像表示領域内であるか否かを判断する位置判断部と、
前記他設定画像の表示中に取得された位置情報が示す位置が前記他設定画像表示領域内であるときに、前記表示設定格納部に格納される表示設定情報を、前記他設定画像によって表される他の表示設定情報へ変更する表示設定変更部と、
前記他設定画像表示領域から予め定める特定距離の範囲内に、他設定画像変更作業領域を設定する他設定画像変更作業領域設定部と、
前記他設定画像変更作業領域に対してタッチ操作が行われたときに、そのタッチ操作が予め定められる他設定画像変更条件を満たすか否かを判断する変更条件判断部と、
タッチ操作が前記他設定画像変更条件を満たすときに、前記他設定画像を、異なる他設定画像に変更する他設定画像変更部と、を含み、
前記変更部は、前記他設定画像変更部による変更が行われた後に前記他設定画像変更作業領域に対してタッチ操作が行われたときに、そのタッチ操作が予め定められる第2他設定画像変更条件を満たすか否かを判断する第2変更条件判断部を含み、
前記他設定画像変更部は、タッチ操作が前記第2他設定画像変更条件を満たすときに、前記他設定画像を、異なる他設定画像に変更することを特徴とする表示システム。
In a display system that displays a figure corresponding to each touch operation as an image on the screen when a touch operation is performed on the screen,
A display for displaying an image on the screen;
A touch panel unit that acquires position information that is information indicating a position where a touch operation on the screen is performed;
A control unit for controlling the display unit and the touch panel unit,
An all display setting storage unit for storing a plurality of display setting information;
A display setting storage unit that stores any one of the plurality of display setting information as the predetermined information before the touch operation is performed with respect to the correspondence between the touch operation and the displayed graphic; ,
A touch operation image that, when a touch operation is performed, displays a graphic corresponding to the touch operation as an image at a position indicated by the position information about the touch operation according to the display setting information stored in the display setting storage unit A display control unit;
A control unit including a change unit for changing the display setting information stored in the display setting storage unit,
The changing unit is
A display condition determination unit for determining whether or not the touch operation satisfies a predetermined other setting image display condition when the touch operation is performed;
When the touch operation satisfies the other setting image display condition, the display setting information is different from the display setting information stored in the display setting storage unit among the plurality of display setting information. Other setting image display control unit for displaying the setting image in the other setting image display area which is an area within a specific range in which the distance from the position indicated by the position information about the touch operation satisfying the other setting image display condition is predetermined. When,
An acquisition determination unit that determines whether position information is acquired during display of the other setting image;
A position determination unit that determines whether the position indicated by the position information is within the other setting image display area when the position information is acquired during display of the other setting image;
When the position indicated by the position information acquired during display of the other setting image is within the other setting image display area, the display setting information stored in the display setting storage unit is represented by the other setting image. A display setting changing section for changing to other display setting information.
An other setting image change work area setting unit for setting the other setting image change work area within a predetermined distance from the other setting image display area;
When a touch operation is performed on the other setting image change work area, a change condition determination unit that determines whether the touch operation satisfies a predetermined other setting image change condition;
When the touch operation is the other setting image change condition is satisfied, the other setting image, viewed including the other set image changing unit for changing to a different other setting image, a
The change unit is configured to change a second other setting image in which the touch operation is predetermined when the touch operation is performed on the other setting image change work area after the change by the other setting image changing unit. Including a second change condition determination unit for determining whether or not the condition is satisfied;
The other setting image changing unit changes the other setting image to a different other setting image when a touch operation satisfies the second other setting image changing condition .
前記全表示設定記憶部は、前記複数の表示設定情報として、4つ以上の表示設定情報を記憶し、
前記他設定画像表示制御部は、2つ以上、かつ、前記全表示設定記憶部に記憶される表示設定情報の総数よりも2つ小さい数以下の予め定められる数の、互いに重複しない前記他設定画像表示領域に、この予め定められる数の前記他設定画像をそれぞれ表示させ、
前記表示設定変更部は、前記他設定画像の表示中に取得された位置情報が示す位置が前記予め定められる数の前記他設定画像表示領域のうちのいずれか1つの領域内であれば、その1つの領域に表示される前記他設定画像によって表される他の表示設定情報へ、前記表示設定格納部に格納される表示設定情報を変更することを特徴とする請求項1に記載の表示システム。
The all display setting storage unit stores four or more display setting information as the plurality of display setting information,
The other setting image display control unit has a predetermined number of two or more and a number smaller than the total number of display setting information stored in the all display setting storage unit by a predetermined number that do not overlap each other. In the image display area, the predetermined number of the other setting images are respectively displayed,
If the position indicated by the position information acquired during display of the other setting image is within any one of the predetermined number of other setting image display areas, the display setting changing unit The display system according to claim 1, wherein the display setting information stored in the display setting storage unit is changed to other display setting information represented by the other setting image displayed in one area. .
前記他設定画像変更作業領域設定部は、前記他設定画像表示領域を挟むように、他設定画像変更作業領域を設定し、
前記変更条件判断部は、前記他設定画像変更作業領域に対するタッチ操作が、一方の他設定画像変更作業領域から他方の他設定画像変更作業領域へのスライド操作であるときに、そのタッチ操作は前記他設定画像変更条件を満たすと判断することを特徴とする請求項1または2に記載の表示システム。
The other setting image change work area setting unit sets the other setting image change work area so as to sandwich the other setting image display area,
When the touch operation on the other set image change work area is a slide operation from one other set image change work area to the other other set image change work area, the change condition determination unit The display system according to claim 1, wherein it is determined that the other setting image change condition is satisfied.
前記第2変更条件判断部は、前記他設定画像変更部による変更が行われた後に前記他方の他設定画像変更作業領域に対してタッチ操作が行われたときに、そのタッチ操作は前記第2他設定画像変更条件を満たすと判断することを特徴とする請求項3に記載の表示システム。
The second change condition determination unit is configured such that when a touch operation is performed on the other other setting image change work area after the change by the other setting image changing unit, the touch operation is performed by the second setting image changing unit. The display system according to claim 3, wherein it is determined that the other setting image change condition is satisfied.
タッチパネル部および表示部を備えるコンピュータを、請求項1〜のいずれか1つに記載の表示システムとして機能させることを特徴とする表示プログラム。 A display program that causes a computer including a touch panel unit and a display unit to function as the display system according to any one of claims 1 to 4 .
JP2011254417A 2011-11-21 2011-11-21 Display system and display program Active JP5852857B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2011254417A JP5852857B2 (en) 2011-11-21 2011-11-21 Display system and display program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2011254417A JP5852857B2 (en) 2011-11-21 2011-11-21 Display system and display program

Publications (2)

Publication Number Publication Date
JP2013109595A JP2013109595A (en) 2013-06-06
JP5852857B2 true JP5852857B2 (en) 2016-02-03

Family

ID=48706279

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2011254417A Active JP5852857B2 (en) 2011-11-21 2011-11-21 Display system and display program

Country Status (1)

Country Link
JP (1) JP5852857B2 (en)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP6078243B2 (en) * 2012-07-04 2017-02-08 シャープ株式会社 Display system and display program
JP6221293B2 (en) * 2013-03-27 2017-11-01 富士通株式会社 Information processing apparatus, information processing method, and program
CN104516618B (en) * 2013-09-27 2020-01-14 中兴通讯股份有限公司 Interface function analysis display method and device
JP5977768B2 (en) * 2014-01-14 2016-08-24 シャープ株式会社 Image display apparatus and operation method thereof

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP3043632B2 (en) * 1996-09-19 2000-05-22 北海道日本電気ソフトウェア株式会社 Toolbar display system
JP4171770B1 (en) * 2008-04-24 2008-10-29 任天堂株式会社 Object display order changing program and apparatus
JP5353219B2 (en) * 2008-12-12 2013-11-27 大日本印刷株式会社 Board writing system, computer apparatus and program

Also Published As

Publication number Publication date
JP2013109595A (en) 2013-06-06

Similar Documents

Publication Publication Date Title
US9612670B2 (en) Explicit touch selection and cursor placement
US9009621B2 (en) Method for providing user interface for controlling game
JP5658552B2 (en) Display control apparatus, control method therefor, program, and recording medium
TWI655572B (en) Information processing device, information processing method and computer readable recording medium
JP2009037583A (en) Space restriction type marking menu for portable equipment
JP5864319B2 (en) Electronic device, method for controlling electronic device, and program for controlling electronic device
JP5852857B2 (en) Display system and display program
CN104281360A (en) Edit processing apparatus and edit processing program
JP6078243B2 (en) Display system and display program
KR20150004253A (en) Method for controlling mobile device, recording medium storing program to implement the method, distributing server for distributing application, and mobile device
US20150012856A1 (en) Electronic device and method for displaying user interface for one handed operation
JP5875262B2 (en) Display control device
CN110096207B (en) Display device, operation method of display device, and computer-readable non-volatile storage medium
JP2011232881A (en) Image processor, display device, image processing method, image processing program and recording medium
JP5779422B2 (en) Display system and display program
US20170351423A1 (en) Information processing apparatus, information processing method and computer-readable storage medium storing program
JP2008243025A (en) Information processor, method and computer program
JP6429692B2 (en) Electronics
JP5908326B2 (en) Display device and display program
JP6087602B2 (en) Electronic blackboard
JP2016110329A (en) Display input device and display method
JP6362110B2 (en) Display control device, control method therefor, program, and recording medium
CN110531902B (en) Information processing apparatus, information processing method, and recording medium
JP2012221066A (en) Display system and display program
JP6434339B2 (en) Electronic device, control method, and control program

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20140918

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20150610

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20150616

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20150806

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20150901

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20151028

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: 20151117

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20151207

R150 Certificate of patent or registration of utility model

Ref document number: 5852857

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150