JP6376105B2 - Display device and display control program - Google Patents

Display device and display control program Download PDF

Info

Publication number
JP6376105B2
JP6376105B2 JP2015215246A JP2015215246A JP6376105B2 JP 6376105 B2 JP6376105 B2 JP 6376105B2 JP 2015215246 A JP2015215246 A JP 2015215246A JP 2015215246 A JP2015215246 A JP 2015215246A JP 6376105 B2 JP6376105 B2 JP 6376105B2
Authority
JP
Japan
Prior art keywords
icon
display
unit
point
control unit
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Expired - Fee Related
Application number
JP2015215246A
Other languages
Japanese (ja)
Other versions
JP2017084308A (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.)
Kyocera Document Solutions Inc
Original Assignee
Kyocera Document Solutions Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Kyocera Document Solutions Inc filed Critical Kyocera Document Solutions Inc
Priority to JP2015215246A priority Critical patent/JP6376105B2/en
Publication of JP2017084308A publication Critical patent/JP2017084308A/en
Application granted granted Critical
Publication of JP6376105B2 publication Critical patent/JP6376105B2/en
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Description

本発明は、表示装置および表示制御プログラムに関し、特に複数のアイコンが配置された操作画面を表示する技術に関する。   The present invention relates to a display device and a display control program, and more particularly to a technique for displaying an operation screen on which a plurality of icons are arranged.

スマートフォンなどの表示装置は、様々な機能に関連付けられた略正方形のアイコンが配置された操作画面を表示する。ユーザーは、当該操作画面において所望のアイコンを選択することで、表示装置に所望の機能を実行させることができる（例えば、下記の特許文献１を参照）。また、ユーザーは、アイコンをスライド操作することで、操作画面に配置されたアイコンの配置位置を変更することができる。   A display device such as a smartphone displays an operation screen on which substantially square icons associated with various functions are arranged. The user can cause the display device to execute a desired function by selecting a desired icon on the operation screen (see, for example, Patent Document 1 below). In addition, the user can change the arrangement position of the icon arranged on the operation screen by sliding the icon.

特開２００９−２９４８５０号公報JP 2009-294850 A

上記のように、アイコンをスライド操作することで操作画面に配置されたアイコンの配置位置を変更することができる。しかしながら、このような複数のアイコンが配置された操作画面においては、アイコンの配置位置を変更するだけでなく、アイコンに関して様々な操作を行えることが求められている。例えば、アイコンの配置位置を維持したままそのアイコンと同じ機能が関連付けられた他のアイコンを他の配置位置に配置したいというユーザーの要望があるが、上記の表示装置ではこの要望に応えることはできない。   As described above, the icon placement position can be changed by sliding the icon. However, in such an operation screen on which a plurality of icons are arranged, it is required not only to change the arrangement position of the icons but also to perform various operations on the icons. For example, there is a user's desire to place another icon associated with the same function as the icon while maintaining the icon placement position, but the above display device cannot meet this demand. .

本発明は、上記の事情に鑑みなされたものであり、複数のアイコンが配置された操作画面において、新たな操作性を提供することを目的とする。   The present invention has been made in view of the above circumstances, and an object thereof is to provide new operability on an operation screen on which a plurality of icons are arranged.

本発明の一局面にかかる表示装置は、表示部と、前記表示部による表示動作を制御する表示制御部と、前記表示部の前面に配置されるタッチパネルと、前記タッチパネルに対するユーザー操作を受け付ける操作受付部と、前記操作受付部が受け付けた操作に応じた処理を実行する処理部と、を備え、前記表示制御部は、（i）前記表示部に、予め定められた機能が関連付けられた複数のアイコンを配置した操作画面を表示させ、（ii）前記操作受付部が前記複数のアイコンのうちの第１アイコン内の一点を始点としたスライド操作を受け付けた場合に、前記表示部に、前記第１アイコンの一部を前記スライド操作におけるスライド方向に向けて伸長させて表示させ、（iii）前記第１アイコンと前記スライド操作における終点との間隔が予め定められた長さ以上となった場合に、前記表示部に、前記伸長させた部分を前記第１アイコンから切り離した分離アイコンとして表示させ、前記処理部は、前記操作受付部が前記分離アイコンに対する選択操作を受け付けた場合に、前記第１アイコンに関連付けられた機能を実行する、表示装置である。   A display device according to one aspect of the present invention includes a display unit, a display control unit that controls a display operation by the display unit, a touch panel that is disposed in front of the display unit, and an operation reception that receives a user operation on the touch panel. And a processing unit that executes a process according to the operation received by the operation receiving unit, and the display control unit includes: (i) a plurality of predetermined functions associated with the display unit; (Ii) when the operation receiving unit receives a slide operation starting from one point in the first icon of the plurality of icons, the display unit displays the operation screen on which the icon is arranged. A part of one icon is extended and displayed in the slide direction in the slide operation, and (iii) an interval between the first icon and the end point in the slide operation is determined in advance. When the length exceeds a predetermined length, the display unit displays the expanded portion as a separated icon separated from the first icon, and the processing unit selects the operation for the separated icon. The display device executes a function associated with the first icon when an operation is received.

また、本発明の別の一局面にかかる表示制御プログラムは、コンピューターを、表示部による表示動作を制御する表示制御部と、前記表示部の前面に配置されたタッチパネルに対するユーザー操作を受け付ける操作受付部と、前記操作受付部が受け付けた操作に応じた処理を実行する処理部として機能させ、更に、前記表示制御部が、（i）前記表示部に、予め定められた機能が関連付けられた複数のアイコンを配置した操作画面を表示させ、（ii）前記操作受付部が前記複数のアイコンのうちの第１アイコン内の一点を始点としたスライド操作を受け付けた場合に、前記表示部に、前記第１アイコンの一部を前記スライド操作におけるスライド方向に向けて伸長させて表示させ、（iii）前記第１アイコンと前記スライド操作における終点との間隔が予め定められた長さ以上となった場合に、前記表示部に、前記伸長させた部分を前記第１アイコンから切り離した分離アイコンとして表示させ、前記処理部が、前記操作受付部が前記分離アイコンに対する選択操作を受け付けた場合に、前記第１アイコンに関連付けられた機能を実行するようにコンピューターを機能させる表示制御プログラムである。   In addition, a display control program according to another aspect of the present invention includes a display control unit that controls a display operation by a display unit, and an operation reception unit that receives a user operation on a touch panel disposed in front of the display unit. And function as a processing unit that executes processing according to the operation received by the operation receiving unit, and the display control unit is further configured to: (i) a plurality of predetermined functions associated with the display unit; (Ii) when the operation receiving unit receives a slide operation starting from one point in the first icon of the plurality of icons, the display unit displays the operation screen on which the icon is arranged. A part of one icon is displayed in an extended direction in the slide direction in the slide operation, and (iii) the first icon and the end point in the slide operation When the interval is equal to or longer than a predetermined length, the display unit displays the expanded portion as a separated icon separated from the first icon, and the processing unit is configured to display the operation receiving unit. A display control program for causing a computer to function so as to execute a function associated with the first icon when a selection operation for a separation icon is received.

本発明によれば、複数のアイコンが配置された操作画面において、新たな操作性を提供することができる。   According to the present invention, new operability can be provided on an operation screen on which a plurality of icons are arranged.

本発明の一実施形態にかかる表示装置の外観を示す斜視図である。It is a perspective view which shows the external appearance of the display apparatus concerning one Embodiment of this invention. 本発明の一実施形態にかかる表示装置の内部構成を示すブロック図である。It is a block diagram which shows the internal structure of the display apparatus concerning one Embodiment of this invention. （Ａ）および（Ｂ）は、本発明の一実施形態にかかる表示装置に対して入力される操作、および、表示装置に表示される操作画面の一例を示す図である。(A) And (B) is a figure which shows an example of operation input with respect to the display apparatus concerning one Embodiment of this invention, and the operation screen displayed on a display apparatus. （Ａ）および（Ｂ）は、本発明の一実施形態にかかる表示装置に対して入力される操作、および、表示装置に表示される操作画面の一例を示す図である。(A) And (B) is a figure which shows an example of operation input with respect to the display apparatus concerning one Embodiment of this invention, and the operation screen displayed on a display apparatus. （Ａ）は、本発明の一実施形態にかかる表示装置に対して入力される操作、および、表示装置に表示される操作画面の一例を示す図であり、（Ｂ）は、本発明の一実施形態にかかる表示装置に表示される操作画面の一例を示す図である。(A) is a figure which shows an example of operation input with respect to the display apparatus concerning one Embodiment of this invention, and the operation screen displayed on a display apparatus, (B) is one of this invention. It is a figure which shows an example of the operation screen displayed on the display apparatus concerning embodiment. 本発明の一実施形態にかかる表示装置に表示される操作画面の一例を示す図である。It is a figure which shows an example of the operation screen displayed on the display apparatus concerning one Embodiment of this invention. 本発明の一実施形態にかかる表示装置によるアイコンの伸長処理および合成処理における動作の流れを示すフローチャートである。It is a flowchart which shows the flow of operation | movement in the decompression | expansion process of an icon by the display apparatus concerning one Embodiment of this invention, and a synthetic | combination process. 本発明の一実施形態にかかる表示装置によるアイコンに対するユーザー操作の受付処理における動作の流れを示すフローチャートである。It is a flowchart which shows the flow of operation | movement in the reception process of the user operation with respect to the icon by the display apparatus concerning one Embodiment of this invention. 本発明の変形例２にかかる表示装置によるアイコンの伸長処理および合成処理における動作の流れを示すフローチャートである。It is a flowchart which shows the flow of operation | movement in the decompression | expansion process of an icon by the display apparatus concerning the modification 2 of this invention, and a synthetic | combination process. 本発明の変形例６にかかる表示装置において、記憶部に記憶されているデータの一例を示す図である。It is a figure which shows an example of the data memorize | stored in the memory | storage part in the display apparatus concerning the modification 6 of this invention.

