JP6222434B2 - Display device - Google Patents
Display device Download PDFInfo
- Publication number
- JP6222434B2 JP6222434B2 JP2013180241A JP2013180241A JP6222434B2 JP 6222434 B2 JP6222434 B2 JP 6222434B2 JP 2013180241 A JP2013180241 A JP 2013180241A JP 2013180241 A JP2013180241 A JP 2013180241A JP 6222434 B2 JP6222434 B2 JP 6222434B2
- Authority
- JP
- Japan
- Prior art keywords
- input
- displayed
- screen
- display
- input button
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Description
本発明は、タッチパネルを備えた表示装置に係り、特に画面遷移中の操作性を改善する技術に関する。 The present invention relates to a display device including a touch panel, and more particularly to a technique for improving operability during screen transition.
表示中の画面を別の画面に遷移させる際に、画面遷移していることをユーザに視覚上で分かり易くフィードバックするために、画面遷移中にアニメーションを表示することが行われる。たとえば、遷移先の画面を透明度の高い状態から次第に透明度を下げていき、透明度が０％になったら画面遷移が完了するというように遷移先の画面をフェードインする方法、表示部の表示領域外から表示領域内へ遷移先の画面をスライドインする方法、遷移先の画面が当初小さな状態で現れた後、次第に大きくなる方法、などがある。また、遷移先の画面と全く関係のない、たとえば、見て楽しいアニメーションを表示することもある。 When the screen being displayed is transitioned to another screen, an animation is displayed during the screen transition in order to provide a visual feedback to the user that the screen is transitioning. For example, a method of fading in the transition destination screen so that the transition destination screen is gradually lowered from a high transparency state and the screen transition is completed when the transparency becomes 0%, outside the display area of the display unit There are a method of sliding in the transition destination screen into the display area from the screen, a method of gradually increasing the transition destination screen after it initially appears in a small state, and the like. In addition, for example, a fun animation that is not related to the transition destination screen may be displayed.
このようなアニメーションの表示には時間を要するので、遷移先の画面が完全に現れて操作可能になるまでユーザは待たされてしまう。たとえば、画面遷移のためのアニメーションが表示されている間は、遷移先の画面にどのような入力釦がどの場所にあるかを確認できないので、ユーザは、遷移先の画面が完全に表示されてから、各入力釦の位置や内容を確認し、それから入力釦を操作しなければならない。 Since displaying such an animation takes time, the user waits until the transition destination screen appears completely and can be operated. For example, while the animation for screen transition is displayed, it is impossible to confirm what input button is in which location on the transition destination screen, so that the user can see the transition destination screen completely. Therefore, the position and content of each input button must be confirmed, and then the input button must be operated.
そこで、急いで操作したいユーザにも対応し得るように、アニメーションの表示中に表示パネル部への操作が検出されたら、アニメーションを即座に終了させ、遷移先の画面を表示するように制御する表示制御装置が提案されている（たとえば、下記特許文献１参照。）。 Therefore, in order to cope with the user who wants to operate quickly, if an operation to the display panel unit is detected during the animation display, the animation is immediately terminated and the display is controlled to display the transition destination screen. A control device has been proposed (see, for example, Patent Document 1 below).
このほか、アニメーションを表示するか否かを選択し得る技術や、次の画面が右からスライドインしてくるアニメーションの表示途中で「戻る釦」が操作された場合に、その時点の位置から画面が右へ戻っていくようにアニメーションを変更することで、アニメーションの完了までの待ち時間を少なくする技術（特許文献２）などがある。 In addition, the technology that can select whether or not to display the animation, and the screen from the current position when the “back button” is operated while the animation that the next screen slides in from the right is displayed. For example, there is a technique (Patent Document 2) that reduces the waiting time until the animation is completed by changing the animation so as to return to the right.
特許文献１に開示されているように、ユーザから所定の操作を受けた場合に画面遷移のアニメーションを途中で終了させて遷移先の画面を表示すれば、遷移先の画面で操作を早く行いたいユーザの要望に応えることができる。 As disclosed in Patent Document 1, when a predetermined operation is received from the user, if the screen transition animation is terminated halfway and the transition destination screen is displayed, the user wants to perform the operation quickly on the transition destination screen. It can meet the user's request.
しかし、アニメーションを即座に終了させるため、アニメーションの効果が低下してしまう。 However, since the animation is immediately terminated, the effect of the animation is reduced.
なお、アニメーションの表示に限らず、たとえば、サーバとの間の通信速度が遅い、データ量が多いなどの原因で遷移先の画面が表示されるまでに長い時間を要することがあり、この場合にも、画面遷移が完了して、遷移先の画面の入力釦を操作できるまでに長時間待たされてしまう。 In addition to displaying animations, it may take a long time for the transition destination screen to be displayed due to, for example, a slow communication speed with the server or a large amount of data. However, it takes a long time until the screen transition is completed and the input button on the screen of the transition destination can be operated.
本発明は、上記の問題を解決しようとするものであり、アニメーションを表示するなど画面遷移に時間を要する場合にも、遷移先の画面に対する操作を早期に受け付けることのできる表示装置を提供することを目的としている。 The present invention is intended to solve the above-described problem, and provides a display device that can accept an operation for a transition destination screen at an early stage even when a screen transition takes time such as displaying an animation. It is an object.
かかる目的を達成するための本発明の要旨とするところは、次の各項の発明に存する。 The gist of the present invention for achieving the object lies in the inventions of the following items.
［１］タッチパネルを備えた表示装置において、
画面遷移中であって該画面遷移が完了する前に、遷移先の画面に表示される入力釦であって前記画面遷移の開始前には入力操作可能に表示されていない入力釦を入力操作可能に表示する
ことを特徴とする表示装置。
[1] In a display device provided with a touch panel,
An input button that is displayed on the transition destination screen before the screen transition is completed and is not displayed so that the input operation can be performed before the start of the screen transition can be performed. A display device characterized by displaying on.
上記発明では、画面遷移中に、遷移先の画面に表示される入力釦が入力操作可能に表示される。これにより、アニメーション表示などによる画面遷移が完了する前に、遷移先の画面にある入力釦に対する操作を行うことができる。 In the above invention, during the screen transition, the input button displayed on the transition destination screen is displayed so that the input operation is possible. Thereby, before the screen transition by an animation display etc. is completed, operation with respect to the input button in the screen of a transition destination can be performed.
［２］画面遷移の開始と同時に、遷移先の画面に表示される入力釦を入力操作可能に表示する
ことを特徴とする［１］に記載の表示装置。
[2] The display device according to [1], wherein an input button displayed on a transition destination screen is displayed so that an input operation can be performed simultaneously with the start of screen transition.
［３］遷移元の画像に表示された第１の入力釦に対するタッチを受けたと同時に、遷移先の画面に表示される入力釦を入力操作可能に表示する
ことを特徴とする［１］に記載の表示装置。
[3] The input button displayed on the transition destination screen is displayed so that the input operation can be performed at the same time when the touch to the first input button displayed on the transition source image is received. [1] Display device.
上記発明では、入力釦に対する入力がタッチした指を離したときに確定するような構成においても、入力釦にタッチした時点で、遷移先の画面にある入力釦が先行して表示される。 In the above invention, even in a configuration in which the input to the input button is determined when the touched finger is released, the input button on the transition destination screen is displayed in advance when the input button is touched.
［４］前記第１の入力釦に対するタッチを受けた後、前記タッチが前記第１の入力釦の位置で離されたら前記画面遷移を開始させ、前記タッチされた状態のままタッチ位置が所定領域の外へスライド移動されたら、前記第１の入力釦への前記タッチによる入力をキャンセルする
ことを特徴とする［３］に記載の表示装置。
[4] After receiving a touch on the first input button, if the touch is released at the position of the first input button, the screen transition is started, and the touch position remains in the predetermined area while being touched. The display device according to [3], wherein the input by the touch on the first input button is canceled when the first input button is slid outside.
上記発明では、表示中の画面にある各入力釦への入力操作を、その入力釦を押下した場合の遷移先の画面にある入力釦を確認しながら行うことができる。 In the above invention, an input operation to each input button on the currently displayed screen can be performed while confirming the input button on the transition destination screen when the input button is pressed.
［５］前記遷移先の画面に表示される入力釦を入力操作可能に表示するタイミングは、画面遷移中に前記タッチパネルに指が近づけられたことを検出したときであり、前記遷移先の画面が表示されたならば前記近づけられた指の付近に位置する予定の入力釦を前記入力操作可能に表示する
ことを特徴とする［１］に記載の表示装置。
[5] The timing at which the input button displayed on the transition destination screen is displayed so that the input operation can be performed is when it is detected that a finger is brought close to the touch panel during the screen transition. The display device according to [1], wherein if displayed, an input button scheduled to be located in the vicinity of the finger that has been brought close is displayed so that the input operation is possible.
上記発明では、画面に指を近づけたとき、遷移先の画面内でその近づけた指の付近に位置する入力釦が先行して表示される。指を近づけたとき、その近づけた付近の入力釦だけが表示されるので、アニメーションの効果の低下を少なく抑えることができる。 In the above invention, when a finger is brought close to the screen, an input button positioned in the vicinity of the approached finger is displayed in advance in the transition destination screen. When the finger is brought close, only the input buttons in the vicinity are displayed, so that the effect of the animation can be reduced.
［６］前記遷移先の画面に表示される入力釦を入力操作可能に表示するタイミングは、画面遷移中に前記タッチパネルへの新たなタッチを検出したときであり、前記遷移先の画面が表示されたならば前記タッチされた場所に位置する予定の入力釦を前記入力操作可能に表示する
ことを特徴とする［１］に記載の表示装置。
[6] The input button displayed on the transition destination screen is displayed in such a manner that the input operation can be performed when a new touch on the touch panel is detected during the screen transition, and the transition destination screen is displayed. The display device according to [1], wherein an input button scheduled to be located at the touched location is displayed so that the input operation is possible.
上記発明では、画面に指をタッチしたとき、遷移先の画面内でそのタッチした位置にある入力釦が先行して表示される。指を画面にタッチしたとき、そのタッチした位置にある入力釦が表示されるので、アニメーションの効果の低下を少なく抑えることができる。 In the above invention, when a finger is touched on the screen, the input button at the touched position is displayed in advance in the transition destination screen. When the finger is touched on the screen, the input button at the touched position is displayed, so that a decrease in the effect of the animation can be suppressed to a minimum.
［７］前記画面遷移中にアニメーションを表示する
ことを特徴とする［１］乃至［６］のいずれか１つに記載の表示装置。
[7] The display device according to any one of [1] to [6], wherein an animation is displayed during the screen transition.
［８］前記アニメーションの表示中に、前記入力操作可能に表示した入力釦への入力を検知した場合は、前記アニメーションの表示が完了した直後に前記入力に応じた処理を行う
ことを特徴とする［７］に記載の表示装置。
[8] When an input to the input button displayed so that the input operation can be performed is detected during the display of the animation, a process corresponding to the input is performed immediately after the display of the animation is completed. The display device according to [7].
上記発明では、画面遷移中に先行して行った入力操作に対応する処理が、画面遷移の完了直後に実行される。 In the said invention, the process corresponding to the input operation performed in advance during a screen transition is performed immediately after completion of a screen transition.
［９］前記アニメーションの表示中に、前記入力操作可能に表示した入力釦への入力を検知した場合は、前記アニメーションの速度を上げる
ことを特徴とする［８］に記載の表示装置。
[9] The display device according to [8], wherein when an input to the input button displayed so as to allow input operation is detected during the display of the animation, the speed of the animation is increased.
上記発明では、アニメーションの表示の効果の低下を少なく抑えつつ、画面遷移完了までの時間を短縮することができる。 In the above invention, it is possible to shorten the time until the screen transition is completed while suppressing a decrease in the effect of displaying animation.
［１０］前記アニメーションの表示中に、前記入力操作可能に表示した入力釦への第１の入力を検知し、その後、前記アニメーションの表示が完了する前に前記入力釦と同じ入力釦に対する第２の入力を検知した場合は、前記第２の入力によって前記第１の入力をキャンセルする
ことを特徴とする［８］または［９］に記載の表示装置。
[10] While the animation is displayed, a first input to the input button displayed so that the input operation can be performed is detected, and then the second input to the same input button as the input button before the display of the animation is completed. The display device according to [8] or [9], wherein when the first input is detected, the first input is canceled by the second input.
上記発明では、画面遷移中に先行して行った入力操作に誤りがあった場合に、その操作をキャンセルすることができる。 In the above invention, when there is an error in the input operation performed in advance during the screen transition, the operation can be canceled.
［１１］前記アニメーションの表示中に、前記入力操作可能に表示した入力釦への入力を検知した場合は、前記アニメーションの表示を中断して前記遷移先の画面を表示し、その直後に前記入力に応じた処理を行う
ことを特徴とする［７］に記載の表示装置。
[11] If an input to the input button displayed so that the input operation can be performed is detected during the display of the animation, the animation display is interrupted and the transition destination screen is displayed. The display device according to [7], wherein a process according to is performed.
［１２］前記入力操作可能に表示される入力釦は半透明である
ことを特徴とする［８］に記載の表示装置。
[12] The display device according to [8], wherein the input button displayed so that the input operation is possible is translucent.
上記発明では、遷移先の入力釦を半透明に表示することで、アニメーションの表示中に遷移先の入力釦を表示しても、アニメーションの効果の低下を少なく抑えることができる。 In the above invention, the transition destination input button is displayed translucently, so that even if the transition destination input button is displayed during the animation display, it is possible to suppress a decrease in the effect of the animation.
［１３］前記半透明の入力釦を、前記アニメーションの表示が完了したら、前記遷移先の画面における表示態様で表示する
ことを特徴とする［１２］に記載の表示装置。
[13] The display device according to [12], wherein when the display of the animation is completed, the translucent input button is displayed in a display mode on the transition destination screen.
上記発明では、たとえば、遷移先の画面で入力釦が不透明に表示されるならば、アニメーションの表示中に半透明に表示した入力釦は、アニメーションの表示が完了したとき、不透明に表示される。 In the above invention, for example, if the input button is displayed in an opaque manner on the transition destination screen, the input button displayed in a translucent manner during the display of the animation is displayed in an opaque state when the display of the animation is completed.
［１４］前記半透明の入力釦の透明度を、前記アニメーションの表示中に次第に低下させる
ことを特徴とする［１２］または［１３］に記載の表示装置。
[14] The display device according to [12] or [13], wherein the transparency of the translucent input button is gradually lowered during the display of the animation.
［１５］前記半透明の入力釦に、前記遷移先の画面における表示態様の前記入力釦に存在する文字を表示する
ことを特徴とする［１２］乃至［１４］のいずれか１つに記載の表示装置。
[15] The character according to any one of [12] to [14], wherein the translucent input button displays a character existing on the input button of the display mode on the transition destination screen. Display device.
上記発明では、アニメーションの表示中に先行して表示した遷移先の画面の入力釦の機能をユーザに文字で知らせることができる。 In the above invention, the function of the input button on the transition destination screen displayed in advance during the display of the animation can be notified to the user by characters.
本発明に係る表示装置によれば、画面遷移中に遷移先の画面にある入力釦を入力操作可能に表示するので、アニメーションを表示するなどして画面遷移に時間がかかる場合にも遷移先の画面に対する操作を早期に受け付けることができる。 According to the display device of the present invention, the input button on the transition destination screen is displayed so that the input operation can be performed during the screen transition. Therefore, even when the screen transition takes a long time by displaying an animation or the like, the transition destination Operations on the screen can be received early.
以下、図面に基づき本発明の実施の形態を説明する。 Hereinafter, embodiments of the present invention will be described with reference to the drawings.
図１は、本発明の実施の形態に係る表示装置１０の概略構成を示すブロック図である。表示装置１０は、タッチパネルを備えている。表示装置１０は、各種の操作画面を表示し、ユーザから指やペンでのタッチによる操作を受けると、その操作に対応する処理を行うと共に、その操作に対応する画面に表示する画面を遷移させるように動作する。 FIG. 1 is a block diagram showing a schematic configuration of a display device 10 according to an embodiment of the present invention. The display device 10 includes a touch panel. When the display device 10 displays various operation screens and receives an operation by a touch with a finger or a pen from the user, the display device 10 performs a process corresponding to the operation and changes the screen displayed on the screen corresponding to the operation. To work.
表示装置１０は、当該表示装置１０の動作を統括的に制御する制御部としてのＣＰＵ(Central Processing Unit)１１を有している。ＣＰＵ１１にはバスを通じてＲＯＭ(Read Only Memory)１２、ＲＡＭ(Random Access Memory)１３、不揮発メモリ１４、表示制御部１５、操作受付部１６、ネットワーク通信部１７などが接続されている。さらに、表示制御部１５および操作受付部１６を介してタッチパネル付き表示部１８が接続されている。 The display device 10 includes a CPU (Central Processing Unit) 11 as a control unit that comprehensively controls the operation of the display device 10. The CPU 11 is connected to a ROM (Read Only Memory) 12, a RAM (Random Access Memory) 13, a nonvolatile memory 14, a display control unit 15, an operation reception unit 16, a network communication unit 17, and the like through a bus. Further, a display unit 18 with a touch panel is connected via the display control unit 15 and the operation receiving unit 16.
タッチパネル付き表示部１８は、液晶ディスプレイ（ＬＣＤ…Liquid Crystal Display）などの表示部と、表示部の表示面上に設けられたタッチパネルを備えている。タッチパネル付き表示部１８は、表示部に各種の操作画面や設定画面等を表示する機能、およびタッチパネルを通じてユーザから各種の操作を受け付ける機能を果たす。このほか、表示装置１０はいくつかのハードキーを備えてもよい。 The display unit 18 with a touch panel includes a display unit such as a liquid crystal display (LCD) and a touch panel provided on the display surface of the display unit. The display unit 18 with a touch panel fulfills a function of displaying various operation screens and setting screens on the display unit, and a function of receiving various operations from the user through the touch panel. In addition, the display device 10 may include some hard keys.
ＣＰＵ１１は、ＲＯＭ１２に格納されている各種のプログラムを実行する。ＲＯＭ１２には、ＣＰＵ１１が実行するプログラムのほか各種の固定的データが記憶されている。 The CPU 11 executes various programs stored in the ROM 12. The ROM 12 stores various fixed data in addition to programs executed by the CPU 11.
ＲＡＭ１３は、ＣＰＵ１１がプログラムに基づいて処理を実行する際に各種のデータを一時的に格納するワークメモリや表示する画面のデータを格納する表示用メモリなどとして使用される。 The RAM 13 is used as a work memory for temporarily storing various data when the CPU 11 executes processing based on a program, a display memory for storing screen data to be displayed, and the like.
不揮発メモリ１４は、電源をオフにしても記憶内容が破壊されないメモリ（フラッシュメモリ）であり、各種設定情報の保存などに使用される。 The nonvolatile memory 14 is a memory (flash memory) whose stored contents are not destroyed even when the power is turned off, and is used for storing various setting information.
表示制御部１５は、タッチパネル付き表示部１８の表示部のドライバとしての機能を果たし、画面の表示を制御する。操作受付部１６はタッチパネル付き表示部１８のタッチパネルのドライバとしての機能を果たし、タッチパネルの検出信号からタッチ位置を特定しその座標情報を取得する等の機能を果たす。 The display control unit 15 functions as a driver of the display unit of the display unit 18 with a touch panel, and controls the display of the screen. The operation receiving unit 16 functions as a touch panel driver of the display unit 18 with a touch panel, and functions such as specifying a touch position from a detection signal of the touch panel and acquiring coordinate information thereof.
ネットワーク通信部１７はＰＣ（Personal Computer）、サーバなどの外部装置とＬＡＮ（Local Area Network）などのネットワークを通じて通信する機能を果たす。表示装置１０は、たとえば、コピー機能、プリンタ機能、ファクシミリ機能を備えた複合機などの装置を遠隔から操作するためのリモート操作パネルとして使用される。 The network communication unit 17 performs a function of communicating with an external device such as a PC (Personal Computer) and a server through a network such as a LAN (Local Area Network). The display device 10 is used as a remote operation panel for remotely operating a device such as a multifunction machine having a copy function, a printer function, and a facsimile function, for example.
図２は、表示装置１０の機能を実現するためにＣＰＵ１１が実行するプログラムの概略の機能構成を示している。表示装置１０のプログラムは、装置全体を制御する全体制御部３１、タッチパネルへの操作を受け付けた場合に入力に合わせた制御を行うタッチパネル入力制御部３２、画面遷移時の制御を行う画面遷移制御部３３、画面遷移時のアニメーションを制御するアニメーション制御部３４、アニメーションの表示中や画面遷移後に表示される画面を作成（準備）する画面作成部３５などで構成される。 FIG. 2 shows a schematic functional configuration of a program executed by the CPU 11 in order to realize the function of the display device 10. The program of the display device 10 includes an overall control unit 31 that controls the entire device, a touch panel input control unit 32 that performs control in accordance with input when an operation on the touch panel is received, and a screen transition control unit that performs control during screen transition. 33, an animation control unit 34 for controlling an animation at the time of screen transition, a screen creation unit 35 for creating (preparing) a screen displayed during animation display or after screen transition.
次に、表示装置１０が行う画面遷移について説明する。 Next, screen transition performed by the display device 10 will be described.
図３は、表示装置１０が行う画面遷移の一例を示している。一の画面がタッチパネル付き表示部１８に表示されている状態で、この画面に表示されている入力釦４１に対するタッチ操作（入力）を受けると（図３（ａ））、タッチパネル付き表示部１８の中心に遷移先の画面を小さく出現させた後、この画面を次第に大きくするといったアニメーション４２を表示する。 FIG. 3 shows an example of screen transition performed by the display device 10. When one screen is displayed on the display unit 18 with a touch panel and a touch operation (input) on the input button 41 displayed on this screen is received (FIG. 3A), the display unit 18 with a touch panel is displayed. After the transition destination screen appears small at the center, an animation 42 is displayed in which the screen is gradually enlarged.
一般には、アニメーションの表示が完了して遷移先の画面が完全な形で現れた後でなければ、遷移先の画面にどのような入力釦がどの位置にあるかをユーザは正しく認識できない。 Generally, the user cannot correctly recognize what input button is in which position on the transition destination screen until after the display of the animation is completed and the transition destination screen appears in a complete form.
しかし、本実施の形態に係る表示装置１０では、アニメーション４２の表示を開始すると、即座に、遷移先の画面に存在する入力釦４３を、入力操作可能な状態で表示して、入力操作の受け付けを開始する（図３（ｂ））。 However, in the display device 10 according to the present embodiment, when the display of the animation 42 is started, the input button 43 present on the transition destination screen is immediately displayed in a state where the input operation is possible, and the input operation is accepted. Is started (FIG. 3B).
画面遷移中に遷移先の画面にある入力釦４３を表示することを先行表示と呼び、先行表示した入力釦４３に対する入力操作を先行入力と呼ぶものとする。 Displaying the input button 43 on the transition destination screen during the screen transition is referred to as advance display, and an input operation for the input button 43 displayed in advance is referred to as advance input.
先行表示した入力釦４３に対して先行入力を受けていた場合は、画面遷移が完了した直後に、先行入力の内容に応じた処理を行う（図３（ｃ））。 If a prior input has been received for the input button 43 displayed in advance, immediately after the screen transition is completed, a process corresponding to the content of the prior input is performed (FIG. 3C).
図３（ｂ）では、入力釦４３を半透明な表示形態で先行表示している。半透明な釦の上に、その入力釦の機能名を示す文言や機能を示す図柄を表示してもよい。たとえば、遷移先の画面での表示態様において入力釦に存在する文字を、先行表示した半透明の入力釦４３にも表示する。なお、入力釦４３は不透明に先行表示されてもよいが、アニメーションの効果を損ねないためには、半透明が好ましい。 In FIG. 3B, the input button 43 is displayed in advance in a translucent display form. A word indicating the function name of the input button or a symbol indicating the function may be displayed on the translucent button. For example, the character existing on the input button in the display mode on the transition destination screen is also displayed on the translucent input button 43 displayed in advance. The input button 43 may be displayed in advance in an opaque manner, but is preferably translucent so as not to impair the effect of the animation.
図４は、表示装置１０が行う画面遷移に関する処理を示している。この処理は表示装置１０の電源がオンされて初期化処理が終了した後に実行される。 FIG. 4 shows processing related to screen transition performed by the display device 10. This process is executed after the display device 10 is turned on and the initialization process is completed.
まず、表示すべき画面を表示する（ステップＳ１０１）。通常は、別の画面からの遷移が完了してステップＳ１０１で画面を表示する。この画面を表示するまでの画面遷移中に先行入力があったか否かを判断する（ステップＳ１０２）。先行入力がなければ（ステップＳ１０２；Ｎｏ）、現在表示中の画面で入力操作の受け付けを監視する（ステップＳ１０３）。現在表示中の画面で入力操作を受けると（ステップＳ１０３；Ｙｅｓ）、該入力操作に対応した遷移先の画面の画面データを準備して（ステップＳ１０４）、ステップＳ１０６へ移行する。 First, a screen to be displayed is displayed (step S101). Normally, the transition from another screen is completed and the screen is displayed in step S101. It is determined whether or not there is a prior input during screen transition until this screen is displayed (step S102). If there is no preceding input (step S102; No), the reception of the input operation is monitored on the currently displayed screen (step S103). When an input operation is received on the currently displayed screen (step S103; Yes), screen data of a transition destination screen corresponding to the input operation is prepared (step S104), and the process proceeds to step S106.
先行入力がある場合は（ステップＳ１０２；Ｙｅｓ）、先行入力に対応した遷移先の画面の画面データを準備すると共に、記憶されている先行入力の内容をクリアして（ステップＳ１０５）、ステップＳ１０６へ移行する。 When there is a preceding input (step S102; Yes), the screen data of the transition destination screen corresponding to the preceding input is prepared, and the content of the stored preceding input is cleared (step S105), and the process proceeds to step S106. Transition.
ステップＳ１０６では、画面遷移のためのアニメーションの表示を開始すると同時に、遷移先の画面にある入力釦を入力操作可能に先行表示する。たとえば、遷移先の画面にある入力釦を半透明に表示し、その入力釦に対する入力操作を監視する。 In step S106, the display of the animation for screen transition is started, and at the same time, the input buttons on the transition destination screen are displayed in advance so that the input operation can be performed. For example, an input button on the transition destination screen is displayed in a translucent manner, and an input operation on the input button is monitored.
先行表示した入力釦に対して、アニメーションの表示が完了する前に入力操作を受けた場合は（ステップＳ１０７；Ｙｅｓ）、この入力操作（先行操作）を受け付けて記憶する（ステップＳ１０９）。その後、アニメーションが完了（画面遷移が完了）したら（ステップＳ１１０）、ステップＳ１０１へ戻って処理を継続する。 If an input operation is received before the animation display is completed for the input button displayed in advance (step S107; Yes), the input operation (preceding operation) is accepted and stored (step S109). Thereafter, when the animation is completed (the screen transition is completed) (step S110), the process returns to step S101 and continues.
先行入力を受けることなく（ステップＳ１０７；Ｎｏ）、アニメーションの表示が完了した場合は（ステップＳ１０８；Ｙｅｓ）、ステップＳ１０１へ戻って処理を継続する。 If the display of the animation is completed without receiving a prior input (step S107; No) (step S108; Yes), the process returns to step S101 and continues.
すなわち、アニメーションが終了して画面遷移が完了したとき、先行表示した入力釦に対する入力操作（先行入力）を画面遷移中に受けていたか否かをチェックし、先行入力を受けていなければ、通常の画面遷移動作と同じく、画面遷移後の画面で入力受付状態となり、先行入力を受けていた場合は、画面遷移が完了した直後に、先行入力の内容に応じた処理（たとえば、次の画面への画面遷移など）を行う。 That is, when the animation is finished and the screen transition is completed, it is checked whether an input operation (preceding input) for the input button displayed in advance is received during the screen transition. As with the screen transition operation, the screen is in the state of accepting input on the screen after the screen transition, and if the previous input has been received, immediately after the screen transition is completed, the processing corresponding to the content of the previous input (for example, to the next screen) Screen transition).
このように、画面遷移中であって画面遷移の完了前に、遷移先の画面に存在する入力釦を、入力操作可能に表示するので、ユーザは、画面遷移の完了を待つことなく、遷移先の画面にどのような入力釦がどの場所にあるかを認識して、早期に入力操作を行うことができる。 As described above, since the input button existing in the transition destination screen is displayed so that the input operation can be performed before the screen transition is completed during the screen transition, the user can wait for the transition destination without waiting for the completion of the screen transition. It is possible to recognize which input button is located on which screen and to perform an input operation at an early stage.
なお、半透明の表示態様で先行表示した入力釦４３は、画面遷移が完了したとき（アニメーションが完了したとき）、遷移先の画面における表示態様で表示する。たとえば、遷移先の画面での表示態様が不透明であれば、アニメーションの表示が完了したとき、不透明に表示する。 Note that the input button 43 displayed in advance in a translucent display mode is displayed in the display mode on the transition destination screen when the screen transition is completed (when the animation is completed). For example, if the display mode on the transition destination screen is opaque, the display is made opaque when the animation display is completed.
また、半透明に先行表示した入力釦４３の透明度は、画面遷移中、同じ透明度で維持してもよいし、アニメーションの表示中に時間の経過に伴って次第に透明度を低下させるようにしてもよい。 Further, the transparency of the input button 43 that is displayed semi-transparently may be maintained at the same transparency during the screen transition, or the transparency may be gradually decreased with the passage of time during the display of the animation. .
次に、画面遷移の各種の形態について説明する。 Next, various forms of screen transition will be described.
＜指を近づけると先行表示される場合＞
アニメーションの表示を開始しても入力釦の先行表示を直ぐには行わず、画面遷移中（アニメーション表示中）にユーザがタッチパネル付き表示部１８の表示部の表示面に指を近づけたとき、遷移先の画面においてその指の近くに位置する予定の入力釦を先行表示する。
<When a finger is brought closer to the screen to display ahead>
Even if the display of the animation is started, the input button is not immediately displayed in advance. When the user brings his / her finger close to the display surface of the display unit 18 with the touch panel during the screen transition (during animation display), the transition destination An input button scheduled to be located near the finger is displayed in advance on the screen.
この場合、タッチパネル付き表示部１８は、表示部の表示面上に指などがタッチした位置（座標）を検出するほか、表示面に近づいた指の位置を検出する機能も備える。たとえば、カメラを設けて指の位置（表示面からの距離）を検出したり、タッチパネルを３Ｄタッチパネルとして構成したりする。３Ｄタッチパネルは、たとえば、静電式のタッチパネルの感度を、近づいた指を検知可能な高感度と、タッチしたとき初めて指を検知する低感度とにダイナミックに切り替える（たとえば、１秒に１０回以上切り替える）ことで実現される。 In this case, the display unit 18 with a touch panel has a function of detecting a position of the finger approaching the display surface in addition to detecting a position (coordinates) touched by a finger or the like on the display surface of the display unit. For example, a camera is provided to detect the position of the finger (distance from the display surface), or the touch panel is configured as a 3D touch panel. The 3D touch panel, for example, dynamically switches the sensitivity of the electrostatic touch panel between a high sensitivity capable of detecting a finger approaching and a low sensitivity which detects a finger for the first time when touched (for example, 10 times or more per second). Realized by switching).
図５は、指を近づけた場所の付近にある入力釦が先行表示される場合の画面遷移の表示例を示している。 FIG. 5 shows a display example of the screen transition when the input button near the place where the finger is brought close is displayed in advance.
表示中の画面に存在する入力釦４１に対するタッチ操作（入力）を受けると（図５（ａ））、表示部の中心に遷移先の画面を小さく出現させた後、この画面を次第に大きくするといったアニメーション４２を表示する（同図（ｂ）。アニメーション４２の表示を開始しても、この時点では、遷移先の画面に存在する入力釦は先行表示されない。 When a touch operation (input) on the input button 41 existing on the screen being displayed is received (FIG. 5A), after the transition destination screen appears small in the center of the display unit, the screen is gradually enlarged. The animation 42 is displayed ((b) in the figure) Even if the display of the animation 42 is started, at this time, the input button existing on the transition destination screen is not displayed in advance.
アニメーション表示中の画面にユーザが指を近づけると同図（ｃ）に示すように、遷移先の画面で該近づけた指の周辺に存在する入力釦４３ａのみが入力操作可能に表示される。ユーザが別の場所に指を近づけると、該別の場所の近くに存在する入力釦４３ｂがさらに入力操作可能に追加表示される（同図（ｄ））。 When the user brings his / her finger close to the screen during animation display, as shown in FIG. 5C, only the input button 43a existing around the finger close to the screen on the transition destination is displayed so that an input operation can be performed. When the user brings his / her finger close to another place, the input button 43b existing near the other place is additionally displayed so as to allow further input operation ((d) in the figure).
画面遷移中に表示した入力釦４３ｂに対して先行入力を受けていた場合（同図（ｅ））は、画面遷移が完了した直後に、先行入力の内容に応じた処理を行う（同図（ｆ））。 When a previous input is received for the input button 43b displayed during the screen transition ((e) in the figure), immediately after the screen transition is completed, a process corresponding to the content of the preceding input is performed (the figure ( f)).
図６は、指を近づけると遷移先の画面でその付近にある入力釦が先行表示される場合の画面遷移の処理を示す流れ図である。図４と同じ処理内容のステップには同じステップ番号を付してある。 FIG. 6 is a flowchart showing a process of screen transition when an input button in the vicinity is displayed in advance on the transition destination screen when the finger is brought close. Steps having the same processing contents as those in FIG. 4 are given the same step numbers.
表示すべき画面を表示し（ステップＳ１０１）、この画面を表示するまでの画面遷移中に先行入力があったか否かを判断する（ステップＳ１０２）。先行入力がなければ（ステップＳ１０２；Ｎｏ）、現在表示中の画面で入力操作の受け付けを監視する（ステップＳ１０３）。現在表示中の画面において入力操作を受けると（ステップＳ１０３；Ｙｅｓ）、該入力操作に対応した遷移先の画面の画面データを準備して（ステップＳ１０４）、ステップＳ１２１へ移行する。 A screen to be displayed is displayed (step S101), and it is determined whether or not there is a prior input during the screen transition until this screen is displayed (step S102). If there is no preceding input (step S102; No), the reception of the input operation is monitored on the currently displayed screen (step S103). When an input operation is received on the currently displayed screen (step S103; Yes), screen data of a transition destination screen corresponding to the input operation is prepared (step S104), and the process proceeds to step S121.
先行入力がある場合は（ステップＳ１０２；Ｙｅｓ）、先行入力に対応した遷移先の画面の画面データを準備すると共に、記憶されている先行入力の内容をクリアして（ステップＳ１０５）、ステップＳ１２１へ移行する。 If there is a preceding input (step S102; Yes), the screen data of the transition destination screen corresponding to the preceding input is prepared, and the content of the stored preceding input is cleared (step S105), and the process proceeds to step S121. Transition.
ステップＳ１２１では、画面遷移のためのアニメーションの表示を開始する。その後、画面に指が近づけられたか否かを監視し（ステップＳ１２２）、画面に指が近づけられたことを検知したら（ステップＳ１２２；Ｙｅｓ）、該指が近づけられた付近の遷移先画面内の入力釦を入力操作可能に表示して（ステップＳ１２３）、ステップＳ１０７へ移行する。指が近づけられない場合は（ステップＳ１２２；Ｎｏ）、先行表示せずに、そのまま、ステップＳ１０７へ移行する。 In step S121, display of animation for screen transition is started. Thereafter, it is monitored whether or not the finger is brought close to the screen (step S122), and when it is detected that the finger is brought close to the screen (step S122; Yes), in the transition destination screen in the vicinity where the finger is brought close The input button is displayed so that an input operation is possible (step S123), and the process proceeds to step S107. If the finger cannot be brought close (step S122; No), the process proceeds to step S107 as it is without displaying in advance.
入力操作可能に先行表示した入力釦に対して、アニメーションの表示が完了する前に入力操作を受けた場合は（ステップＳ１０７；Ｙｅｓ）、この入力操作（先行操作）を受け付けて記憶する（ステップＳ１０９）。その後、アニメーションが完了（画面遷移が完了）したら（ステップＳ１１０）、ステップＳ１０１へ戻って処理を継続する。 If an input operation is received before the animation display is completed with respect to the input button displayed in advance so that the input operation can be performed (step S107; Yes), the input operation (preceding operation) is accepted and stored (step S109). ). Thereafter, when the animation is completed (the screen transition is completed) (step S110), the process returns to step S101 and continues.
先行入力を受けない場合は（ステップＳ１０７；Ｎｏ）、アニメーションの表示が完了したか否かを調べ、完了していなければ（ステップＳ１０８；Ｎｏ）、ステップＳ１２２に戻って、指が近づけられたか否かを監視する。アニメーションの表示が完了した場合は（ステップＳ１０８；Ｙｅｓ）、ステップＳ１０１へ戻って処理を継続する。 If no preceding input is received (step S107; No), it is checked whether or not the animation display has been completed. If not (step S108; No), the process returns to step S122 to determine whether or not the finger has been approached. To monitor. When the display of the animation is completed (step S108; Yes), the process returns to step S101 and continues.
なお、指が近づけられてその近くの入力釦を先行表示した後、該先行表示した入力釦にタッチされることなく指が遠ざけられたら、該先行表示した入力釦を消去するように構成されてもよい。 In addition, after the finger is brought close and the input button near it is displayed in advance, if the finger is moved away without touching the input button displayed in advance, the input button displayed in advance is deleted. Also good.
＜先行入力によりアニメーションを中断する場合＞
これまで説明した画面遷移の例では、先行表示した入力釦に対して先行入力を受けるか否かにかかわらず、アニメーションの表示をそのまま継続したが、先行入力を受けた時点でアニメーションの表示を中断し、直ちに遷移先の画面を正しい表示態様で表示するようにする。
<When animation is interrupted by preceding input>
In the screen transition examples described so far, the animation display is continued as it is regardless of whether or not the preceding input is received, but the animation display is interrupted when the preceding input is received. Then, the transition destination screen is immediately displayed in the correct display mode.
これにより、アニメーションの効果は低下するが、ユーザの待ち時間を短くすることができる。 Thereby, although the effect of animation falls, a user's waiting time can be shortened.
図７は、先行入力を受けた場合にアニメーションの表示を中断する場合の処理の流れを示している。図４と同一の処理内容のステップには同じステップ番号を付してあり、詳細な説明は省略する。図４との相違は、ステップＳ１０９の次に、ステップＳ１１０に代えてステップＳ１１１を実行する点である。 FIG. 7 shows the flow of processing when the animation display is interrupted when a prior input is received. Steps having the same processing contents as those in FIG. 4 are denoted by the same step numbers, and detailed description thereof is omitted. The difference from FIG. 4 is that step S111 is executed after step S109 instead of step S110.
＜先行入力によりアニメーションの速度を上げる場合＞
先行入力を受けた時点からアニメーションの速度を上げて、アニメーションの表示を早期に完了させる。これにより、アニメーションを中断させる場合に比べて、アニメーションの効果の低下を少なく抑えつつ、遷移先の画面が完全に表示されるまでのユーザの待ち時間を短くすることができる。
<In case of increasing the animation speed by preceding input>
The animation speed is increased from the point of time when the preceding input is received, and the animation display is completed early. Thereby, compared with the case where the animation is interrupted, the waiting time of the user until the transition destination screen is completely displayed can be shortened while suppressing a decrease in the effect of the animation.
図８は、先行入力を受けた場合にアニメーションの表示速度を上げる場合の処理の流れを示している。図４と同じ処理内容のステップには同一のステップ番号を付してある。図４との相違は、ステップＳ１０９の次に、ステップＳ１１０に代えてステップＳ１１２、Ｓ１１３を実行する点である。 FIG. 8 shows the flow of processing when the animation display speed is increased when a prior input is received. Steps having the same processing contents as those in FIG. 4 are given the same step numbers. The difference from FIG. 4 is that, after step S109, steps S112 and S113 are executed instead of step S110.
＜アニメーション完了前に先行入力をキャンセル可能にする場合＞
画面遷移中に先行表示した入力釦に対する先行入力を受けた後、アニメーションが完了する前に、もう一度、同じ入力釦に対する操作を受けた場合に、先行入力をキャンセルする。
<If you want to be able to cancel prior input before the animation is complete>
After receiving the preceding input for the input button displayed in advance during the screen transition and before receiving the operation for the same input button again before the animation is completed, the preceding input is canceled.
図９は上記の場合の画面遷移の例を示している。表示中の画面の入力釦４１に対するタッチ操作（入力）を受けると（図９（ａ））、表示部の中心に遷移先の画面を小さく出現させた後、この画面を次第に大きくするといったアニメーション４２を表示すると同時に、遷移先の画面に存在する入力釦４３を先行表示する。 FIG. 9 shows an example of screen transition in the above case. When a touch operation (input) on the input button 41 on the screen being displayed is received (FIG. 9 (a)), an animation 42 in which, after the transition destination screen appears small in the center of the display unit, the screen gradually increases in size. Is displayed at the same time as the input button 43 existing on the transition destination screen.
先行表示した入力釦４３に対する入力操作（先行入力）を受け（同図（ｂ））、その後、アニメーション４２の表示が完了する前に同じ入力釦４３に対する操作を再度受けると（同図（ｃ））、先行入力はキャンセルされて、先行入力を受けていない状態に戻る。そして、アニメーション４２の表示が完了すると、遷移先の画面が正しい表示態様で表示され、この画面でユーザからの入力操作を待つ状態になる（同図（ｄ））。 When an input operation (preceding input) for the input button 43 displayed in advance is received ((b) in the figure), and thereafter, the operation for the same input button 43 is received again before the display of the animation 42 is completed ((c) in the figure). ), The preceding input is canceled, and the state returns to the state where the preceding input has not been received. When the display of the animation 42 is completed, the transition destination screen is displayed in the correct display mode, and the screen waits for an input operation from the user on this screen ((d) in the figure).
先行入力を受け（同図（ｂ））、その後、該先行入力がキャンセルされなかった場合は、アニメーション４２の表示が完了して画面遷移が完了した直後に、先行入力の内容に応じた処理を行う（同図（ｅ））。 When the preceding input is received ((b) in the figure) and the preceding input is not canceled after that, immediately after the display of the animation 42 is completed and the screen transition is completed, the processing according to the content of the preceding input is performed. Performed ((e) in the figure).
図１０は、アニメーションの表示が完了する前に先行入力をキャンセル可能な場合の画面遷移に関する処理の流れを示している。図４と同じ処理内容のステップには同一のステップ番号を付してある。図４との相違は、ステップＳ１０９より後の処理である。 FIG. 10 shows a flow of processing related to screen transition when the preceding input can be canceled before the animation display is completed. Steps having the same processing contents as those in FIG. 4 are given the same step numbers. The difference from FIG. 4 is the processing after step S109.
すなわち、先行入力を受けてその内容を記憶した（ステップＳ１０９）後、アニメーションの表示が完了する前に同じ入力釦に対する操作があるか否かを監視する（ステップＳ１１４）。同じ入力釦に対する操作を受けた場合は（ステップＳ１１４；Ｙｅｓ）、この入力釦に対する先行入力をキャンセルして（ステップＳ１１６）、ステップＳ１０７へ移行する。具体的にはステップＳ１０９で記憶した内容を消去する。 That is, after receiving the prior input and storing the contents (step S109), it is monitored whether or not there is an operation on the same input button before the display of the animation is completed (step S114). If an operation for the same input button is received (step S114; Yes), the preceding input for the input button is canceled (step S116), and the process proceeds to step S107. Specifically, the contents stored in step S109 are deleted.
同じ入力釦に対する操作を受けることなくアニメーションの表示が完了した場合は（ステップＳ１１５；Ｙｅｓ）、ステップＳ１０９で記憶した先行入力の内容を有効としたまま、ステップＳ１０１へ戻る。 When the display of the animation is completed without receiving an operation for the same input button (step S115; Yes), the process returns to step S101 while keeping the contents of the preceding input stored in step S109 valid.
なお、先行入力をキャンセルする方法は、上記の方法（同じ入力釦の再操作）に限定されず、別の方法、たとえば、別途のキャンセル釦を操作する等でもよい。 The method of canceling the preceding input is not limited to the above method (re-operation of the same input button), and another method, for example, operating a separate cancel button, may be used.
次に、画面遷移中にアニメーションを表示しない場合について説明する。 Next, a case where no animation is displayed during screen transition will be described.
これまでに説明した例では、画面遷移中にアニメーションを表示する構成であったが、本発明は、画面遷移中にアニメーションを表示する場合に限定されるものではない。たとえば、次の画面のデータ量が多い場合や次の画面のデータをサーバからダウンロードする際の通信速度が遅いような場合には、アニメーションを表示しなくても、次の画面が完全に表示されるまでに長い時間を要する場合がある。 In the examples described so far, the animation is displayed during the screen transition. However, the present invention is not limited to the case where the animation is displayed during the screen transition. For example, if the amount of data on the next screen is large, or if the communication speed when downloading the data on the next screen from the server is slow, the next screen will be displayed completely without displaying an animation. It may take a long time to complete.
このような場合に、遷移先の画面が正しい表示態様で完全に表示される前に、遷移先の画面に存在する入力釦だけを先に表示し、入力釦以外の部分をその後で表示するようにしてもよい。 In such a case, before the transition destination screen is completely displayed in the correct display mode, only the input buttons existing on the transition destination screen are displayed first, and the portions other than the input buttons are displayed thereafter. It may be.
図１１は、遷移先の画面（同図（ｃ））に入力釦４３と写真４４が存在する場合に、入力釦４３のみを入力操作可能な状態で先に表示し、その後、写真４４を表示する場合の画面遷移例を示している。 In FIG. 11, when the input button 43 and the photograph 44 exist on the transition destination screen (FIG. 11C), only the input button 43 is displayed in a state where input operation is possible, and then the photograph 44 is displayed. It shows an example of screen transition when
次に、遷移先の画面の入力釦の先行表示を開始するタイミングの他の例について説明する。 Next, another example of the timing for starting the preceding display of the input button on the transition destination screen will be described.
たとえば、図１２に示すように、画面遷移の操作を受けたら（同図（ａ））アニメーション４２の表示を開始し（同図（ｂ））、その後、少し時間が経過して、タッチパネル付き表示部１８が入力操作を受け付けられる状態になってから、遷移先の画面にある入力釦４３を先行表示するようにしてもよい（同図（ｃ））。同図（ｄ）は、アニメーションが終了して画面遷移が完了した状態を示している。 For example, as shown in FIG. 12, when an operation for screen transition is received ((a) in the figure), the display of the animation 42 is started ((b) in the same figure). The input button 43 on the transition destination screen may be displayed in advance after the unit 18 is ready to accept an input operation ((c) in the figure). FIG. 4D shows a state in which the animation is finished and the screen transition is completed.
また、図１３に示すように、画面遷移を行う入力釦４１に指でタッチした（同図（ａ））と同時に、遷移先の画面に存在する入力釦４３の先行表示を開始し（同図（ｂ）、（ｆ））、入力釦４１の存在する領域内で指がリリースされたら（同図（ｂ））、入力釦４１に対する入力が確定したと判定して、アニメーション４２の表示を開始し、画面遷移を継続する（同図（ｃ）〜（ｅ））。 Further, as shown in FIG. 13, when the input button 41 for screen transition is touched with a finger (FIG. 13A), the preceding display of the input button 43 existing on the transition destination screen is started (FIG. 13). (B), (f)) When the finger is released within the area where the input button 41 exists (FIG. 5B), it is determined that the input to the input button 41 has been confirmed, and the animation 42 is displayed. Then, the screen transition is continued ((c) to (e) in the figure).
一方、入力釦４１にタッチした指が、入力釦４１の存在する領域外へスライド移動されてリリースされた場合ややタッチパネル付き表示部１８の外へスライド移動された場合は（同図（ｆ））、入力釦４１へのタッチ操作をキャンセルし、先行表示を消去して、元の画面のまま画面遷移を行わない（同図（ｇ））。このようにすれば、遷移先の画面にある入力釦を確認しながら遷移前の画面での操作を進めることができる。 On the other hand, when the finger touching the input button 41 is slid and released outside the area where the input button 41 exists, or when the finger is slid out of the display unit 18 with the touch panel ((f) in the figure). Then, the touch operation on the input button 41 is canceled, the preceding display is erased, and the screen transition is not performed with the original screen ((g) in the figure). In this way, the operation on the screen before the transition can be advanced while confirming the input button on the transition destination screen.
図１４は、図１３に対応した画面遷移の処理を示す流れ図である。図４と同じ処理内容のステップには同一のステップ番号を付してある。 FIG. 14 is a flowchart showing a screen transition process corresponding to FIG. Steps having the same processing contents as those in FIG. 4 are given the same step numbers.
表示すべき画面を表示し（ステップＳ１０１）、この画面を表示するまでの画面遷移中に先行入力があったか否かを判断する（ステップＳ１０２）。先行入力があった場合は（ステップＳ１０２；Ｙｅｓ）、先行入力に対応する遷移先の画面の画面データを準備すると共に、記憶されている先行入力の内容をクリアする（ステップＳ１０５）。そして、遷移先の画面にある入力釦を入力操作可能に先行表示し（ステップＳ１３０）、同時にアニメーションの表示を開始して画面遷移を開始する（ステップＳ１３５）。以後の処理は、図４のステップＳ１０７以降と同様でありその説明は省略する。 A screen to be displayed is displayed (step S101), and it is determined whether or not there is a prior input during the screen transition until this screen is displayed (step S102). If there is a preceding input (step S102; Yes), the screen data of the transition destination screen corresponding to the preceding input is prepared, and the stored contents of the preceding input are cleared (step S105). Then, the input buttons on the transition destination screen are displayed in advance so that the input operation can be performed (step S130), and at the same time, display of animation is started to start screen transition (step S135). The subsequent processing is the same as that after step S107 in FIG.
先行入力がなければ（ステップＳ１０２；Ｎｏ）、現在表示中の画面において入力操作のタッチの有無を監視する（ステップＳ１０３ｂ）。 If there is no preceding input (step S102; No), the presence / absence of touch of the input operation is monitored on the currently displayed screen (step S103b).
現在表示中の画面で入力釦に対するタッチを受けると（ステップＳ１０３ｂ；Ｙｅｓ）、該入力釦への入力操作に対応した遷移先の画面の画面データを準備し（ステップＳ１０４）、遷移先の画面にある入力釦を入力操作可能に先行表示する（ステップＳ１３１）。 When a touch on the input button is received on the currently displayed screen (step S103b; Yes), screen data of the transition destination screen corresponding to the input operation to the input button is prepared (step S104), and the transition destination screen is displayed. A certain input button is displayed in advance so as to allow input operation (step S131).
ステップＳ１０３ｂでタッチを検出した指が、スライド移動され、タッチされた入力釦から外れた場所でリリースされた場合は（ステップＳ１３２；Ｙｅｓ）、ステップＳ１０３ｂで検出したタッチをキャンセルする。具体的には、入力釦の先行表示を消去し（ステップＳ１３３）、元の画面のまま、画面遷移を行わずに、ステップＳ１０３ｂへ戻る。 If the finger whose touch has been detected in step S103b is slid and released at a location outside the touched input button (step S132; Yes), the touch detected in step S103b is cancelled. Specifically, the preceding display of the input button is erased (step S133), and the process returns to step S103b without changing the screen with the original screen.
タッチされた入力釦の上で指がリリースされた場合は（ステップＳ１３４；Ｙｅｓ）、アニメーションの表示を開始して画面遷移を開始する（ステップＳ１３５）。以後の処理は、図４のステップＳ１０７以降と同様でありその説明は省略する。 When the finger is released on the touched input button (step S134; Yes), the animation display is started and the screen transition is started (step S135). The subsequent processing is the same as that after step S107 in FIG.
なお、図１５に示すように、現在表示中の画面で入力釦４１に対する指のタッチを検出した（同図（ａ））とき、アニメーション４２の表示と遷移先の画面にある入力釦４３の先行表示を同時に開始してもよい（同図（ｂ）、（ｅ））。この場合も、入力釦４１の上で指がリリースされたら（同図（ｂ））、そのまま、アニメーション４２の表示による画面遷移を継続し（同図（ｃ）〜（ｄ））、入力釦４１にタッチした指が、入力釦４１の外へスライド移動されてリリースされた場合やタッチパネル付き表示部１８の表示部の外（タッチの検出範囲外）へスライド移動された場合は（同図（ｅ））、入力釦４１へのタッチ操作をキャンセルし、先行表示を消去し、元の画面のまま画面遷移を行わない（同図（ｆ））ようにする。 As shown in FIG. 15, when a finger touch on the input button 41 is detected on the currently displayed screen (FIG. 15A), the animation 42 is displayed and the input button 43 on the transition destination screen is preceded. The display may be started simultaneously ((b) and (e) in the figure). Also in this case, when the finger is released on the input button 41 ((b) in the figure), the screen transition by the display of the animation 42 is continued as it is ((c) to (d) in the figure). When the finger touched by is slid out of the input button 41 and released, or when the finger is slid out of the display unit of the display unit 18 with a touch panel (out of the touch detection range) (see FIG. )), The touch operation on the input button 41 is canceled, the preceding display is erased, and the screen transition is not performed with the original screen ((f) in the figure).
以上、本発明の実施の形態を図面によって説明してきたが、具体的な構成は実施の形態に示したものに限られるものではなく、本発明の要旨を逸脱しない範囲における変更や追加があっても本発明に含まれる。 The embodiment of the present invention has been described with reference to the drawings. However, the specific configuration is not limited to that shown in the embodiment, and there are changes and additions within the scope of the present invention. Are also included in the present invention.
１０…表示装置
１１…ＣＰＵ
１２…ＲＯＭ
１３…ＲＡＭ
１４…不揮発メモリ
１５…表示制御部
１６…操作受付部
１７…ネットワーク通信部
１８…タッチパネル付き表示部
３１…全体制御部
３２…タッチパネル入力制御部
３３…画面遷移制御部
３４…アニメーション制御部
３５…画面作成部
４１…入力釦
４２…アニメーション
４３、４３ａ、４３ｂ…先行表示された入力釦
４４…写真
10 ... Display device 11 ... CPU
12 ... ROM
13 ... RAM
DESCRIPTION OF SYMBOLS 14 ... Non-volatile memory 15 ... Display control part 16 ... Operation reception part 17 ... Network communication part 18 ... Display part with a touch panel 31 ... Overall control part 32 ... Touch panel input control part 33 ... Screen transition control part 34 ... Animation control part 35 ... Screen Creation unit 41 ... Input button 42 ... Animation 43, 43a, 43b ... Pre-displayed input button 44 ... Photo
Claims (15)
画面遷移中であって該画面遷移が完了する前に、遷移先の画面に表示される入力釦であって前記画面遷移の開始前には入力操作可能に表示されていない入力釦を入力操作可能に表示する
ことを特徴とする表示装置。 In a display device equipped with a touch panel,
An input button that is displayed on the transition destination screen before the screen transition is completed and is not displayed so that the input operation can be performed before the start of the screen transition can be performed. A display device characterized by displaying on.
ことを特徴とする請求項１に記載の表示装置。 The display device according to claim 1, wherein an input button displayed on a transition destination screen is displayed so as to allow an input operation simultaneously with the start of screen transition.
ことを特徴とする請求項１に記載の表示装置。 The display device according to claim 1, wherein the input button displayed on the transition destination screen is displayed so that an input operation can be performed at the same time when the touch on the first input button displayed on the transition source image is received. .
ことを特徴とする請求項３に記載の表示装置。 After receiving a touch on the first input button, when the touch is released at the position of the first input button, the screen transition is started, and the touch position remains outside the predetermined area while being touched. 4. The display device according to claim 3, wherein the input by the touch on the first input button is canceled when the slide is moved. 5.
ことを特徴とする請求項１に記載の表示装置。 The input button displayed on the transition destination screen is displayed so that the input operation can be performed when it is detected that a finger is brought close to the touch panel during the screen transition, and the transition destination screen is displayed. The display device according to claim 1, wherein an input button scheduled to be positioned near the finger that is brought close is displayed so that the input operation is possible.
ことを特徴とする請求項１に記載の表示装置。 The input button displayed on the transition destination screen is displayed so that the input operation can be performed when a new touch on the touch panel is detected during the screen transition, and the transition destination screen is displayed. The display device according to claim 1, wherein an input button scheduled to be located at the touched location is displayed so that the input operation is possible.
ことを特徴とする請求項１乃至６のいずれか１つに記載の表示装置。 The display apparatus according to claim 1, wherein an animation is displayed during the screen transition.
ことを特徴とする請求項７に記載の表示装置。 The process according to the input is performed immediately after the display of the animation is completed when an input to the input button displayed so that the input operation can be performed is detected during the display of the animation. The display device described in 1.
ことを特徴とする請求項８に記載の表示装置。 The display device according to claim 8, wherein, when an input to the input button displayed so as to allow input operation is detected during the display of the animation, the speed of the animation is increased.
ことを特徴とする請求項８または９に記載の表示装置。 While the animation is being displayed, a first input to the input button displayed so that the input operation can be performed is detected, and then a second input to the same input button as the input button is performed before the display of the animation is completed. The display device according to claim 8 or 9, wherein if detected, the first input is canceled by the second input.
ことを特徴とする請求項７に記載の表示装置。 When an input to the input button displayed so that the input operation can be performed is detected during the display of the animation, the display of the transition destination is displayed by interrupting the display of the animation, and immediately after the input according to the input The display device according to claim 7, wherein processing is performed.
ことを特徴とする請求項８に記載の表示装置。 The display device according to claim 8, wherein the input button displayed so that the input operation is possible is translucent.
ことを特徴とする請求項１２に記載の表示装置。 The display device according to claim 12, wherein when the display of the animation is completed, the translucent input button is displayed in a display mode on the transition destination screen.
ことを特徴とする請求項１２または１３に記載の表示装置。 The display device according to claim 12 or 13, wherein the transparency of the translucent input button is gradually lowered during display of the animation.
ことを特徴とする請求項１２乃至１４のいずれか１つに記載の表示装置。 The display device according to any one of claims 12 to 14, wherein a character existing on the input button in a display mode on the transition destination screen is displayed on the translucent input button.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2013180241A JP6222434B2 (en) | 2013-08-30 | 2013-08-30 | Display device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2013180241A JP6222434B2 (en) | 2013-08-30 | 2013-08-30 | Display device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| JP2015049643A JP2015049643A (en) | 2015-03-16 |
| JP6222434B2 true JP6222434B2 (en) | 2017-11-01 |
Family
ID=52699627
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2013180241A Active JP6222434B2 (en) | 2013-08-30 | 2013-08-30 | Display device |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP6222434B2 (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP6467253B2 (en) | 2015-03-12 | 2019-02-06 | 株式会社アルファ | Vehicle handle device |
| JP6399371B1 (en) * | 2017-04-21 | 2018-10-03 | ウォンテッドリー株式会社 | Information processing apparatus, information processing apparatus control method, and program |
Family Cites Families (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2004021522A (en) * | 2002-06-14 | 2004-01-22 | Sony Corp | Apparatus, method, and program for information processing |
| JP2007172716A (en) * | 2005-12-20 | 2007-07-05 | Sony Corp | Apparatus, method and program for play-back, and recording medium and data structure, and apparatus, method and program for authoring |
| US8312372B2 (en) * | 2006-02-10 | 2012-11-13 | Microsoft Corporation | Method for confirming touch input |
| JP5593655B2 (en) * | 2009-08-31 | 2014-09-24 | ソニー株式会社 | Information processing apparatus, information processing method, and program |
| JP5606094B2 (en) * | 2010-02-23 | 2014-10-15 | 京セラドキュメントソリューションズ株式会社 | Display control apparatus, image forming apparatus, and display control method |
| JP5764930B2 (en) * | 2011-01-13 | 2015-08-19 | 富士ゼロックス株式会社 | Image forming apparatus and program |
| JP2013016082A (en) * | 2011-07-05 | 2013-01-24 | Canon Inc | User interface device and method for controlling the same |
| US10353566B2 (en) * | 2011-09-09 | 2019-07-16 | Microsoft Technology Licensing, Llc | Semantic zoom animations |
-
2013
- 2013-08-30 JP JP2013180241A patent/JP6222434B2/en active Active
Also Published As
| Publication number | Publication date |
|---|---|
| JP2015049643A (en) | 2015-03-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR101919645B1 (en) | Explicit touch selection and cursor placement | |
| US20190258376A1 (en) | Input and output method in touch screen terminal and apparatus therefor | |
| JP4683126B2 (en) | Input device | |
| JP7328182B2 (en) | IMAGE PROCESSING DEVICE, CONTROL METHOD AND PROGRAM OF IMAGE PROCESSING DEVICE | |
| US20180165003A1 (en) | Text input method in touch screen terminal and apparatus therefor | |
| US7555728B2 (en) | Preventing unintentional selection of a touch panel button via gray out for a predetermined time | |
| JP5761526B2 (en) | Operation display device | |
| US9998617B2 (en) | Control program for providing automatic notifications regarding setting change events | |
| JP5924554B2 (en) | Object stop position control method, operation display device, and program | |
| CN104885047A (en) | Terminal and terminal operating method | |
| JP5893456B2 (en) | Display control apparatus, control method therefor, program, and storage medium | |
| US9098372B2 (en) | Information processing apparatus | |
| US20120060129A1 (en) | Mobile terminal having touch screen and method for displaying contents therein | |
| JP5991509B2 (en) | Information processing apparatus and program | |
| JP6191567B2 (en) | Operation screen display device, image forming apparatus, and display program | |
| JP2003248551A (en) | Display apparatus with touch panel and display control method for the apparatus | |
| JP6222434B2 (en) | Display device | |
| JP5958059B2 (en) | Flick operation accepting device, flick operation accepting method, and flick operation accepting program | |
| JP2013003803A (en) | Character input device, control method for character input device, control program and recording medium | |
| JP2013003801A (en) | Character input device, control method for character input device, control program and recording medium | |
| JP2015191241A (en) | Electronic apparatus and operation support program | |
| US10691293B2 (en) | Display device and computer-readable non-transitory recording medium with display control program stored thereon | |
| US8964224B2 (en) | Computer readable recording medium storing image processing program and image processing method transmitting function execution command for making a preset setting screen | |
| JP6809258B2 (en) | Image processing equipment, condition display method, and computer program | |
| JP2013003802A (en) | Character input device, control method for character input device, control program and recording medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20160419 |
|
| A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20170125 |
|
| A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20170221 |
|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20170421 |
|
| 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: 20170906 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20170919 |
|
| R150 | Certificate of patent or registration of utility model |
Ref document number: 6222434 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |