JP2020160738A - Display unit - Google Patents

Display unit Download PDF

Info

Publication number
JP2020160738A
JP2020160738A JP2019058807A JP2019058807A JP2020160738A JP 2020160738 A JP2020160738 A JP 2020160738A JP 2019058807 A JP2019058807 A JP 2019058807A JP 2019058807 A JP2019058807 A JP 2019058807A JP 2020160738 A JP2020160738 A JP 2020160738A
Authority
JP
Japan
Prior art keywords
knob
touch operation
displayed
display
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.)
Granted
Application number
JP2019058807A
Other languages
Japanese (ja)
Other versions
JP7205339B2 (en
Inventor
圭太 宮本
Keita Miyamoto
圭太 宮本
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 JP2019058807A priority Critical patent/JP7205339B2/en
Priority to US16/814,561 priority patent/US20200310635A1/en
Publication of JP2020160738A publication Critical patent/JP2020160738A/en
Application granted granted Critical
Publication of JP7205339B2 publication Critical patent/JP7205339B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Abstract

To allow a user to easily perform a touch operation for a knob even when the knob has a small display area.SOLUTION: A control unit 10 causes a display unit 11 to display a scroll bar 23 including a body 21 extending along a first direction X and a knob 22 arranged on the body 21 at a predetermined first position. When receiving a first touch operation for a display area 25 and a second touch operation for a body part at the same time through a touch panel 12, the control unit 10 causes the display unit 11 to move the scroll bar 23 from the first position so that the knob 22 is displayed at a second position for which the second touch operation is performed.SELECTED DRAWING: Figure 3

Description

本発明は、表示装置に関し、特に、スクロールバーを表示させるための技術に関する。 The present invention relates to a display device, and more particularly to a technique for displaying a scroll bar.

ノブを含んでいるバーを表示させる技術が知られている。例えば、特許文献1には、タッチパネル上でピンチイン操作が行なわれた位置に、第1方向に延在するバー及びノブを含むスライドバーを表示させ、当該ノブを第1方向に移動させる操作が行なわれると、ノブの移動量に応じてエレベーターの停止階を設定するタッチ入力判定装置が開示されている。 A technique is known for displaying a bar containing a knob. For example, in Patent Document 1, a slide bar including a bar extending in the first direction and a knob is displayed at a position on the touch panel where a pinch-in operation is performed, and an operation of moving the knob in the first direction is performed. Then, a touch input determination device that sets the stop floor of the elevator according to the amount of movement of the knob is disclosed.

特許文献2には、スクロールバー内のノブアイコンに対する接触が検出されると、スクラブ速度を調整可能にするために、スクロールバーを拡大して表示させる携帯型デバイスが開示されている。 Patent Document 2 discloses a portable device that enlarges and displays the scroll bar in order to make the scrub speed adjustable when contact with the knob icon in the scroll bar is detected.

特許文献3には、タッチパネルディスプレイに表示されているノブとしてのスクロールボタンがユーザーによってタッチされると、スクロールバー及びスクロールボタンを拡大して表示させる画像編集装置が開示されている。 Patent Document 3 discloses an image editing device that enlarges and displays the scroll bar and the scroll button when the scroll button as a knob displayed on the touch panel display is touched by the user.

特許第6207804号公報Japanese Patent No. 6207804 特開2015−11725号公報Japanese Unexamined Patent Publication No. 2015-11725 特開2012−68816号公報Japanese Unexamined Patent Publication No. 2012-68816

特許文献1乃至特許文献3に開示されている技術において、バーに対応する情報量が大きい場合、バーが延びる方向に対するノブの長さが短くなるため、ユーザーの指の面積に対してノブの表示面積が小さくなる。このような場合、ユーザーは、ノブに対して直接タッチ操作を行なうことが困難になる。 In the techniques disclosed in Patent Documents 1 to 3, when the amount of information corresponding to the bar is large, the length of the knob in the direction in which the bar extends is shortened, so that the knob is displayed with respect to the area of the user's finger. The area becomes smaller. In such a case, it becomes difficult for the user to directly touch the knob.

本発明は、上記の事情に鑑みなされたものであり、ノブの表示面積が小さい場合であっても、ユーザーがノブに対するタッチ操作を容易に行なうことができるようにすることを目的とする。 The present invention has been made in view of the above circumstances, and an object of the present invention is to enable a user to easily perform a touch operation on a knob even when the display area of the knob is small.

本発明の一局面に係る表示装置は、制御部と、表示部と、タッチパネルと、を備えている。制御部は、表示部に、予め定められている方向に沿って延びる本体と、本体に配置されているノブと、を含むスクロールバーを、予め定められている第1の位置に表示させ、タッチパネルを介して、スクロールバーが表示されていない部分に対する第1のタッチ操作、及び、本体におけるノブが配置されていない部分に対する第2のタッチ操作を同時期に受付けた場合に、表示部に、第2のタッチ操作が行なわれた第2の位置にノブが表示されるように、スクロールバーを第1の位置から移動させる。 The display device according to one aspect of the present invention includes a control unit, a display unit, and a touch panel. The control unit causes the display unit to display a scroll bar including a main body extending along a predetermined direction and a knob arranged on the main body at a predetermined first position, and a touch panel. When the first touch operation on the part where the scroll bar is not displayed and the second touch operation on the part where the knob is not arranged on the main body are received at the same time, the display unit is displayed. The scroll bar is moved from the first position so that the knob is displayed at the second position where the second touch operation is performed.

本発明によれば、スクロールバーが表示されていない部分に対する第1のタッチ操作、及び、本体におけるノブが配置されていない部分に対する第2のタッチ操作を行なうことによって、ユーザーは、ノブに対して直接タッチ操作を行なうことなく、ノブを選択することができるようになる。したがって、ノブの表示面積が小さい場合であっても、ユーザーはノブに対するタッチ操作を容易に行なうことができる。 According to the present invention, by performing the first touch operation on the portion where the scroll bar is not displayed and the second touch operation on the portion where the knob is not arranged on the main body, the user can touch the knob. You will be able to select knobs without having to perform a direct touch operation. Therefore, even when the display area of the knob is small, the user can easily perform a touch operation on the knob.

本発明の一実施形態に係る表示装置の内部構成を示すブロック図である。It is a block diagram which shows the internal structure of the display device which concerns on one Embodiment of this invention. 表示画面の一例を示す図である。It is a figure which shows an example of the display screen. スクロールバー移動処理を示すフローチャートである。It is a flowchart which shows the scroll bar movement process. 第1のタッチ操作及び第2のタッチ操作の一例を示す図である。It is a figure which shows an example of the 1st touch operation and the 2nd touch operation. スクロールバーが移動されたときの表示画面の一例を示す図である。It is a figure which shows an example of the display screen when a scroll bar is moved.

以下、本発明の一実施形態に係る表示装置について図面を参照して説明する。図1は、本発明の一実施形態に係る表示装置の内部構成を示すブロック図である。図1を参照して、表示装置1は、例えば、スマートフォンである。表示装置1は、制御ユニット100と、表示部11と、タッチパネル12と、記憶部13と、通信部14と、撮像部16と、電話通信部17と、音声入力部18と、音声出力部19と、を含む。 Hereinafter, a display device according to an embodiment of the present invention will be described with reference to the drawings. FIG. 1 is a block diagram showing an internal configuration of a display device according to an embodiment of the present invention. With reference to FIG. 1, the display device 1 is, for example, a smartphone. The display device 1 includes a control unit 100, a display unit 11, a touch panel 12, a storage unit 13, a communication unit 14, an imaging unit 16, a telephone communication unit 17, a voice input unit 18, and a voice output unit 19. And, including.

制御ユニット100は、プロセッサー、及びRAM(Random Access Memory)等を含む。プロセッサーは、例えば、CPU(Central Processing Unit)、MPU(Micro Processing Unit)、又はASIC(Application Specific Integrated Circuit)等である。制御ユニット100は、記憶部13に記憶されている制御プログラムが上記のプロセッサーによって実行されることにより、制御部10として機能する。 The control unit 100 includes a processor, a RAM (Random Access Memory), and the like. The processor is, for example, a CPU (Central Processing Unit), an MPU (Micro Processing Unit), an ASIC (Application Specific Integrated Circuit), or the like. The control unit 100 functions as the control unit 10 when the control program stored in the storage unit 13 is executed by the above-mentioned processor.

制御部10は、表示装置1の全体制御を司る。より詳細には、制御部10は、表示装置1の各部の動作、及び、ネットワークを介して接続されているサーバー装置15等との通信等を制御する。なお、制御部10は、制御プログラムに基づく動作によらず、ハード回路によって動作可能に構成されていてもよい。 The control unit 10 controls the entire display device 1. More specifically, the control unit 10 controls the operation of each unit of the display device 1, communication with the server device 15 and the like connected via the network, and the like. The control unit 10 may be configured to be operable by a hard circuit regardless of the operation based on the control program.

制御ユニット100は、表示部11、タッチパネル12、記憶部13、通信部14、撮像部16、電話通信部17、音声入力部18、及び、音声出力部19等と電気的に接続されている。 The control unit 100 is electrically connected to a display unit 11, a touch panel 12, a storage unit 13, a communication unit 14, an imaging unit 16, a telephone communication unit 17, a voice input unit 18, a voice output unit 19, and the like.

表示部11は、液晶ディスプレイ又は有機EL(Organic Light-Emitting Diode)ディスプレイ等によって構成される表示装置である。表示部11は、表示装置1によって実行可能な各種機能に関する各種の画面を表示する。 The display unit 11 is a display device composed of a liquid crystal display, an organic EL (Organic Light-Emitting Diode) display, or the like. The display unit 11 displays various screens related to various functions that can be executed by the display device 1.

タッチパネル12は、表示部11に重ねて配置されている。タッチパネル12は、ユーザーの指によるタッチ操作を、当該タッチ操作の位置とともに検知する。ユーザーは、タッチパネル12を介して、表示装置1によって実行可能な各種機能についての指示等を含む各種の情報を入力する。 The touch panel 12 is arranged so as to overlap the display unit 11. The touch panel 12 detects the touch operation by the user's finger together with the position of the touch operation. The user inputs various information including instructions about various functions that can be executed by the display device 1 via the touch panel 12.

記憶部13は、フラッシュメモリー等の大容量の記憶装置である。記憶部13は、表示装置1の一般的な動作を実現するための各種制御プログラムを記憶している。記憶部13は、上記の各種制御プログラムの1つとして、本実施の形態に係るスクロールバー移動処理を実行するための制御プログラムを記憶している。 The storage unit 13 is a large-capacity storage device such as a flash memory. The storage unit 13 stores various control programs for realizing the general operation of the display device 1. The storage unit 13 stores, as one of the various control programs described above, a control program for executing the scroll bar movement process according to the present embodiment.

記憶部13は、複数頁からなる書籍の内容を示す電子ファイル(以下、「電子書籍ファイル」と記す。)を複数記憶している。制御部10は、タッチパネル12を介して入力されるユーザーの指示に応じて、通信部14を介して、電子書籍ファイルの提供を行なうサーバー装置15等からダウンロードすることによって電子書籍ファイルを取得し、記憶部13に記憶させる。 The storage unit 13 stores a plurality of electronic files (hereinafter, referred to as "electronic book files") indicating the contents of a book composed of a plurality of pages. The control unit 10 acquires the electronic book file by downloading from the server device 15 or the like that provides the electronic book file via the communication unit 14 in response to the user's instruction input via the touch panel 12. It is stored in the storage unit 13.

通信部14は、通信モジュールを含む。表示装置1は、通信部14を介して、ネットワーク上のサーバー装置15等とデータ通信を行なう。 The communication unit 14 includes a communication module. The display device 1 performs data communication with the server device 15 and the like on the network via the communication unit 14.

撮像部16は、撮像素子及びレンズ等によって構成されるデジタルカメラである。 The image pickup unit 16 is a digital camera composed of an image pickup device, a lens, and the like.

電話通信部17は、公衆回線への接続を行ない、公衆回線を介して音声データの送受信を行なう。 The telephone communication unit 17 connects to a public line and transmits / receives voice data via the public line.

音声入力部18は、マイクロフォン、及び、当該マイクロフォンに入力される音声に基づくアナログ信号をデジタル信号に変換するA/D変換回路等を含む。 The voice input unit 18 includes a microphone, an A / D conversion circuit that converts an analog signal based on the voice input to the microphone into a digital signal, and the like.

音声出力部19は、音声データによって示されるデジタル信号をアナログ信号に変換するD/A変換回路、アナログ信号に基づいて音声を出力するためのスピーカー、及びアンプ等を含む。 The audio output unit 19 includes a D / A conversion circuit that converts a digital signal indicated by audio data into an analog signal, a speaker for outputting audio based on the analog signal, an amplifier, and the like.

表示装置1の各部には電源が接続され、この電源から電力が供給されることによって、表示装置1の各部が動作する。 A power source is connected to each part of the display device 1, and each part of the display device 1 operates by supplying electric power from this power source.

[動作]
以下、表示装置1の動作について説明する。以下の説明において、スライド操作とは、ユーザーが、自身の指によって表示部11に表示されている画像をタッチし、当該指をタッチした状態のまま目的の位置まで移動させる操作を示す。以下、スライド操作による移動先の位置をスライド位置と記す。
[motion]
The operation of the display device 1 will be described below. In the following description, the slide operation refers to an operation in which a user touches an image displayed on the display unit 11 with his / her finger and moves the image to a target position while touching the finger. Hereinafter, the position of the movement destination by the slide operation will be referred to as the slide position.

以下、表示装置1は、電源が投入されている状態であるものとする。ユーザーは、タッチパネル12を介して、記憶部13に記憶されている複数の電子書籍ファイルのうちの1つを指定し、指定された電子書籍ファイルに基づく電子書籍画像を表示部11に表示させるための指示を入力したものとする。タッチパネル12を介して上記指示を受付けると、制御部10は、表示部11に、電子書籍画像を表示するための表示画面を表示させる。 Hereinafter, it is assumed that the display device 1 is in a state where the power is turned on. The user specifies one of a plurality of electronic book files stored in the storage unit 13 via the touch panel 12, and causes the display unit 11 to display an electronic book image based on the designated electronic book file. It is assumed that the instruction of is entered. When the above instruction is received via the touch panel 12, the control unit 10 causes the display unit 11 to display a display screen for displaying the electronic book image.

図2は、表示画面の一例を示す図である。図2を参照して、表示画面20は、予め定められている第1方向Xに沿って延びる本体21と、本体21に配置されているノブ22と、を含むスクロールバー23を、予め定められている第1の位置に含んでいる。上記第1の位置としては、一般的にスクロールバーが表示される位置であれば特に限定されない。ここでは、表示画面20における、第1方向Xに直交する第2方向Yの一端部が、上記第1の位置として予め定められているものとする。表示画面20はまた、スクロールバー23が表示されていない部分に、表示対象の電子書籍画像24を表示するための表示領域25を含んでいる。 FIG. 2 is a diagram showing an example of a display screen. With reference to FIG. 2, the display screen 20 has a predetermined scroll bar 23 including a main body 21 extending along a predetermined first direction X and a knob 22 arranged on the main body 21. It is included in the first position. The first position is not particularly limited as long as the scroll bar is generally displayed. Here, it is assumed that one end of the second direction Y orthogonal to the first direction X on the display screen 20 is predetermined as the first position. The display screen 20 also includes a display area 25 for displaying the electronic book image 24 to be displayed in a portion where the scroll bar 23 is not displayed.

ここで、電子書籍画像24は、第1方向Xに沿って並んでいる100頁分の画像を含んでいるものとする。この場合、制御部10は、電子書籍画像24の全てを表示領域25に一度に表示させることができない。したがって、制御部10は、表示部11に、電子書籍画像24全体のうち、表示領域25に表示可能な一部分(以下、「表示部分」と記す。)のみを表示領域25に表示させる。ここでは、上記表示領域25に表示可能な一部分は、電子書籍画像24の一頁分の画像であるものとする。この場合、制御部10は、表示部11に、電子書籍画像24の第1頁目の画像を、表示部分として表示させているものとする。 Here, it is assumed that the electronic book image 24 includes 100 pages of images arranged along the first direction X. In this case, the control unit 10 cannot display all of the electronic book image 24 in the display area 25 at once. Therefore, the control unit 10 causes the display unit 11 to display only a part of the entire electronic book image 24 that can be displayed in the display area 25 (hereinafter, referred to as “display portion”) in the display area 25. Here, it is assumed that the part that can be displayed in the display area 25 is an image for one page of the electronic book image 24. In this case, it is assumed that the control unit 10 causes the display unit 11 to display the image of the first page of the electronic book image 24 as a display portion.

制御部10は、電子書籍画像24の第1方向Xの長さに対する上記表示部分の第1方向Xの長さの割合と、本体21の第1方向Xの長さに対するノブ22の第1方向Xの長さの割合とを、同じにする。制御部10は、本体21におけるノブ22の第1方向Xの位置を、電子書籍画像24における上記表示部分の第1方向Xの位置に対応させる。 The control unit 10 has the ratio of the length of the first direction X of the display portion to the length of the first direction X of the electronic book image 24 and the first direction of the knob 22 with respect to the length of the first direction X of the main body 21. Make the ratio of the length of X the same. The control unit 10 makes the position of the knob 22 in the first direction X in the main body 21 correspond to the position of the first direction X of the display portion in the electronic book image 24.

制御部10は、タッチパネル12を介してユーザーによって入力される、ノブ22に対する第1方向Xのスライド操作に応じて、電子書籍画像24を第1方向Xにスクロールさせることによって、電子書籍画像24の頁を切り替えて表示領域25に表示させる。 The control unit 10 scrolls the electronic book image 24 in the first direction X in response to the slide operation of the first direction X with respect to the knob 22 input by the user via the touch panel 12, thereby causing the electronic book image 24 to be scrolled. The pages are switched and displayed in the display area 25.

(スクロールバー移動処理)
図3は、スクロールバー移動処理を示すフローチャートである。図3を参照して、表示部11に表示画面20が表示されると、制御部10は、スクロールバー移動処理の実行を開始する。スクロールバー移動処理を開始すると、制御部10は、タッチパネル12を介して、表示領域25に対する第1のタッチ操作、及び、本体21におけるノブ22が配置されていない部分(以下、「本体部分」と記す。)に対する第2のタッチ操作を同時期に受付けるまで、待機する(ステップS11にてNO)。ここで、同時期とは、同時、又は、一方のタッチ操作を受け付けてから予め定められている期間が経過する前までの期間を示す。
(Scroll bar movement process)
FIG. 3 is a flowchart showing the scroll bar movement process. With reference to FIG. 3, when the display screen 20 is displayed on the display unit 11, the control unit 10 starts executing the scroll bar movement process. When the scroll bar movement process is started, the control unit 10 uses the touch panel 12 to perform a first touch operation on the display area 25 and a portion of the main body 21 where the knob 22 is not arranged (hereinafter referred to as a “main body portion”). Wait until the second touch operation for (described) is accepted at the same time (NO in step S11). Here, the same period indicates a period from the reception of simultaneous or one touch operation to the elapse of a predetermined period.

図4は、第1のタッチ操作及び第2のタッチ操作の一例を示す図である。図4を参照して、ユーザーは、表示領域25における任意の部分42を親指でタッチするとともに、本体部分における任意の部分44を人差し指でタッチしたものとする。タッチパネル12によって上記2つのタッチ操作が同時期に検知されると、制御部10は、第1のタッチ操作及び第2のタッチ操作を同時期に受付けたと判定し(ステップS11にてYES)、タッチパネル12を介した、ノブ22に対する第1方向Xのスライド操作の受付けを禁止する(ステップS12)。 FIG. 4 is a diagram showing an example of a first touch operation and a second touch operation. With reference to FIG. 4, it is assumed that the user touches an arbitrary portion 42 in the display area 25 with the thumb and touches the arbitrary portion 44 in the main body portion with the index finger. When the touch panel 12 detects the above two touch operations at the same time, the control unit 10 determines that the first touch operation and the second touch operation have been accepted at the same time (YES in step S11), and the touch panel. It is prohibited to accept the slide operation of the first direction X with respect to the knob 22 via the 12 (step S12).

スライド操作の受付けの禁止後、制御部10は、表示部11に、第2のタッチ操作が行なわれた第2の位置にノブ22が表示されるように、スクロールバー23を第1の位置から移動させる(ステップS13)。図5は、スクロールバーが移動されたときの表示画面の一例を示す図である。図5に示す例では、第2の位置は、図4に示す部分44に対応する位置である。スクロールバー23の移動後、制御部10は、第2のタッチ操作が解除されているか否かを判定する(ステップS14)。 After prohibiting the acceptance of the slide operation, the control unit 10 displays the scroll bar 23 from the first position so that the knob 22 is displayed on the display unit 11 at the second position where the second touch operation is performed. Move (step S13). FIG. 5 is a diagram showing an example of a display screen when the scroll bar is moved. In the example shown in FIG. 5, the second position is the position corresponding to the portion 44 shown in FIG. After moving the scroll bar 23, the control unit 10 determines whether or not the second touch operation is released (step S14).

(1)第2のタッチ操作が解除される場合
ステップS13におけるスクロールバー23の移動後、ユーザーは、電子書籍画像24のスクロールを所望せず、部分44から人差し指を離したものとする。タッチパネル12によって第2のタッチ操作が検知されなくなると、制御部10は、第2のタッチ操作は解除されていると判定し(ステップS14にてYES)、スクロールバー23を第1の位置に移動させる(ステップS18)。スクロールバー23を第1の位置に戻した後、制御部10は、ステップS11の処理に戻る。
(1) When the second touch operation is released After the scroll bar 23 is moved in step S13, the user does not want to scroll the electronic book image 24, and it is assumed that the index finger is released from the portion 44. When the touch panel 12 no longer detects the second touch operation, the control unit 10 determines that the second touch operation has been released (YES in step S14), and moves the scroll bar 23 to the first position. (Step S18). After returning the scroll bar 23 to the first position, the control unit 10 returns to the process of step S11.

(2)第1のタッチ操作のみが解除される場合
ステップS13におけるスクロールバー23の移動後、ユーザーは、部分44を人差し指でタッチしたままの状態で、部分42から親指を離したものとする。タッチパネル12によって第1のタッチ操作が検知されなくなり、第2のタッチ操作のみが検知されるようになると、制御部10は、まず第2のタッチ操作は解除されていないと判定し(ステップS14にてNO)、さらに、第1のタッチ操作は解除されていると判定して(ステップS15にてYES)、タッチパネル12を介した、ノブ22に対するスライド操作の受付けを許可する(ステップS16)。スライド操作の受付けの許可後、制御部10は、第2のタッチ操作が解除されるまで待機する(ステップS17にてNO)。
(2) When only the first touch operation is released After the scroll bar 23 is moved in step S13, the user assumes that the thumb is released from the portion 42 while the portion 44 is still touched by the index finger. When the touch panel 12 no longer detects the first touch operation and only the second touch operation is detected, the control unit 10 first determines that the second touch operation has not been released (in step S14). NO), and further, it is determined that the first touch operation has been released (YES in step S15), and acceptance of the slide operation on the knob 22 via the touch panel 12 is permitted (step S16). After permitting the acceptance of the slide operation, the control unit 10 waits until the second touch operation is released (NO in step S17).