以下、本発明の一実施形態にかかる表示装置について図面を参照して説明する。   Hereinafter, a display device according to an embodiment of the present invention will be described with reference to the drawings.

図１は、本発明の一実施形態にかかる表示装置の外観を示す斜視図である。図２は、本発明の一実施形態にかかる表示装置の内部構成を示すブロック図である。   FIG. 1 is a perspective view showing an appearance of a display device according to an embodiment of the present invention. FIG. 2 is a block diagram showing an internal configuration of the display device according to the embodiment of the present invention.

本発明の一実施形態にかかる表示装置１は、例えば、スマートフォンなどの携帯モバイル機器であって、表示部１０と、タッチパネル２０と、通信部３０と、記憶部４０と、制御ユニット１００とを備えている。これらの各構成は、互いにＣＰＵバスによりデータ又は信号の送受信が可能とされている。   A display device 1 according to an embodiment of the present invention is, for example, a portable mobile device such as a smartphone, and includes a display unit 10, a touch panel 20, a communication unit 30, a storage unit 40, and a control unit 100. ing. Each of these components can transmit / receive data or signals to / from each other via a CPU bus.

表示部１０は、液晶ディスプレイ（ＬＣＤ：Liquid Crystal Display）や有機ＥＬ（ＯＬＥＤ：Organic Light-Emitting Diode）などから構成される。図１に示すように、表示部１０は、複数のアイコンＡ１〜Ａ４が配置された操作画面Ｄ１を表示する。アイコンＡ１〜Ａ４は、それぞれ、表示装置１が備える予め定められた様々な機能が関連付けられており、関連付けられた機能を示す画像が描かれている。例えばアイコンＡ１は、メール機能に関連付けられている。またアイコンＡ４は、インターネットブラウザ機能に関連付けられている。   The display unit 10 includes a liquid crystal display (LCD), an organic EL (OLED: Organic Light-Emitting Diode), and the like. As shown in FIG. 1, the display unit 10 displays an operation screen D1 on which a plurality of icons A1 to A4 are arranged. The icons A1 to A4 are associated with various predetermined functions included in the display device 1, and images indicating the associated functions are drawn. For example, the icon A1 is associated with the mail function. The icon A4 is associated with the Internet browser function.

タッチパネル２０は、所謂抵抗膜方式や静電容量方式等のタッチパネルである。タッチパネル２０は、表示部１０の前面に配置され、表示部１０が表示する操作画面上におけるユーザーによる接触をその接触位置と共に検知する。タッチパネル２０は、ユーザーによる接触を検知すると、その接触点の座標位置を示す検知信号を制御ユニット１００の後述する操作受付部１０２などに出力する。このように、タッチパネル２０は、表示部１０が表示する操作画面に対するユーザー操作が入力される操作部としての役割を果たす。   The touch panel 20 is a so-called resistive film type or capacitive type touch panel. The touch panel 20 is disposed on the front surface of the display unit 10 and detects contact by the user on the operation screen displayed by the display unit 10 together with the contact position. When the touch panel 20 detects contact by the user, the touch panel 20 outputs a detection signal indicating the coordinate position of the contact point to an operation receiving unit 102 described later of the control unit 100. As described above, the touch panel 20 serves as an operation unit to which a user operation on the operation screen displayed on the display unit 10 is input.

なお、タッチパネル２０には、操作画面への直接の接触がなくても、ユーザーの指などが操作画面に対して一定距離まで接近した場合に当該指などを検出するタッチパネルも含まれる。このため、本実施形態でいう「接触」には、操作画面への接触がなくても指などが上記一定距離まで接近したことがタッチパネル２０の機能により検出される状態も、実質的に接触したとして含まれるものとする。   Note that the touch panel 20 includes a touch panel that detects a finger or the like when a user's finger or the like approaches a certain distance from the operation screen without direct contact with the operation screen. For this reason, in the “contact” in the present embodiment, even when there is no contact with the operation screen, the state in which the function of the touch panel 20 detects that the finger or the like has approached to the certain distance is substantially in contact. Shall be included.

また、表示装置１は、ユーザー操作が入力される操作部として、上記のタッチパネル２０に加えて物理キーを備えてもよい。当該物理キーには、例えば、矢印キー、Page Upキー、Page Downキーなどがある。   The display device 1 may include a physical key in addition to the touch panel 20 as an operation unit to which a user operation is input. Examples of the physical key include an arrow key, a page up key, and a page down key.

通信部３０は、不図示のＬＡＮチップなどの通信モジュールを備える通信インターフェイスである。表示装置１は、ネットワークを介してＰＣ（Personal Computer）などの他の情報処理装置と接続されており、通信部３０により接続されたＰＣなどとの間でデータの送受信を行う。   The communication unit 30 is a communication interface including a communication module such as a LAN chip (not shown). The display device 1 is connected to another information processing device such as a PC (Personal Computer) via a network, and transmits and receives data to and from the PC connected by the communication unit 30.

記憶部４０は、ＨＤＤ（Hard Disk Drive）などの大容量の記憶装置である。   The storage unit 40 is a large-capacity storage device such as an HDD (Hard Disk Drive).

制御ユニット１００は、ＣＰＵ(Central Processing Unit)、ＲＡＭ（Random Access Memory）、及びＲＯＭ（Read Only Memory）等から構成される。制御ユニット１００は、上記のＲＯＭ又は記憶部４０に記憶された表示制御プログラムが上記のＣＰＵに実行されることにより、制御部１０１、操作受付部１０２、表示制御部１０３、および通信制御部１０４として機能する。なお、制御ユニット１００の上記の各構成は、前述の表示制御プログラムに基づく動作によらず、それぞれハード回路により構成されてもよい。   The control unit 100 includes a CPU (Central Processing Unit), a RAM (Random Access Memory), a ROM (Read Only Memory), and the like. The control unit 100 is configured as a control unit 101, an operation receiving unit 102, a display control unit 103, and a communication control unit 104 by executing the display control program stored in the ROM or the storage unit 40 on the CPU. Function. In addition, each said structure of the control unit 100 may be comprised by a hard circuit, respectively, not based on the operation | movement based on the above-mentioned display control program.

制御部１０１は、表示装置１の全体的な動作制御を司る。制御部１０１は、表示部１０、タッチパネル２０、通信部３０、および記憶部４０などと接続されており、接続されている上記各構成の動作制御や、各構成との間での信号またはデータの送受信を行う。   The control unit 101 governs overall operation control of the display device 1. The control unit 101 is connected to the display unit 10, the touch panel 20, the communication unit 30, the storage unit 40, and the like, and controls the operation of each of the connected components and the signal or data between the components. Send and receive.

制御部１０１は、特に、後述する操作受付部１０２が受け付けた操作に応じた処理を実行する処理部としての役割を果たす。例えば、ユーザーによりタッチパネル機能を用いて図１に示すアイコンＡ１を選択する操作が入力され、操作受付部１０２がアイコンＡ１のタッチ操作（選択操作ともいう）を受け付けた場合に、制御部１０１は、アイコンＡ１に関連付けられたメール機能を実行する。具体的には、制御部１０１は、記憶部４０などに記憶されているメールプログラムを実行する。   In particular, the control unit 101 serves as a processing unit that executes processing according to an operation received by an operation receiving unit 102 described later. For example, when an operation for selecting the icon A1 illustrated in FIG. 1 is input by the user using the touch panel function and the operation reception unit 102 receives a touch operation (also referred to as a selection operation) of the icon A1, the control unit 101 The mail function associated with the icon A1 is executed. Specifically, the control unit 101 executes a mail program stored in the storage unit 40 or the like.