この状態で、ユーザーは、電子書籍画像24における所望の頁の画像を表示領域25に表示させるために、ノブ22に対し、第1方向Xのスライド操作を行なったものとする。この場合、タッチパネル12によって上記のスライド操作が検知されると、制御部10は、ノブ22がスライド位置に表示されるまでノブ22を移動させるとともに、電子書籍画像24における移動後のノブ22の位置に対応する部分が表示領域25に表示されるまで、電子書籍画像24を第1方向Xにスクロールさせる。 In this state, it is assumed that the user has performed a slide operation in the first direction X on the knob 22 in order to display the image of the desired page in the electronic book image 24 in the display area 25. In this case, when the touch panel 12 detects the above slide operation, the control unit 10 moves the knob 22 until the knob 22 is displayed at the slide position, and at the same time, the position of the knob 22 after the movement in the electronic book image 24. The electronic book image 24 is scrolled in the first direction X until the portion corresponding to is displayed in the display area 25.

電子書籍画像24のスクロールによって表示領域25に所望の頁が表示されると、ユーザーは、部分44から人差し指を離したものとする。タッチパネル12によって第2のタッチ操作が検知されなくなると、制御部10は、第2のタッチ操作は解除されていると判定し(ステップS17にてYES)、表示部11に、スクロールバー23を第1の位置に移動させる(ステップS18)。スクロールバー23を第1の位置に戻した後、制御部10は、ステップS11の処理に戻る。 When the desired page is displayed in the display area 25 by scrolling the electronic book image 24, the user releases the index finger from the portion 44. When the second touch operation is no longer detected by the touch panel 12, the control unit 10 determines that the second touch operation has been released (YES in step S17), and displays the scroll bar 23 on the display unit 11. It is moved to the position of 1 (step S18). After returning the scroll bar 23 to the first position, the control unit 10 returns to the process of step S11.