操作受付部１０２は、タッチパネル２０から出力される検知信号に基づき、ユーザーにより入力されたユーザー操作を特定する。そして、操作受付部１０２は、特定したユーザー操作を受け付け、当該ユーザー操作に対応する制御信号を制御部１０１、表示制御部１０３、および通信制御部１０４などに出力する。   The operation reception unit 102 specifies a user operation input by the user based on the detection signal output from the touch panel 20. Then, the operation reception unit 102 receives the specified user operation and outputs a control signal corresponding to the user operation to the control unit 101, the display control unit 103, the communication control unit 104, and the like.

ここでユーザー操作には、タッチ操作、スライド操作（フリック操作やスワイプ操作を含む）、ドラッグ操作、ピンチアウト操作、ピンチイン操作などがある。例えば、ユーザーがタッチパネル２０上に指を接触させ、その後その接触位置から指を離すと、タッチパネル２０は、接触を検知した位置を示す検知信号を操作受付部１０２に出力する。操作受付部１０２は、当該検知信号を受け、ユーザーにより入力されたユーザー操作がタッチ操作であることを特定し、当該タッチ操作を受け付ける。また、タッチパネル２０上に指を接触させた状態で指を移動させると、タッチパネル２０は、最初に接触を検出した初期位置から最後に接触を検出した最終位置までの各移動位置を示す検知信号を操作受付部１０２に出力する。操作受付部１０２は、当該検知信号を受け、ユーザーにより入力されたユーザー操作がスライド操作であることを特定し、当該スライド操作を受け付ける。   Here, user operations include a touch operation, a slide operation (including a flick operation and a swipe operation), a drag operation, a pinch-out operation, a pinch-in operation, and the like. For example, when the user touches the touch panel 20 with a finger and then releases the finger from the contact position, the touch panel 20 outputs a detection signal indicating the position where the contact is detected to the operation receiving unit 102. The operation reception unit 102 receives the detection signal, specifies that the user operation input by the user is a touch operation, and receives the touch operation. In addition, when the finger is moved in a state where the finger is in contact with the touch panel 20, the touch panel 20 receives a detection signal indicating each movement position from the initial position at which contact is first detected to the last position at which contact is finally detected. Output to the operation reception unit 102. The operation reception unit 102 receives the detection signal, specifies that the user operation input by the user is a slide operation, and receives the slide operation.

通信制御部１０４は、通信部３０による通信動作を制御する機能を有する。   The communication control unit 104 has a function of controlling the communication operation by the communication unit 30.

表示制御部１０３は、表示部１０による表示動作を制御する機能を有する。表示制御部１０３は、操作画面Ｄ１に配置されたアイコンＡ１〜Ａ４の形状を変更する処理を行う。具体的には、表示制御部１０３は、アイコンＡ１〜Ａ４の何れかのアイコンに対するスライド操作を操作受付部１０２が受け付けた場合、当該スライド操作がなされたアイコンの一部をスライド操作におけるスライド方向に向けて伸長させる処理を行い、当該伸長後のアイコンを表示部１０に表示させる。   The display control unit 103 has a function of controlling the display operation by the display unit 10. The display control unit 103 performs a process of changing the shapes of the icons A1 to A4 arranged on the operation screen D1. Specifically, when the operation receiving unit 102 receives a slide operation on any of the icons A1 to A4, the display control unit 103 sets a part of the icon on which the slide operation has been performed in the slide direction in the slide operation. A process of extending the image in the direction is performed, and the expanded icon is displayed on the display unit 10.

図３（Ａ）および図３（Ｂ）に示す例では、アイコンＡ１内の一点Ｐ１を始点するスライド操作が入力されている。そして、指をタッチパネル２０に接触させた状態で、アイコンＡ１外の一点Ｐ２（終点）まで指をスライドさせる操作が入力されている。この場合、図３（Ｂ）に示すように、表示制御部１０３は、アイコンＡ１の形状を変化させる。形状変化後のアイコンＡ１’は、略正方形の形状の本体部分Ａ１１と、本体部分Ａ１１の右下部分からスライド方向（右下方向）に伸びた伸長部分Ａ１２とから構成されている。なお、本体部分Ａ１１の位置は、形状変化前と形状変化後とで変わらない。   In the example shown in FIGS. 3A and 3B, a slide operation starting from one point P1 in the icon A1 is input. Then, an operation of sliding the finger to one point P2 (end point) outside the icon A1 while the finger is in contact with the touch panel 20 is input. In this case, as shown in FIG. 3B, the display control unit 103 changes the shape of the icon A1. The icon A1 'after the shape change is constituted by a main body part A11 having a substantially square shape and an extended part A12 extending from the lower right part of the main body part A11 in the sliding direction (lower right direction). The position of the main body portion A11 does not change before and after the shape change.

図３（Ｂ）に示す状態で、指がタッチパネル２０から離された場合、本体部分Ａ１１と伸長部分Ａ１２とから構成されるアイコンＡ１’が、記憶部４０に記憶される。それ以後、表示制御部１０３は、アイコンＡ２〜Ａ４およびアイコンＡ１’を含む操作画面Ｄ１を表示部１０に表示させる。   When the finger is removed from the touch panel 20 in the state shown in FIG. Thereafter, the display control unit 103 causes the display unit 10 to display the operation screen D1 including the icons A2 to A4 and the icon A1 '.

一方、図３（Ｂ）に示す状態で、指をタッチパネル２０に接触させた状態で更に右下方向に指がスライドされ、アイコンＡ１外の一点Ｐ３（終点）まで指がスライドされた場合、図４（Ａ）に示すように、表示制御部１０３は、アイコンＡ１’から更にアイコンの形状を変化させる。形状変化後のアイコンＡ１’’では、伸長部分Ａ１２が一点Ｐ２の位置から更に一点Ｐ３の位置にまで伸長されている。   On the other hand, in the state shown in FIG. 3B, when the finger is further slid in the lower right direction with the finger touching the touch panel 20, and the finger is slid to one point P3 (end point) outside the icon A1, FIG. As shown in FIG. 4A, the display control unit 103 further changes the shape of the icon from the icon A1 ′. In the icon A1 ″ after the shape change, the extended portion A12 is extended from the position of one point P2 to the position of one point P3.

図４（Ａ）に示す状態から更に右下方向に指がスライドされ、アイコンＡ１外の一点Ｐ４（終点）まで指がスライドされた結果、アイコンＡ１と一点Ｐ４との間隔が予め定められた長さ以上となった場合、表示制御部１０３は、表示部１０に、伸長部分Ａ１２をアイコンＡ１から切り離して表示させる。このとき、表示制御部１０３は、アイコンＡ１内に表示される画像を縮小し、表示部１０に、当該縮小した画像を分離アイコンＡ１３内に表示させる。また、表示制御部１０３は、アイコンＡ１の形状を伸長させた部分を削除した元の形状に戻す処理を行う。   The finger is further slid in the lower right direction from the state shown in FIG. 4A, and the finger is slid to one point P4 (end point) outside the icon A1. As a result, the distance between the icon A1 and the point P4 is predetermined When it becomes more than this, the display control unit 103 causes the display unit 10 to display the extended portion A12 separately from the icon A1. At this time, the display control unit 103 reduces the image displayed in the icon A1, and causes the display unit 10 to display the reduced image in the separation icon A13. In addition, the display control unit 103 performs a process of returning the expanded portion of the icon A1 to the original shape.

図４（Ｂ）に示す例では、アイコンＡ１の中心位置と一点Ｐ４との間隔Ｌ３が、予め定められた長さＬ以上となっており、表示制御部１０３は、表示部１０に、分離アイコンＡ１３を一点Ｐ４の位置に表示させている。なお、図３（Ｂ）に示す例では、アイコンＡ１の中心位置と一点Ｐ２との間隔Ｌ１が長さＬ未満であり、図４（Ａ）に示す例では、アイコンＡ１の中心位置と一点Ｐ３との間隔Ｌ２が長さＬ未満であるため、表示制御部１０３は、表示部１０に、伸長部分Ａ１２をアイコンＡ１から切り離して表示させていない。   In the example shown in FIG. 4B, the interval L3 between the center position of the icon A1 and the single point P4 is equal to or longer than a predetermined length L, and the display control unit 103 displays the separation icon on the display unit 10. A13 is displayed at the position of one point P4. In the example shown in FIG. 3B, the interval L1 between the center position of the icon A1 and the point P2 is less than the length L, and in the example shown in FIG. 4A, the center position of the icon A1 and the point P3. The display control unit 103 does not cause the display unit 10 to display the extended portion A12 separately from the icon A1 because the interval L2 is less than the length L.

図４（Ｂ）に示す状態で、指がタッチパネル２０から離された場合、分離アイコンＡ１３が、記憶部４０に記憶される。それ以後、表示制御部１０３は、アイコンＡ１〜Ａ４およびアイコンＡ１３を含む操作画面Ｄ１を表示部１０に表示させる。   When the finger is released from the touch panel 20 in the state illustrated in FIG. 4B, the separation icon A <b> 13 is stored in the storage unit 40. Thereafter, the display control unit 103 causes the display unit 10 to display an operation screen D1 including the icons A1 to A4 and the icon A13.