なお、ステップS13におけるスクロールバー23の移動後、第1のタッチ操作及び第2のタッチ操作が維持されている間は、制御部10は、第2のタッチ操作が解除されていないと判定するとともに(ステップS14にてNO)、第1のタッチ操作が解除されていないと判定し(ステップS15にてNO)、ステップS13の処理を繰り返して実行する。 After the movement of the scroll bar 23 in step S13, while the first touch operation and the second touch operation are maintained, the control unit 10 determines that the second touch operation has not been released. (NO in step S14), it is determined that the first touch operation has not been released (NO in step S15), and the process of step S13 is repeated.

上記したように、電子書籍画像24は100頁分の画像を含んでいるので、ノブ22の第1方向Xの長さは、本体21の第1方向Xの長さの100分の1の長さとなる。したがって、表示部11に表示されているノブ22の表示面積は、ユーザーの指の面積に対して小さくなる。このような場合、ユーザーは、ノブ22に対して直接タッチ操作を行なうことが困難になる。 As described above, since the electronic book image 24 includes 100 pages of images, the length of the knob 22 in the first direction X is 1/100 of the length of the main body 21 in the first direction X. It becomes. Therefore, the display area of the knob 22 displayed on the display unit 11 is smaller than the area of the user's finger. In such a case, it becomes difficult for the user to directly touch the knob 22.