一方、図４（Ｂ）に示す状態で、指をタッチパネル２０に接触させた状態で更に右下方向に指がスライドされ、アイコンＡ４内の一点Ｐ５（終点）まで指がスライドされた場合（図５（Ａ）参照）、図５（Ｂ）に示すように、表示制御部１０３は、表示部１０に、アイコンＡ４を合成アイコンＡ４’に変えて表示させる。合成アイコンＡ４’は、アイコンＡ４の本体部分Ａ４１内の一点Ｐ５の位置に分離アイコンＡ１３が示されている。   On the other hand, in the state shown in FIG. 4B, when the finger is further slid in the lower right direction with the finger touching the touch panel 20, and the finger is slid to one point P5 (end point) in the icon A4 (FIG. 4). As shown in FIG. 5B, the display control unit 103 causes the display unit 10 to change the icon A4 to the composite icon A4 ′ and display it. As for the composite icon A4 ', a separation icon A13 is shown at the position of one point P5 in the main body portion A41 of the icon A4.

表示制御部１０３は、表示部１０に合成アイコンＡ４’を表示させる場合には、分離アイコンＡ１３内に表示される画像を半透明の画像に変換する処理を行う。そして、表示制御部１０３は、アイコンＡ４内に示される画像が当該半透明の画像を透過して視認される画像を合成アイコンＡ４’内に表示させる。   When displaying the composite icon A4 'on the display unit 10, the display control unit 103 performs a process of converting the image displayed in the separation icon A13 into a translucent image. Then, the display control unit 103 causes the composite icon A4 'to display an image in which the image shown in the icon A4 is viewed through the translucent image.

図５（Ｂ）に示す状態で、指がタッチパネル２０から離された場合、合成アイコンＡ４’が、記憶部４０に記憶される。それ以後、表示制御部１０３は、アイコンＡ１〜Ａ３および合成アイコンＡ４’を含む操作画面Ｄ１を表示部１０に表示させる。   In the state shown in FIG. 5B, when the finger is released from the touch panel 20, the composite icon A <b> 4 ′ is stored in the storage unit 40. Thereafter, the display control unit 103 causes the display unit 10 to display an operation screen D1 including the icons A1 to A3 and the composite icon A4 '.

図５（Ｂ）に示す状態から、更に、アイコンＡ２内の一点を始点とし、合成アイコンＡ４’内の一点を終点とするスライド操作であって、アイコンＡ２と終点との間隔が予め定められた長さＬ以上となるスライド操作が入力された場合、表示制御部１０３は、表示部１０に、図６に示すように合成アイコンＡ４’’を含む操作画面Ｄ１を表示させる。合成アイコンＡ４’’は、アイコンＡ４の本体部分Ａ４１内に、分離アイコンＡ１３およびアイコンＡ２から切り離された分離アイコンＡ２１が示されている。   From the state shown in FIG. 5B, the slide operation starts from one point in the icon A2 and ends at one point in the composite icon A4 ′, and the interval between the icon A2 and the end point is predetermined. When a slide operation having a length L or longer is input, the display control unit 103 causes the display unit 10 to display an operation screen D1 including a composite icon A4 ″ as illustrated in FIG. As for the synthesized icon A4 ″, a separated icon A21 separated from the separated icon A13 and the icon A2 is shown in the main body portion A41 of the icon A4.

一方、図５（Ｂ）に示す状態から、更に、合成アイコンＡ４’内の分離アイコンＡ１３が示された領域内の一点を始点とし、合成アイコンＡ４’外の一点を終点とするスライド操作が入力された場合、表示制御部１０３は、表示部１０に、合成アイコンＡ４’から分離アイコンＡ１３を削除した元のアイコンＡ４を表示させる。   On the other hand, from the state shown in FIG. 5 (B), a slide operation with a start point at one point in the area where the separation icon A13 in the composite icon A4 ′ is shown and an end point at one point outside the composite icon A4 ′ is input. When it is, the display control unit 103 causes the display unit 10 to display the original icon A4 obtained by deleting the separation icon A13 from the composite icon A4 ′.

続いて、上記の構成を備える表示装置１の動作について説明する。図７は、表示装置１によるアイコンの伸長処理および合成処理における動作の流れを示すフローチャートである。   Next, the operation of the display device 1 having the above configuration will be described. FIG. 7 is a flowchart showing an operation flow in the icon decompression processing and composition processing by the display device 1.

表示制御部１０３は、まず、記憶部４０に記憶されたデータを読み出し、表示部１０に操作画面を表示させる（ステップＳ１０）。   First, the display control unit 103 reads data stored in the storage unit 40 and causes the display unit 10 to display an operation screen (step S10).

その後、操作受付部１０２が操作画面に配置されたアイコン内の一点を始点とするスライド操作を受け付けた場合（ステップＳ１１においてＹＥＳ）、表示制御部１０３は、そのアイコンの一部をスライド操作におけるスライド方向に向けて伸長させ、当該伸長後のアイコンを表示部１０に表示させる処理を行う（ステップＳ１２）。   After that, when the operation reception unit 102 receives a slide operation starting from one point in the icon arranged on the operation screen (YES in step S11), the display control unit 103 slides a part of the icon in the slide operation. A process of expanding in the direction and displaying the expanded icon on the display unit 10 is performed (step S12).

ステップＳ１２の処理の結果、アイコンとスライド操作における終点との間隔が予め定められた長さＬ以上となった場合（ステップＳ１３においてＹＥＳ）、表示制御部１０３は、伸長させた部分をアイコンから切り離した分離アイコンとして表示部１０に表示させる（ステップＳ１４）。   As a result of the process in step S12, when the interval between the icon and the end point in the slide operation is equal to or longer than a predetermined length L (YES in step S13), the display control unit 103 separates the expanded portion from the icon. The separated icon is displayed on the display unit 10 (step S14).

また、ステップＳ１２の処理の結果、スライド操作における終点が他のアイコン内の一点に位置する場合（ステップＳ１５においてＹＥＳ）、表示制御部１０３は、他のアイコン内に分離アイコンを示した合成アイコンを表示部１０に表示させる（ステップＳ１６）。   When the end point in the slide operation is located at one point in the other icon as a result of the process in step S12 (YES in step S15), the display control unit 103 displays a composite icon indicating a separated icon in the other icon. It is displayed on the display unit 10 (step S16).

上記のステップＳ１２〜ステップＳ１６の処理を、スライド操作が完了する（ステップＳ１７においてＹＥＳ）まで、すなわち、操作受付部１０２がタッチパネル２０から指が離されたことを検知するまで繰り返し行う。スライド操作が完了すると、表示制御部１０３は、アイコンを確定する処理、すなわち、変更後のアイコンを記憶部４０に記憶させる処理を行う（ステップＳ１８）。   The processes in steps S12 to S16 are repeated until the slide operation is completed (YES in step S17), that is, until the operation receiving unit 102 detects that the finger is released from the touch panel 20. When the slide operation is completed, the display control unit 103 performs processing for determining the icon, that is, processing for storing the changed icon in the storage unit 40 (step S18).

続いて、上記の処理により変更されたアイコンに対するユーザー操作を受け付ける受付処理について説明する。図８は、表示装置１によるアイコンに対するユーザー操作の受付処理における動作の流れを示すフローチャートである。   Subsequently, a reception process for accepting a user operation on an icon changed by the above process will be described. FIG. 8 is a flowchart showing an operation flow in the user operation accepting process for the icon by the display device 1.

表示制御部１０３は、まず、記憶部４０に記憶されたデータを読み出し、表示部１０に操作画面を表示させる（ステップＳ２０）。   First, the display control unit 103 reads the data stored in the storage unit 40 and causes the display unit 10 to display an operation screen (step S20).

その後、操作受付部１０２が操作画面に配置されたアイコン内の一点を選択する操作を受け付けた場合（ステップＳ２１においてＹＥＳ）、制御部１０１は、当該選択されたアイコンに関連付けられた機能を実行する（ステップＳ２２）。   After that, when the operation receiving unit 102 receives an operation for selecting one point in the icon arranged on the operation screen (YES in step S21), the control unit 101 executes a function associated with the selected icon. (Step S22).

図３（Ｂ）に示す例において、操作受付部１０２がアイコンＡ１の本体部分Ａ１１内の一点を選択する操作を受け付けた場合、制御部１０１は、アイコンＡ１に関連付けられたメール機能を実行する。また、操作受付部１０２がアイコンＡ１の伸長部分Ａ１２内の一点を選択する操作を受け付けた場合、制御部１０１は、上記と同様に、アイコンＡ１に関連付けられたメール機能を実行する。   In the example shown in FIG. 3B, when the operation receiving unit 102 receives an operation of selecting one point in the main body part A11 of the icon A1, the control unit 101 executes a mail function associated with the icon A1. When the operation receiving unit 102 receives an operation for selecting one point in the extended portion A12 of the icon A1, the control unit 101 executes the mail function associated with the icon A1 as described above.