しかしながら、上記実施の形態によれば、制御部10は、表示部11に、第1方向Xに沿って延びる本体21と、本体21に配置されているノブ22と、を含むスクロールバー23を、予め定められている第1の位置に表示させる。制御部10は、タッチパネル12を介して、表示領域25に対する第1のタッチ操作、及び、本体部分に対する第2のタッチ操作を同時期に受付けた場合に、表示部11に、第2のタッチ操作が行なわれた第2の位置にノブ22が表示されるように、スクロールバー23を第1の位置から移動させる。 However, according to the above embodiment, the control unit 10 provides the display unit 11 with a scroll bar 23 including a main body 21 extending along the first direction X and a knob 22 arranged on the main body 21. It is displayed at a predetermined first position. When the control unit 10 receives the first touch operation on the display area 25 and the second touch operation on the main body portion at the same time via the touch panel 12, the control unit 10 gives the display unit 11 a second touch operation. The scroll bar 23 is moved from the first position so that the knob 22 is displayed at the second position where the above is performed.

これによって、第1のタッチ操作及び第2のタッチ操作を行なうことによって、ユーザーは、ノブ22が表示されている位置を把握してその位置に指を移動させる動作を行なうことによってノブ22に対して直接タッチ操作を行なうという操作をしなくても、ノブ22を選択することができるようになる。したがって、ノブ22の表示面積が小さい場合であっても、ユーザーはノブ22に対するタッチ操作を容易に行なうことができる。 As a result, by performing the first touch operation and the second touch operation, the user grasps the position where the knob 22 is displayed and moves his / her finger to that position with respect to the knob 22. The knob 22 can be selected without directly performing the touch operation. Therefore, even when the display area of the knob 22 is small, the user can easily perform a touch operation on the knob 22.