操作受付部１０２が操作画面に配置された分離アイコンに対する選択操作を受け付けた場合（ステップＳ２３においてＹＥＳ）、制御部１０１は、分離元のアイコンに関連付けられた機能を実行する（ステップＳ２４）。   When the operation receiving unit 102 receives a selection operation for the separated icon arranged on the operation screen (YES in step S23), the control unit 101 executes a function associated with the separation source icon (step S24).

図４（Ｂ）に示す例において、操作受付部１０２が分離アイコンＡ１３内の一点を選択する操作を受け付けた場合、制御部１０１は、分離アイコンＡ１３の分離元のアイコンであるアイコンＡ１に関連付けられたメール機能を実行する。   In the example shown in FIG. 4B, when the operation receiving unit 102 receives an operation of selecting one point in the separation icon A13, the control unit 101 is associated with the icon A1 that is the separation source icon of the separation icon A13. Execute the mail function.

操作受付部１０２が操作画面に配置された合成アイコンに対する選択操作を受け付け（ステップＳ２５においてＹＥＳ）、その選択操作において選択された位置が分離アイコンが示された領域内の一点である場合（ステップＳ２６においてＹＥＳ）、制御部１０１は、分離元のアイコンに関連付けられた機能を実行する（ステップＳ２７）。   When the operation reception unit 102 receives a selection operation for the composite icon arranged on the operation screen (YES in step S25), and the position selected in the selection operation is one point in the area where the separation icon is shown (step S26). In step S27, the control unit 101 executes a function associated with the separation source icon.

一方、操作受付部１０２が操作画面に配置された合成アイコンに対する選択操作を受け付け（ステップＳ２５においてＹＥＳ）、その選択操作において選択された位置が分離アイコンが示された領域外の一点である場合（ステップＳ２６においてＮＯ）、制御部１０１は、合成される前のアイコンに関連付けられた機能を実行する（ステップＳ２８）。   On the other hand, when the operation reception unit 102 receives a selection operation for the composite icon arranged on the operation screen (YES in step S25), the position selected in the selection operation is one point outside the area where the separation icon is shown ( In step S26, NO), control unit 101 executes the function associated with the icon before being synthesized (step S28).

図５（Ｂ）に示す例において、操作受付部１０２が合成アイコンＡ４’の分離アイコンＡ１３が示された領域内の一点を選択する操作を受け付けた場合、制御部１０１は、分離アイコンＡ１３の分離元のアイコンであるアイコンＡ１に関連付けられたメール機能を実行する。また、操作受付部１０２が合成アイコンＡ４’の分離アイコンＡ１３が示された領域外の一点を選択する操作を受け付けた場合、制御部１０１は、合成される前のアイコンであるアイコンＡ４に関連付けられたブラウザ機能を実行する。   In the example shown in FIG. 5B, when the operation reception unit 102 receives an operation for selecting one point in the area where the separation icon A13 of the composite icon A4 ′ is displayed, the control unit 101 separates the separation icon A13. The mail function associated with the icon A1 that is the original icon is executed. When the operation reception unit 102 receives an operation for selecting one point outside the area where the separation icon A13 of the combination icon A4 ′ is indicated, the control unit 101 is associated with the icon A4 that is the icon before the combination. Execute the browser function.

以上のように、本発明の一実施形態にかかる表示装置１によれば、複数のアイコンが配置された操作画面において、アイコンの配置位置を維持したままそのアイコンと同じ機能が関連付けられた他のアイコンを他の配置位置に配置することができ、ユーザーに新たな操作性を提供することが可能となる。   As described above, according to the display device 1 according to the embodiment of the present invention, in the operation screen on which a plurality of icons are arranged, the other functions associated with the same function as the icon are maintained while the icon arrangement position is maintained. The icons can be arranged at other arrangement positions, and a new operability can be provided to the user.

なお、本発明は、上記の実施形態の構成に限られず種々の変形が可能である。   In addition, this invention is not restricted to the structure of said embodiment, A various deformation | transformation is possible.

＜変形例１＞
上記の実施形態では、操作受付部１０２が合成アイコンの分離アイコンが示された領域内の一点を選択する操作を受け付けた場合、制御部１０１が、分離アイコンの分離元のアイコンに関連付けられた機能を実行する場合について説明した。しかしながら、本発明は必ずしもこの場合に限定されない。制御部１０１は、操作受付部１０２が合成アイコンの分離アイコンが示された領域内の一点を選択する操作を受け付けた場合に、分離元のアイコンに関連付けられた機能に加えて、合成される前のアイコンに関連付けられた機能を実行してもよい。 <Modification 1>
In the above embodiment, when the operation receiving unit 102 receives an operation for selecting one point in the area where the separation icon of the composite icon is displayed, the control unit 101 has a function associated with the separation source icon of the separation icon. Explained the case of executing. However, the present invention is not necessarily limited to this case. When the operation accepting unit 102 accepts an operation of selecting one point in the area where the separation icon of the composition icon is shown, the control unit 101 adds the function associated with the separation source icon, A function associated with the icon may be executed.

図５（Ｂ）に示す例において、操作受付部１０２が合成アイコンＡ４’の分離アイコンＡ１３が示された領域内の一点を選択する操作を受け付けた場合、制御部１０１は、分離アイコンＡ１３の分離元のアイコンであるアイコンＡ１に関連付けられたメール機能、および、合成される前のアイコンであるアイコンＡ４に関連付けられたブラウザ機能を実行する。   In the example shown in FIG. 5B, when the operation reception unit 102 receives an operation for selecting one point in the area where the separation icon A13 of the composite icon A4 ′ is displayed, the control unit 101 separates the separation icon A13. The mail function associated with the icon A1 which is the original icon and the browser function associated with the icon A4 which is the icon before being combined are executed.

なお制御部１０１は、分離元のアイコンに関連付けられた機能を、合成される前のアイコンに関連付けられた機能よりも低い優先度で実行してもよい。制御部１０１は、例えば、分離元のアイコンに関連付けられた機能を実行した場合に表示部１０に表示される画面（ウィンドウ）のサイズを、合成される前のアイコンに関連付けられた機能を実行した場合に表示部１０に表示される画面のサイズよりも小さいサイズにする。   The control unit 101 may execute the function associated with the separation source icon with a lower priority than the function associated with the icon before composition. For example, when the function associated with the separation source icon is executed, the control unit 101 executes the function associated with the icon before being combined with the size of the screen (window) displayed on the display unit 10. In this case, the size is smaller than the size of the screen displayed on the display unit 10.

また、制御部１０１は、優先度の高い機能をフォアグラウンドで実行し、それよりも優先度の低い機能をバックグラウンドで実行してもよい。   Further, the control unit 101 may execute a function with a higher priority in the foreground and a function with a lower priority than that in the background.

また、制御部１０１は、優先度の高い機能を実行する際にＣＰＵの処理能力を多く割り当て、それよりも優先度の低い機能を実行する際にＣＰＵの処理能力を少なく割り当ててもよい。   Further, the control unit 101 may allocate a large processing capacity of the CPU when executing a function with a high priority, and may allocate a small processing capacity of the CPU when executing a function with a lower priority than that.

＜変形例２＞
図９は、変形例２にかかる表示装置によるアイコンの伸長処理および合成処理における動作の流れを示すフローチャートである。なお、図７に示した処理と同内容の処理については、同符号を付して説明を略する。 <Modification 2>
FIG. 9 is a flowchart showing a flow of operations in icon expansion processing and composition processing by the display device according to the second modification. In addition, about the process of the same content as the process shown in FIG. 7, the same code | symbol is attached | subjected and description is abbreviate | omitted.

変形例２にかかる表示装置では、操作受付部１０２が操作画面に配置されたアイコン内の一点を始点とするスライド操作を受け付けた場合（ステップＳ１１においてＹＥＳ）、表示制御部１０３は、スライド操作を開始する際に始点を連続して押下し続ける操作が予め定められた時間以上続けられていたか否かを判定する（ステップＳ３０）。   In the display device according to the second modification, when the operation reception unit 102 receives a slide operation starting from one point in the icon arranged on the operation screen (YES in step S11), the display control unit 103 performs the slide operation. It is determined whether or not the operation of continuously pressing the start point at the start has been continued for a predetermined time (step S30).