また上記実施の形態によれば、制御部10は、タッチパネル12を介して第1のタッチ操作及び第2のタッチ操作を同時期に受付けた後に、第2のタッチ操作が解除された場合、表示部11に、スクロールバー23を第1の位置に移動させる。これによって、ユーザーは、容易に、スクロールバー23を元の位置に戻して表示させることができる。 Further, according to the above embodiment, the control unit 10 displays when the second touch operation is released after receiving the first touch operation and the second touch operation at the same time via the touch panel 12. The scroll bar 23 is moved to the first position by the unit 11. As a result, the user can easily return the scroll bar 23 to its original position and display it.

また上記実施の形態によれば、制御部10は、タッチパネル12を介して第1のタッチ操作及び第2のタッチ操作を同時期に受付けた場合に、タッチパネル12を介した、ノブ22に対する第1方向Xのスライド操作の受付けを禁止する。制御部10は、タッチパネル12を介して第1のタッチ操作及び第2のタッチ操作を同時期に受付けた後に、第1のタッチ操作のみが解除された場合、上記スライド操作の受付けを許可する。これによって、ノブの選択操作を行なっているときに、ノブに対するスライド操作が誤って受け付けられてしまうことを防止することができる。 Further, according to the above embodiment, when the control unit 10 receives the first touch operation and the second touch operation via the touch panel 12 at the same time, the first touch operation with respect to the knob 22 via the touch panel 12 is performed. Acceptance of slide operation in direction X is prohibited. After receiving the first touch operation and the second touch operation at the same time via the touch panel 12, the control unit 10 permits the acceptance of the slide operation when only the first touch operation is released. As a result, it is possible to prevent the slide operation on the knob from being erroneously accepted while the knob is being selected.