始点を連続して押下し続ける操作が予め定められた時間以上である場合（ステップＳ３０においてＹＥＳ）、表示制御部１０３は、アイコンの一部をスライド操作におけるスライド方向に向けて伸長させ、当該伸長後のアイコンを表示部１０に表示させる処理を行う（ステップＳ１２）。   When the operation of continuously pressing the start point is longer than a predetermined time (YES in step S30), the display control unit 103 extends a part of the icon in the slide direction in the slide operation, and performs the extension. A process of displaying the subsequent icon on the display unit 10 is performed (step S12).

一方、始点を連続して押下し続ける操作が予め定められた時間未満である場合（ステップＳ３０においてＮＯ）、表示制御部１０３は、表示部にアイコンの一部を伸長させて表示させるステップＳ１２の処理を行わない。この場合、表示制御部１０３は、アイコンの配置位置をスライド操作における終点の位置に変更させる処理を行う（ステップＳ３１）。   On the other hand, if the operation of continuously pressing the start point is less than a predetermined time (NO in step S30), display control unit 103 expands and displays a part of the icon on the display unit in step S12. Do not process. In this case, the display control unit 103 performs a process of changing the icon arrangement position to the position of the end point in the slide operation (step S31).

以上のように変形例２にかかる表示装置によれば、ユーザーは、タッチパネル２０に指を触れてから指をスライドさせるまでの時間を調整することにより、アイコンの一部を伸長させる処理を行わせるのか、または、アイコンの配置位置を変更させる処理を行わせるのかを選択的に表示装置に行わせることができる。   As described above, according to the display device according to the second modification, the user adjusts the time from when the finger touches the touch panel 20 until the finger is slid, thereby performing a process of expanding a part of the icon. It is possible to selectively cause the display device to perform the process of changing the arrangement position of the icons.

＜変形例３＞
変形例３にかかる表示装置では、表示制御部１０３は、表示部１０に分離アイコンを表示させる場合において、スライド操作を開始する際の始点を押下する操作においてタッチパネル２０と接触する接触面積の大きさに応じて、分離アイコンの大きさを決定する。表示制御部１０３は、接触面積の大きさが大きいほど分離アイコンの大きさを大きくする。 <Modification 3>
In the display device according to the third modification, when the display control unit 103 displays a separation icon on the display unit 10, the size of the contact area in contact with the touch panel 20 in the operation of pressing the start point when starting the slide operation. The size of the separation icon is determined according to the above. The display control unit 103 increases the size of the separation icon as the size of the contact area increases.

このように変形例３にかかる表示装置によれば、ユーザーは、指をタッチパネル２０に強く押しつけ、指とタッチパネル２０とが接触する面積を大きくすることで、分離アイコンの大きさを大きくすることができる。また、ユーザーは、指をタッチパネル２０に弱く押しつけ、指とタッチパネル２０とが接触する面積を小さくすることで、分離アイコンの大きさを小さくすることができる。このように、指をタッチパネル２０に押しつける強さに応じて分離アイコンの大きさを調整することができる。   As described above, according to the display device according to the third modification, the user can increase the size of the separated icon by pressing the finger strongly against the touch panel 20 and increasing the area where the finger and the touch panel 20 are in contact with each other. it can. Further, the user can reduce the size of the separated icon by pressing the finger weakly against the touch panel 20 and reducing the area where the finger and the touch panel 20 are in contact with each other. Thus, the size of the separation icon can be adjusted according to the strength with which the finger is pressed against the touch panel 20.

＜変形例４＞
変形例４にかかる表示装置では、表示制御部１０３は、表示部１０に分離アイコンを表示させる場合において、スライド操作を開始する際の始点の位置に応じて分離アイコンの大きさを決定する。表示制御部１０３は、始点の位置がアイコンの中心位置に近いほど分離アイコンの大きさを大きくする。 <Modification 4>
In the display device according to the fourth modification, the display control unit 103 determines the size of the separation icon according to the position of the starting point when the slide operation is started when the separation icon is displayed on the display unit 10. The display control unit 103 increases the size of the separated icon as the position of the starting point is closer to the center position of the icon.

このように変形例４にかかる表示装置によれば、ユーザーは、指をタッチパネル２０に接触させるアイコン内の位置を調整することで、分離アイコンの大きさを調整することができる。   As described above, according to the display device according to the fourth modification, the user can adjust the size of the separated icon by adjusting the position in the icon that causes the finger to touch the touch panel 20.

＜変形例５＞
上記の実施形態では、操作受付部１０２が合成アイコンの分離アイコンが示された領域内の一点を選択する操作を受け付けた場合、制御部１０１が、分離アイコンの分離元のアイコン（第１アイコン）に関連付けられた機能を実行する場合について説明した。これに対して、変形例５にかかる表示装置では、操作受付部１０２が合成アイコンの分離アイコンが示された領域内の一点を選択する操作を受け付けた場合、制御部１０１が、分離元のアイコンに関連付けられた機能により表示されるデータを、合成される前のアイコン（第２アイコン）に関連付けられた機能で実行する。 <Modification 5>
In the above embodiment, when the operation receiving unit 102 receives an operation of selecting one point in the area where the separation icon of the composite icon is indicated, the control unit 101 determines that the separation source icon (first icon) is separated. The case where the function associated with is executed has been described. On the other hand, in the display device according to the modified example 5, when the operation receiving unit 102 receives an operation of selecting one point in the area where the separation icon of the composite icon is displayed, the control unit 101 displays the separation source icon. The data displayed by the function associated with is executed with the function associated with the icon (second icon) before being synthesized.

ここで、例えば分離元のアイコンが文章データや画像データに関連付けられており、合成される前のアイコンが表示装置１に接続された画像形成装置により印刷を行う機能に関連付けられている場合を考える。この場合、操作受付部１０２が合成アイコンの分離アイコンが示された領域内の一点を選択する操作を受け付けると、制御部１０１は、分離元のアイコンに関連付けられたデータを、合成される前のアイコンに関連付けられた機能で実行する。すなわち、制御部１０１は、分離元のアイコンに関連付けられた文章データや画像データを表示装置１に接続された画像形成装置に送信し、当該画像形成装置に文章データや画像データを印刷させる処理を行わせる。   Here, for example, a case is considered in which the separation source icon is associated with text data or image data, and the icon before composition is associated with a function for printing by the image forming apparatus connected to the display device 1. . In this case, when the operation receiving unit 102 receives an operation of selecting one point in the area where the separation icon of the composite icon is indicated, the control unit 101 displays the data associated with the separation source icon before combining. Execute with the function associated with the icon. In other words, the control unit 101 transmits text data and image data associated with the separation source icon to the image forming apparatus connected to the display device 1, and causes the image forming apparatus to print the text data and image data. Let it be done.

このように変形例５にかかる表示装置によれば、アイコンに関連付けられたデータを他のアイコンに関連付けられた機能で実行する合成アイコンを生成することができる。   As described above, according to the display device according to the fifth modification, it is possible to generate a composite icon that executes data associated with an icon with a function associated with another icon.

＜変形例６＞
図１０は、変形例６にかかる表示装置において、記憶部４０に記憶されているデータの一例を示す図である。記憶部４０には、アイコン毎に、アイコン内に表示される画像として複数種類の画像が予め記憶されている。図１０に示す例では、「アイコンサイズ大」、「アイコンサイズ中」、「アイコンサイズ小」の３つのアイコンサイズに対応付けられた３種類の画像が記憶されている。 <Modification 6>
FIG. 10 is a diagram illustrating an example of data stored in the storage unit 40 in the display device according to the sixth modification. In the storage unit 40, a plurality of types of images are stored in advance as images displayed in the icons for each icon. In the example illustrated in FIG. 10, three types of images associated with three icon sizes of “icon size large”, “medium icon size”, and “small icon size” are stored.

表示制御部１０３は、表示部１０に伸長後のアイコンまたは分離アイコンを表示させる場合に、伸長後のアイコンまたは分離アイコンのサイズに応じて、記憶部４０に記憶されている画像の中から伸長後のアイコンまたは分離アイコン内に表示される画像の種類を選択する。そして、表示制御部１０３は、選択した画像を内部に表示させた伸長後のアイコンまたは分離アイコンを表示部１０に表示させる。   When displaying the expanded icon or the separated icon on the display unit 10, the display control unit 103 expands the image stored in the storage unit 40 according to the size of the expanded icon or the separated icon. Select the type of image displayed in the icon or isolated icon. Then, the display control unit 103 causes the display unit 10 to display an expanded icon or a separated icon that displays the selected image inside.

このように変形例６にかかる表示装置によれば、表示部１０に伸長後のアイコンまたは分離アイコンを表示させる場合に、そのサイズに適した画像を選択することができるため、アイコンの視認性の低下を抑えることができる。   As described above, according to the display device according to the modified example 6, when the expanded icon or the separated icon is displayed on the display unit 10, an image suitable for the size can be selected. The decrease can be suppressed.