また上記実施の形態によれば、制御部10は、表示部11に、スクロールバー23とともに、電子書籍画像24の一部分をスクロールバー23が表示されていない表示領域25に表示させる。制御部10は、第1方向Xの長さについて、電子書籍画像24の長さに対する表示部分の長さの割合と、本体21の長さに対するノブ22の長さの割合とが同じとなり、かつ、第1方向Xの位置について、本体21におけるノブ22の位置が電子書籍画像24における表示部分の位置に対応するように、スクロールバー23を表示させる。 Further, according to the above embodiment, the control unit 10 causes the display unit 11 to display a part of the electronic book image 24 together with the scroll bar 23 in the display area 25 in which the scroll bar 23 is not displayed. Regarding the length of the first direction X, the control unit 10 has the same ratio of the length of the display portion to the length of the electronic book image 24 and the ratio of the length of the knob 22 to the length of the main body 21. With respect to the position of the first direction X, the scroll bar 23 is displayed so that the position of the knob 22 on the main body 21 corresponds to the position of the display portion on the electronic book image 24.

制御部10はまた、タッチパネル12を介してノブ22に対する第1方向Xのスライド操作を受け付けると、表示部11に、ノブ22がスライド位置に表示されるまでノブ22を移動させるとともに、電子書籍画像24における移動後のノブ22の位置に対応する部分が表示領域25に表示されるまで、電子書籍画像24を第1方向Xにスクロールさせる。これによって、ユーザーは、ノブ22に対するスライド操作によって、目的の画像を容易に表示させることができる。 When the control unit 10 receives the slide operation of the first direction X with respect to the knob 22 via the touch panel 12, the control unit 10 moves the knob 22 until the knob 22 is displayed at the slide position on the display unit 11, and also moves the knob 22 to the electronic book image. The electronic book image 24 is scrolled in the first direction X until the portion corresponding to the position of the knob 22 after the movement in 24 is displayed in the display area 25. As a result, the user can easily display the desired image by sliding the knob 22.

(その他の変形例)
本発明は上記実施形態の構成に限られず種々の変形が可能である。例えば、上記実施形態では、表示装置としてスマートフォンを用いているが、これは一例に過ぎず、例えば、タブレット型端末が用いられてもよい。また、本発明に係る表示装置は、画像を記録媒体に形成するための画像形成部を含むカラー複合機、又はモノクロ複合機等の画像形成装置に搭載されていてもよい。
(Other variants)
The present invention is not limited to the configuration of the above embodiment, and various modifications are possible. For example, in the above embodiment, a smartphone is used as a display device, but this is only an example, and for example, a tablet terminal may be used. Further, the display device according to the present invention may be mounted on an image forming device such as a color multifunction device or a monochrome multifunction device including an image forming unit for forming an image on a recording medium.

図1乃至図5を用いて示した上記実施の形態の構成及び処理は、本発明の一実施形態に過ぎず、本発明を当該構成及び処理に限定する趣旨ではない。 The configuration and processing of the above-described embodiment shown with reference to FIGS. 1 to 5 are merely one embodiment of the present invention, and the present invention is not intended to be limited to the configuration and processing.

1 表示装置
10 制御部
11 表示部
12 タッチパネル
1 Display device 10 Control unit 11 Display unit 12 Touch panel

Claims (4)