＜その他の変形例＞
例えば、各実施形態にかかる表示装置は、スマートフォン等の携帯端末や画像形成装置以外に、ＰＣ（Personal Computer）やテレビ等に設けられる表示装置等に適用することができる。 <Other variations>
For example, the display device according to each embodiment can be applied to a display device or the like provided in a PC (Personal Computer), a television, or the like, in addition to a mobile terminal such as a smartphone or an image forming apparatus.

また上記の各実施形態では、操作画面に含まれるアイコンが略正方形状である場合を説明したが本発明は必ずしもこの場合に限定されない。操作画面に含まれるアイコンの形状は特に限定されるものではなく、例えばアイコンが略円形状であってもよい。   In each of the above-described embodiments, the case where the icon included in the operation screen has a substantially square shape has been described, but the present invention is not necessarily limited to this case. The shape of the icon included in the operation screen is not particularly limited. For example, the icon may be a substantially circular shape.

また、上記の実施の形態で説明した表示制御プログラムをコンピューター読み取り可能な非一時的な記録媒体、例えば、ハードディスク、ＣＤ−ＲＯＭ、ＤＶＤ−ＲＯＭ、半導体メモリーなどに記録されたものとしてもよい。この場合、当該制御プログラムを記録したコンピューター読み取り可能な非一時的な記録媒体が、本発明の一実施形態となる。   The display control program described in the above embodiment may be recorded on a computer-readable non-transitory recording medium such as a hard disk, CD-ROM, DVD-ROM, or semiconductor memory. In this case, a computer-readable non-transitory recording medium that records the control program is an embodiment of the present invention.

また、上記の実施形態および各変形例を組み合わせてもよい。   Moreover, you may combine said embodiment and each modification.

１ 表示装置
１０ 表示部
２０ タッチパネル
３０ 通信部
４０ 記憶部
１００ 制御ユニット
１０１ 制御部
１０２ 操作受付部
１０３ 表示制御部
１０４ 通信制御部 DESCRIPTION OF SYMBOLS 1 Display apparatus 10 Display part 20 Touch panel 30 Communication part 40 Storage part 100 Control unit 101 Control part 102 Operation reception part 103 Display control part 104 Communication control part

Claims (12)

表示部と、
前記表示部による表示動作を制御する表示制御部と、
前記表示部の前面に配置されるタッチパネルと、
前記タッチパネルに対するユーザー操作を受け付ける操作受付部と、
前記操作受付部が受け付けた操作に応じた処理を実行する処理部と、を備え、
前記表示制御部は、（i）前記表示部に、予め定められた機能が関連付けられた複数のアイコンを配置した操作画面を表示させ、（ii）前記操作受付部が前記複数のアイコンのうちの第１アイコン内の一点を始点としたスライド操作を受け付けた場合に、前記表示部に、前記第１アイコンの一部を前記スライド操作におけるスライド方向に向けて伸長させて表示させ、（iii）前記第１アイコンと前記スライド操作における終点との間隔が予め定められた長さ以上となった場合に、前記表示部に、前記伸長させた部分を前記第１アイコンから切り離した分離アイコンとして表示させ、
前記処理部は、前記操作受付部が前記分離アイコンに対する選択操作を受け付けた場合に、前記第１アイコンに関連付けられた機能を実行する、表示装置。 A display unit;
A display control unit for controlling a display operation by the display unit;
A touch panel disposed in front of the display unit;
An operation accepting unit for accepting a user operation on the touch panel;
A processing unit that executes processing according to the operation received by the operation receiving unit,
The display control unit displays (i) an operation screen in which a plurality of icons associated with predetermined functions are arranged on the display unit, and (ii) the operation reception unit includes a plurality of icons. When a slide operation starting from one point in the first icon is received, a part of the first icon is expanded and displayed in the slide direction in the slide operation on the display unit, and (iii) When the interval between the first icon and the end point in the slide operation is equal to or longer than a predetermined length, the display unit displays the expanded portion as a separated icon separated from the first icon,
The said processing part is a display apparatus which performs the function linked | related with the said 1st icon, when the said operation reception part receives selection operation with respect to the said separation icon. 前記表示制御部は、（i）前記操作受付部が前記第１アイコン内の一点を始点としたスライド操作を受け付けた場合であっても、前記スライド操作を開始する際に前記始点を連続して押下し続ける操作が予め定められた時間以上続けられていない時には、前記表示部に前記第１アイコンの一部を伸長させて表示させる処理を行わせず、(ii)前記操作受付部が前記第１アイコン内の一点を始点としたスライド操作を受け付けた場合であって、前記始点を連続して押下し続ける操作が前記予め定められた時間以上続けられている時に、前記表示部に前記第１アイコンの一部を伸長させて表示させる処理を行わせる、請求項１に記載の表示装置。   (I) Even if the operation receiving unit receives a slide operation starting from one point in the first icon, the display control unit continuously sets the start point when starting the slide operation. When the operation of continuing to press the button has not been continued for a predetermined time or longer, a process of expanding and displaying a part of the first icon on the display unit is not performed, and (ii) the operation receiving unit When a slide operation starting from one point in one icon is received and the operation of continuously pressing the start point continues for the predetermined time or longer, the display unit displays the first The display device according to claim 1, wherein a process for expanding and displaying a part of the icon is performed. 前記表示制御部は、前記表示部に前記分離アイコンを表示させる場合において、伸長後の第１アイコンから伸長させた部分を削除した元の第１アイコンを表示させる、請求項１または請求項２に記載の表示装置。   The display control unit, when displaying the separation icon on the display unit, displays the original first icon obtained by deleting the expanded part from the expanded first icon. The display device described. 前記表示制御部は、前記表示部に前記分離アイコンを表示させる場合において、前記スライド操作を開始する際の前記始点を押下する操作において前記タッチパネルと接触する接触面積の大きさに応じて、前記分離アイコンの大きさを決定する、請求項１乃至請求項３の何れか１項に記載の表示装置。   The display control unit is configured to display the separation icon on the display unit according to a size of a contact area in contact with the touch panel in an operation of pressing the start point when starting the slide operation. The display device according to claim 1, wherein the size of the icon is determined. 前記表示制御部は、前記表示部に前記分離アイコンを表示させる場合において、前記始点の位置に応じて前記分離アイコンの大きさを決定する、請求項１乃至請求項３の何れか１項に記載の表示装置。   The said display control part determines the magnitude | size of the said separation icon according to the position of the said starting point, when displaying the said separation icon on the said display part. Display device. 前記表示制御部は、前記操作受付部が前記第１アイコン内の一点を始点とし、前記複数のアイコンのうちの第２アイコン内の一点を終点とするスライド操作であって、前記第１アイコンと前記終点との間隔が予め定められた長さ以上となるスライド操作を受け付けた場合に、前記表示部に、前記第２アイコン内に前記分離アイコンを示した合成アイコンを表示させ、
前記処理部は、前記操作受付部が前記合成アイコン内の前記分離アイコンが示された領域内の一点に対する選択操作を受け付けた場合に、前記第１アイコンに関連付けられた機能を実行し、前記操作受付部が前記合成アイコン内の前記分離アイコンが示された領域外の一点に対する選択操作を受け付けた場合に、前記第２アイコンに関連付けられた機能を実行する、請求項１乃至請求項５の何れか１項に記載の表示装置。 The display control unit is a slide operation in which the operation receiving unit starts from one point in the first icon and ends in one point in the second icon of the plurality of icons, and includes the first icon and When a slide operation in which the distance from the end point is equal to or longer than a predetermined length is received, the display unit displays a composite icon indicating the separation icon in the second icon,
The processing unit executes a function associated with the first icon when the operation receiving unit receives a selection operation for one point in the area where the separation icon in the composite icon is indicated, and performs the operation The function associated with the second icon is executed when the accepting unit accepts a selection operation for one point outside the area where the separation icon is indicated in the composite icon. The display device according to claim 1. 前記表示制御部は、前記操作受付部が前記第１アイコン内の一点を始点とし、前記複数のアイコンのうちの第２アイコン内の一点を終点とするスライド操作であって、前記第１アイコンと前記終点との間隔が予め定められた長さ以上となるスライド操作を受け付けた場合に、前記表示部に、前記第２アイコン内に前記分離アイコンを示した合成アイコンを表示させ、
前記処理部は、前記操作受付部が前記合成アイコン内の前記分離アイコンが示された領域内の一点に対する選択操作を受け付けた場合に、前記第１アイコンに関連付けられた機能、および、前記第２アイコンに関連付けられた機能のそれぞれを実行する、請求項１乃至請求項５の何れか１項に記載の表示装置。 The display control unit is a slide operation in which the operation reception unit starts from one point in the first icon and ends in one point in the second icon among the plurality of icons, and includes the first icon and When a slide operation in which the distance from the end point is equal to or longer than a predetermined length is received, the display unit displays a composite icon indicating the separation icon in the second icon,
The processing unit has a function associated with the first icon when the operation receiving unit receives a selection operation for one point in the region where the separation icon in the composite icon is indicated, and the second icon The display device according to claim 1, wherein each of the functions associated with the icon is executed. 前記表示制御部は、前記操作受付部が前記第１アイコン内の一点を始点とし、前記複数のアイコンのうちの第２アイコン内の一点を終点とするスライド操作であって、前記第１アイコンと前記終点との間隔が予め定められた長さ以上となるスライド操作を受け付けた場合に、前記表示部に、前記第２アイコン内に前記分離アイコンを示した合成アイコンを表示させ、
前記処理部は、前記操作受付部が前記合成アイコン内の前記分離アイコンが示された領域内の一点に対する選択操作を受け付けた場合に、前記第１アイコンに関連付けられた機能により表示されるデータを、前記第２アイコンに関連付けられた機能で実行する、請求項１乃至請求項５の何れか１項に記載の表示装置。 The display control unit is a slide operation in which the operation reception unit starts from one point in the first icon and ends in one point in the second icon among the plurality of icons, and includes the first icon and When a slide operation in which the distance from the end point is equal to or longer than a predetermined length is received, the display unit displays a composite icon indicating the separation icon in the second icon,
The processing unit displays data displayed by a function associated with the first icon when the operation receiving unit receives a selection operation for one point in the area where the separation icon in the composite icon is indicated. The display device according to claim 1, wherein the display device is executed by a function associated with the second icon. 前記表示制御部は、前記操作受付部が前記合成アイコン内の前記分離アイコンが示された領域内の一点を始点とし、前記合成アイコン外の一点を終点とするスライド操作を受け付けた場合に、前記表示部に、前記合成アイコンから前記分離アイコンを削除した元の第２アイコンを表示させ、前記終点の位置に分離アイコンを表示させる、請求項６乃至請求項８の何れか１項に記載の表示装置。 The display control unit, when the operation accepting unit accepts a slide operation starting from one point in the area where the separation icon in the composite icon is shown and receiving one point outside the composite icon as an end point, The display according to any one of claims 6 to 8, wherein an original second icon obtained by deleting the separation icon from the composite icon is displayed on a display unit, and the separation icon is displayed at the position of the end point. apparatus. 前記表示制御部は、前記第１アイコン内に表示される画像を縮小し、前記表示部に、当該縮小した画像を前記分離アイコン内に表示させ、前記表示部に前記合成アイコンを表示させる場合には、前記分離アイコン内に表示される画像を半透明の画像に変換し、前記第２アイコン内に示される画像が前記半透明の画像を透過して視認される画像を前記合成アイコン内に表示させる、請求項６乃至請求項９の何れか１項に記載の表示装置。 The display control unit reduces an image displayed in the first icon, causes the display unit to display the reduced image in the separation icon, and causes the display unit to display the composite icon. Converts the image displayed in the separated icon into a translucent image, and displays the image displayed in the second icon through the translucent image and viewed in the composite icon. The display device according to any one of claims 6 to 9. 前記複数のアイコンのそれぞれについて、当該アイコン内に表示される画像として複数種類の画像を予め記憶する記憶部を更に備え、
前記表示制御部は、前記表示部に伸長後のアイコンまたは前記分離アイコンを表示させる場合に、前記伸長後のアイコンまたは前記分離アイコンのサイズに応じて、前記伸長後のアイコンまたは前記分離アイコン内に表示される画像の種類を前記記憶部から選択する、請求項１０に記載の表示装置。 For each of the plurality of icons, further comprising a storage unit that stores in advance a plurality of types of images as images displayed in the icon,
When the display control unit displays the expanded icon or the separated icon on the display unit, the display control unit includes the expanded icon or the separated icon in the expanded icon or the separated icon according to the size of the expanded icon or the separated icon. The display device according to claim 10, wherein a type of an image to be displayed is selected from the storage unit. コンピューターを、
表示部による表示動作を制御する表示制御部と、
前記表示部の前面に配置されたタッチパネルに対するユーザー操作を受け付ける操作受付部と、
前記操作受付部が受け付けた操作に応じた処理を実行する処理部として機能させ、
更に、前記表示制御部が、（i）前記表示部に、予め定められた機能が関連付けられた複数のアイコンを配置した操作画面を表示させ、（ii）前記操作受付部が前記複数のアイコンのうちの第１アイコン内の一点を始点としたスライド操作を受け付けた場合に、前記表示部に、前記第１アイコンの一部を前記スライド操作におけるスライド方向に向けて伸長させて表示させ、（iii）前記第１アイコンと前記スライド操作における終点との間隔が予め定められた長さ以上となった場合に、前記表示部に、前記伸長させた部分を前記第１アイコンから切り離した分離アイコンとして表示させ、
前記処理部が、前記操作受付部が前記分離アイコンに対する選択操作を受け付けた場合に、前記第１アイコンに関連付けられた機能を実行するようにコンピューターを機能させる表示制御プログラム。 Computer
A display control unit for controlling a display operation by the display unit;
An operation accepting unit for accepting a user operation on the touch panel arranged on the front surface of the display unit;
Function as a processing unit that executes processing according to the operation received by the operation receiving unit;
Further, the display control unit displays (i) an operation screen in which a plurality of icons associated with predetermined functions are arranged on the display unit, and (ii) the operation reception unit displays the plurality of icons. When a slide operation starting from one point in the first icon is received, a part of the first icon is expanded and displayed in the slide direction in the slide operation on the display unit, and (iii) ) When the distance between the first icon and the end point in the slide operation exceeds a predetermined length, the expanded portion is displayed as a separated icon separated from the first icon on the display unit. Let
A display control program for causing the computer to function so as to execute a function associated with the first icon when the operation receiving unit receives a selection operation on the separated icon.
JP2015215246A 2015-10-30 2015-10-30 Display device and display control program Expired - Fee Related JP6376105B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2015215246A JP6376105B2 (en) 2015-10-30 2015-10-30 Display device and display control program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2015215246A JP6376105B2 (en) 2015-10-30 2015-10-30 Display device and display control program