制御部と、表示部と、タッチパネルと、を備え、
前記制御部は、
前記表示部に、予め定められている方向に沿って延びる本体と、前記本体に配置されているノブと、を含むスクロールバーを、予め定められている第1の位置に表示させ、
前記タッチパネルを介して、前記スクロールバーが表示されていない部分に対する第1のタッチ操作、及び、前記本体における前記ノブが配置されていない部分に対する第2のタッチ操作を同時期に受付けた場合に、前記表示部に、前記第2のタッチ操作が行なわれた第2の位置に前記ノブが表示されるように、前記スクロールバーを前記第1の位置から移動させる、表示装置。
It is equipped with a control unit, a display unit, and a touch panel.
The control unit
A scroll bar including a main body extending along a predetermined direction and a knob arranged on the main body is displayed on the display unit at a predetermined first position.
When the first touch operation on the portion where the scroll bar is not displayed and the second touch operation on the portion where the knob is not arranged on the main body are received at the same time via the touch panel. A display device that moves the scroll bar from the first position so that the knob is displayed on the display unit at the second position where the second touch operation is performed.
前記制御部は、前記タッチパネルを介して前記第1のタッチ操作及び前記第2のタッチ操作を同時期に受付けた後に、前記第2のタッチ操作が解除された場合、前記表示部に、前記スクロールバーを前記第1の位置に移動させて表示させる、請求項1に記載の表示装置。 When the second touch operation is released after the first touch operation and the second touch operation are received at the same time by the control unit via the touch panel, the scroll is displayed on the display unit. The display device according to claim 1, wherein the bar is moved to the first position to display. 前記制御部は、
前記タッチパネルを介して前記第1のタッチ操作及び前記第2のタッチ操作を同時期に受付けた場合に、前記タッチパネルを介した、前記ノブに対する前記予め定められている方向のスライド操作の受付けを禁止し、
前記タッチパネルを介して前記第1のタッチ操作及び前記第2のタッチ操作を同時期に受付けた後に、前記第1のタッチ操作のみが解除された場合、前記スライド操作の受付けを許可する、請求項1又は請求項2に記載の表示装置。
The control unit
When the first touch operation and the second touch operation are received at the same time via the touch panel, acceptance of a slide operation in the predetermined direction with respect to the knob via the touch panel is prohibited. And
The claim that the acceptance of the slide operation is permitted when only the first touch operation is released after the first touch operation and the second touch operation are received at the same time via the touch panel. 1 or the display device according to claim 2.
前記制御部は、
前記表示部に、前記スクロールバーとともに、表示対象の画像の一部分を前記スクロールバーが表示されていない部分に表示させ、
前記予め定められている方向の長さについて、前記画像の長さに対する前記一部分の長さの割合と、前記本体の長さに対する前記ノブの長さの割合とが同じとなり、かつ、前記予め定められている方向の位置について、前記本体における前記ノブの位置が前記画像における前記一部分の位置に対応するように、前記スクロールバーを表示させ、
前記タッチパネルを介して前記ノブに対する前記予め定められている方向のスライド操作を受け付けると、前記表示部に、前記ノブが前記スライド操作の移動先の位置に表示されるまで前記ノブを移動させるとともに、前記画像における移動後の前記ノブの位置に対応する一部分が表示されるまで、前記画像を前記予め定められている方向にスクロールさせる、請求項3に記載の表示装置。
The control unit
A part of the image to be displayed is displayed on the display unit together with the scroll bar in the portion where the scroll bar is not displayed.
Regarding the length in the predetermined direction, the ratio of the length of the part to the length of the image and the ratio of the length of the knob to the length of the main body are the same, and the predetermined length With respect to the position in the direction, the scroll bar is displayed so that the position of the knob in the main body corresponds to the position of the part in the image.
When a slide operation in the predetermined direction with respect to the knob is received via the touch panel, the knob is moved to the display unit until the knob is displayed at the position where the slide operation is moved. The display device according to claim 3, wherein the image is scrolled in the predetermined direction until a part corresponding to the position of the knob after movement in the image is displayed.
JP2019058807A 2019-03-26 2019-03-26 Display device Active JP7205339B2 (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
JP2019058807A JP7205339B2 (en) 2019-03-26 2019-03-26 Display device
US16/814,561 US20200310635A1 (en) 2019-03-26 2020-03-10 Display apparatus for displaying scroll bar including body and knob

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2019058807A JP7205339B2 (en) 2019-03-26 2019-03-26 Display device

Publications (2)

Publication Number Publication Date
JP2020160738A true JP2020160738A (en) 2020-10-01
JP7205339B2 JP7205339B2 (en) 2023-01-17

Family

ID=72643478

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2019058807A Active JP7205339B2 (en) 2019-03-26 2019-03-26 Display device

Country Status (1)

Country Link
JP (1) JP7205339B2 (en)

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004139321A (en) * 2002-10-17 2004-05-13 Fujitsu Ten Ltd Scroll bar operation device
US20080178116A1 (en) * 2007-01-19 2008-07-24 Lg Electronics Inc. Displaying scroll bar on terminal
JP2017157026A (en) * 2016-03-02 2017-09-07 京セラドキュメントソリューションズ株式会社 Display operation device and program

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004139321A (en) * 2002-10-17 2004-05-13 Fujitsu Ten Ltd Scroll bar operation device
US20080178116A1 (en) * 2007-01-19 2008-07-24 Lg Electronics Inc. Displaying scroll bar on terminal
JP2017157026A (en) * 2016-03-02 2017-09-07 京セラドキュメントソリューションズ株式会社 Display operation device and program

Also Published As

Publication number Publication date
JP7205339B2 (en) 2023-01-17

Similar Documents

Publication Publication Date Title
JP6886939B2 (en) Information processing device control method, control program and information processing device
US10222903B2 (en) Display control apparatus and control method thereof
US9438789B2 (en) Display control apparatus and display control method
KR101132872B1 (en) Portable electronic device for photo management
WO2019020052A1 (en) Photography method and mobile terminal
US20130152024A1 (en) Electronic device and page zooming method thereof
JP6647103B2 (en) Display control device and control method thereof
JP2014123378A (en) Text-enlargement display method
US20140380250A1 (en) Image processing apparatus, image processing method and program
JP2006252279A (en) Image operation method, image operation device, image display device and printer
TWI627569B (en) Display control apparatus and control method thereof
JP2012217101A (en) Information processor, control method of the same, program, and storage medium
JP5654634B2 (en) Wallpaper image installation method and digital media controller
JP6128919B2 (en) Display control apparatus and control method thereof
US11039070B2 (en) Electronic device for selecting a candidate from a candidate group and changing a candidate group, control method of electronic device, and non-transitory computer readable medium
US20200310635A1 (en) Display apparatus for displaying scroll bar including body and knob
JP6175375B2 (en) Display device, display method, and program
JP7205339B2 (en) Display device
JP2017134632A (en) Display device, display control method and program
JP7366682B2 (en) Electronic equipment and its control method
JP2014235506A (en) Display control device and control method therefor
JP6779778B2 (en) Display control device and its control method
JP2020160739A (en) Display unit
CN111373359A (en) Electronic device capable of changing display portion of image
US10356327B2 (en) Display control apparatus, method for controlling same, and storage medium

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20220228

RD02 Notification of acceptance of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7422

Effective date: 20220928

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20221124

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

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20221212

R150 Certificate of patent or registration of utility model

Ref document number: 7205339

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150