Publications (2)

Publication Number Publication Date
JP2017084308A JP2017084308A (en) 2017-05-18
JP6376105B2 true JP6376105B2 (en) 2018-08-22

Family

ID=58710957

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2015215246A Expired - Fee Related JP6376105B2 (en) 2015-10-30 2015-10-30 Display device and display control program

Country Status (1)

Country Link
JP (1) JP6376105B2 (en)

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4759743B2 (en) * 2006-06-06 2011-08-31 国立大学法人 東京大学 Object display processing device, object display processing method, and object display processing program
JP2012243163A (en) * 2011-05-20 2012-12-10 Sony Corp Electronic device, program, and control method
KR20140070040A (en) * 2012-11-30 2014-06-10 삼성전자주식회사 Apparatus and method for managing a plurality of objects displayed on touch screen
WO2015151640A1 (en) * 2014-04-04 2015-10-08 株式会社コロプラ User interface program and game program

Also Published As

Publication number Publication date
JP2017084308A (en) 2017-05-18

Similar Documents

Publication Publication Date Title
WO2010001672A1 (en) Information processing device, display control method, and recording medium
JP6489214B2 (en) Display device and display control method
JP6184053B2 (en) Information terminal, display control method, and program
US9524537B2 (en) Display control apparatus and method, image display apparatus, and non-transitory computer readable medium for controlling a displayed image
KR102179712B1 (en) Electronic device and method for controlling the same
WO2014132863A1 (en) Information terminal and control program
US9875433B2 (en) Linkage system and linkage method for image processing, portable terminal device, and image processing linkage program
JP5815392B2 (en) Display device, display device control method, control program, and recording medium
JP5779063B2 (en) Apparatus, method, and program
US9292185B2 (en) Display device and display method
JP6149684B2 (en) Portable terminal, image processing apparatus, and program
US10282085B2 (en) Method for displaying data and electronic device thereof
JP6376105B2 (en) Display device and display control program
JP2007286745A (en) Image formation device, image formation method and program
JP6569381B2 (en) Information processing apparatus, image processing apparatus, and program
US10558356B2 (en) Display control device and non-transitory computer-readable storage medium having program recorded thereon
JP5514922B1 (en) User operation control program, portable device, and user operation control method
US20180173362A1 (en) Display device, display method used in the same, and non-transitory computer readable recording medium
JP6331864B2 (en) Display device and display program
US11900044B2 (en) Display method and display apparatus for displaying page image and thumbnail images of page image
WO2014148352A1 (en) Information terminal, operating region control method, and operating region control program
US10353494B2 (en) Information processing apparatus and method for controlling the same
JP2018106597A (en) Display control device and control method therefor
JP2017079002A (en) Information processing apparatus and information processing program
JP6016840B2 (en) Display input device and display input control program

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20170824

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20180413

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20180508

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20180613

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

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20180709

R150 Certificate of patent or registration of utility model

Ref document number: 6376105

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

LAPS Cancellation because of no payment of annual fees