JP6481310B2 - Electronic device and electronic device control program - Google Patents

Electronic device and electronic device control program Download PDF

Info

Publication number
JP6481310B2
JP6481310B2 JP2014195419A JP2014195419A JP6481310B2 JP 6481310 B2 JP6481310 B2 JP 6481310B2 JP 2014195419 A JP2014195419 A JP 2014195419A JP 2014195419 A JP2014195419 A JP 2014195419A JP 6481310 B2 JP6481310 B2 JP 6481310B2
Authority
JP
Japan
Prior art keywords
contact
electronic device
seek bar
display unit
unit
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
JP2014195419A
Other languages
Japanese (ja)
Other versions
JP2016066296A (en
Inventor
美保 浦山
美保 浦山
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Nikon Corp
Original Assignee
Nikon Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Nikon Corp filed Critical Nikon Corp
Priority to JP2014195419A priority Critical patent/JP6481310B2/en
Publication of JP2016066296A publication Critical patent/JP2016066296A/en
Application granted granted Critical
Publication of JP6481310B2 publication Critical patent/JP6481310B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Description

本発明は、電子機器及び電子機器の制御プログラムに関するものである。   The present invention relates to an electronic device and a control program for the electronic device.

タッチパネルに表示されたシークバー等のＧＵＩ(グラフィックユーザインターフェース)操作は、指等で行うことが多い。このため、微調整がしづらい。
従来、この問題への対策として、シークバーと直交する下方へのドラックを検出し、シークバーとドラッグの最終ポイントとの距離にしたがって、シークバーを拡大することにより、微調整を可能としている技術がある（特許文献１参照）。 A GUI (graphic user interface) operation such as a seek bar displayed on the touch panel is often performed with a finger or the like. For this reason, fine adjustment is difficult.
Conventionally, as a countermeasure to this problem, there is a technique that enables fine adjustment by detecting a downward drag perpendicular to the seek bar and enlarging the seek bar according to the distance between the seek bar and the final drag point ( Patent Document 1).

特表２０１３−５４６０９３号公報Special table 2013-546093 gazette

しかし、この従来技術は、シークバーにタッチした後、シークバーと直交方向へドラッグする。したがって、直感的なスケール調整ではなく、ユーザへの周知が必要となる。また、ドラッグでスケール調整を行った後、再度ドラッグでスライダの調整をするため、微調整を行なうには２度のドラッグが必要となる。   However, in this prior art, after touching the seek bar, the drag is performed in a direction orthogonal to the seek bar. Therefore, it is not an intuitive scale adjustment but needs to be known to the user. Further, since the slider is adjusted by dragging again after adjusting the scale by dragging, two dragging operations are necessary for fine adjustment.

本発明の課題は、微調整が容易な電子機器及び電子機器の制御プログラムを提供することである。   An object of the present invention is to provide an electronic device and a control program for the electronic device that can be easily fine-tuned.

本発明は、以下のような解決手段により前記課題を解決する。
請求項１に記載の発明は、コンテンツにおける特定位置を示す指標部を表示可能な表示部と、前記表示部への接触を検出する入力検出部と、を備えるタッチパネルと、前記表示部における前記指標部への第１の接触が維持されたまま、前記入力検出部により第２の接触が検出されると、前記指標部から前記第２の接触が行われた第２の接触点までを拡大した拡大部を前記第１の接触が行われた第１の接触点を基端として前記表示部に表示させる制御部と、を備える電子機器である。
請求項８に記載の発明は、コンテンツにおける特定位置を示す指標部を表示可能な表示部と、前記表示部への接触を検出する入力検出部と、を備えるタッチパネルを備えた電子機器の制御プログラムであって、前記表示部における前記指標部への第１の接触が維持されたまま、前記入力検出部により第２の接触が検出されると、前記指標部から前記第２の接触が行われた第２の接触点までを拡大した拡大部を前記第１の接触が行われた第１の接触点を基端として前記表示部に表示させる電子機器の制御プログラムである。 The present invention solves the above problems by the following means.
The invention according to claim 1 is a touch panel including a display unit capable of displaying an index unit indicating a specific position in content, an input detection unit for detecting contact with the display unit, and the index in the display unit. while the first contact to the parts is maintained and by the input detection unit and the second contact Ru is detected and expanded from the index portion to the second contact point, wherein the second contact is made And a control unit that causes the display unit to display an enlarged unit on the display unit with a first contact point at which the first contact is performed as a base end .
The invention according to claim 8 is a control program for an electronic device including a touch panel including a display unit capable of displaying an index unit indicating a specific position in content, and an input detection unit detecting contact with the display unit. When the second contact is detected by the input detection unit while the first contact to the index unit in the display unit is maintained, the second contact is performed from the index unit. The electronic device control program causes the display unit to display an enlarged portion that has been enlarged up to the second contact point, with the first contact point at which the first contact is performed as a base end.

本発明の第１実施形態の電子機器の簡易ブロック図である。It is a simple block diagram of the electronic device of 1st Embodiment of this invention. 本実施形態のユーザ側の操作及び制御部の動作を示したフローチャートである。It is the flowchart which showed the operation by the side of the user and the control section of this execution form. （ａ）〜（ｃ）は、シークバー及びそのシークバーに対するユーザの操作を示した図である。(A)-(c) is the figure which showed the user's operation with respect to a seek bar and the seek bar. マイナス方向の範囲でスケール拡大を行なった形態を示した図であるIt is the figure which showed the form which performed scale expansion in the range of a minus direction 第２シークバーを湾曲させた形態を示した図である。It is the figure which showed the form which curved the 2nd seek bar. （ａ）〜（ｃ）は第２実施形態の枠の位置の変更操作を説明する図である。(A)-(c) is a figure explaining the change operation of the position of the frame of 2nd Embodiment. （ａ）及び（ｂ）拡大画像表示の一例を示した図である。It is the figure which showed an example of (a) and (b) enlarged image display.

（第１実施形態）
図１は本発明の第１実施形態の電子機器１の簡易ブロック図である。本実施形態の電子機器１は、ＰＣ（Ｐｅｒｓｏｎａｌ Ｃｏｍｐｕｔｅｒ）、ＰＤＡ（Ｐｅｒｓｏｎａｌ Ｄｉｇｉｔａｌ Ａｓｓｉｓｔａｎｔｓ）、携帯電話、スマートフォン、携帯ゲーム装置等であり、音声、音楽、動画等の再生時間により変化するコンテンツの再生が可能なものである。本実施形態ではコンテンツの一例として動画について説明する。 (First embodiment)
FIG. 1 is a simplified block diagram of an electronic apparatus 1 according to the first embodiment of the present invention. The electronic device 1 according to the present embodiment is a PC (Personal Computer), a PDA (Personal Digital Assistant), a mobile phone, a smartphone, a mobile game device, or the like, and plays back content that varies depending on the playback time of voice, music, video, and the like. It is possible. In this embodiment, a moving image will be described as an example of content.

電子機器１は、タッチパネル２と、制御部３と、記憶部４とを備える。
記憶部４は、たとえば、電子機器１で再生する動画ファイルを記憶する。なお、本実施形態では、記憶部４から動画ファイルを読み出して再生する例で説明を行うがこれに限られない。例えば、電子機器１が図示しない通信部により外部のサーバ等と通信できる場合には、サーバ等に記憶されている動画ファイルを通信部を介してストリーミング再生することもできる。その場合は、電子機器１は記憶部４を有する必要はない。
タッチパネル２は、表示部２２と、入力検出部２１とを備える。
表示部２２は、液晶パネル等であって、各種操作項目や後述のシークバー２３，２４等を表示する。
入力検出部２１は、表示部２２に重ねて配置されたタッチ式の入力装置で、例えば、上部電極と下部電極とを有する抵抗膜方式である。 The electronic device 1 includes a touch panel 2, a control unit 3, and a storage unit 4.
The storage unit 4 stores, for example, a moving image file that is played back by the electronic device 1. In the present embodiment, an example is described in which a moving image file is read from the storage unit 4 and played back, but the present invention is not limited to this. For example, when the electronic device 1 can communicate with an external server or the like through a communication unit (not shown), a moving image file stored in the server or the like can be streamed and reproduced via the communication unit. In that case, the electronic device 1 does not need to have the storage unit 4.
The touch panel 2 includes a display unit 22 and an input detection unit 21.
The display unit 22 is a liquid crystal panel or the like, and displays various operation items, seek bars 23 and 24 described later, and the like.
The input detection unit 21 is a touch-type input device arranged to overlap the display unit 22 and is, for example, a resistive film type having an upper electrode and a lower electrode.

表示部２２に、その位置をタッチすると実施される操作項目が表示されている状態で、ユーザが、指等により表示部２２に表示された内容を選択して入力検出部２１にタッチする。そうすると、入力検出部２１の上部電極と下部電極とが接触し、それにより入力点の座標が認識される。制御部３は、その座標に基づいて、所定の動作を行う。   The user selects the content displayed on the display unit 22 with a finger or the like and touches the input detection unit 21 in a state where operation items to be executed when the position is touched are displayed on the display unit 22. If it does so, the upper electrode and lower electrode of the input detection part 21 will contact, and the coordinate of an input point is recognized by it. The control unit 3 performs a predetermined operation based on the coordinates.

図２は本実施形態のユーザ側の操作及び制御部３の動作を示したフローチャートである。
まず、ユーザは動画の再生を希望する場合、タッチパネル２に表示された操作項目より動画再生を選択する（ステップＳ１１）。
そうすると、制御部３は、タッチパネル２より信号を受信し（ステップＳ２１）、記憶部４に記憶された動画ファイルの再生を、通常の速度で開始する（ステップＳ２２）。 FIG. 2 is a flowchart showing the operation on the user side and the operation of the control unit 3 according to the present embodiment.
First, when the user wishes to reproduce a moving image, the user selects moving image reproduction from the operation item displayed on the touch panel 2 (step S11).
If it does so, the control part 3 will receive a signal from the touch panel 2 (step S21), and will start reproduction | regeneration of the moving image file memorize | stored in the memory | storage part 4 at a normal speed (step S22).

制御部３は、再生の開始とともに、タッチパネル２の画面上に動画再生ＧＵＩとしてシークバー２３（動画コンテンツの開始から終了までを示す時間軸，シーケンスバー，タイムライン）を表示する（ステップＳ２３）。
図３（ａ）〜（ｃ）は、タッチパネル２のＧＵＩ表示の一例としてのシークバー２３，２４及びそのシークバー２３，２４に対するユーザの操作を示した図である。
シークバー（第１シークバー２３）は、図示するように表示部２２においてライン状に示されるもので、そのライン上には、現在の再生位置を示すスライダ(指標部)２５が表示される。スライダ２５は、動画の再生と共に移動し、動画の始めから終わりまでのうちどこを再生しているのかといった進行状況（再生位置または再生箇所）を、その位置によって示すものである。 The control unit 3 displays a seek bar 23 (time axis, sequence bar, and time line indicating the start to end of moving image content) as a moving image reproduction GUI on the screen of the touch panel 2 along with the start of reproduction (step S23).
FIGS. 3A to 3C are diagrams showing seek bars 23 and 24 as an example of GUI display on the touch panel 2 and user operations on the seek bars 23 and 24.
The seek bar (first seek bar 23) is shown as a line on the display unit 22 as shown in the figure, and a slider (index unit) 25 indicating the current reproduction position is displayed on the line. The slider 25 moves along with the reproduction of the moving image, and indicates the progress status (reproduction position or reproduction position) such as where the reproduction is from the beginning to the end of the moving image.

ユーザは、再生箇所を移動したい場合（ステップＳ１２）、図３（ａ）に示すように、スライダ２５を人差し指等によりタッチ（第１タッチＴ１）する（ステップＳ１３）。そして、その第１タッチＴ１を維持したまま第１シークバー２３に沿って第１タッチＴ１の位置を矢印方向に移動（ドラッグ）する（ステップＳ１４）。なお、ユーザは、再生箇所を移動したい場合（ステップＳ１２）に、単に、第１シークバー２３上の再生したい再生箇所をタップしてもよい。タップとは、タッチパネル２をタッチし、直ちに離す操作である。
制御部３は、タッチパネル２より第１タッチＴ１を受信し（ステップＳ２４,ＹＥＳ）、その第１タッチＴ１がドラッグされると（ステップＳ２５，ＹＥＳ）、ドラッグされた位置まで動画の再生位置を移動する（ステップＳ２６）。 When the user wants to move the playback position (step S12), as shown in FIG. 3A, the user touches the slider 25 with the index finger or the like (first touch T1) (step S13). Then, the position of the first touch T1 is moved (dragged) in the arrow direction along the first seek bar 23 while maintaining the first touch T1 (step S14). Note that when the user wants to move the playback location (step S12), the user may simply tap the playback location on the first seek bar 23 to be played back. A tap is an operation of touching the touch panel 2 and releasing it immediately.
The control unit 3 receives the first touch T1 from the touch panel 2 (step S24, YES). When the first touch T1 is dragged (step S25, YES), the moving image playback position is moved to the dragged position. (Step S26).

ユーザは、再生箇所の選択において微調整が必要な場合（ステップＳ１５，ＹＥＳ）、図３（ｂ）に示すように、人差し指の第１タッチＴ１を維持したまま、例えば中指で、拡大したい範囲の終点として、第１シークバー２３上のもう一点をタッチ（第２タッチＴ２）する（ステップＳ１６）。なお、微調整は、ユーザーが第１タッチＴ１（ステップＳ１３）を行った後、その第１タッチＴ１がドラッグ（ステップＳ１４）されることなく行われても良い。
制御部３は、タッチパネル２より第２タッチＴ２の検出信号を受信すると（ステップＳ２７，ＹＥＳ）、第１タッチＴ１と第２タッチＴ２との間の距離（すなわち時間ｔ）を演算する（ステップＳ２８）。そして制御部３は、第１タッチＴ１に対する第２タッチＴ２の方向を判定し（ステップＳ２９）、第１シークバー２３の拡大範囲を演算する（ステップＳ３０）。 When fine adjustment is necessary for selection of the reproduction location (step S15, YES), the user keeps the first touch T1 of the index finger as shown in FIG. As an end point, another point on the first seek bar 23 is touched (second touch T2) (step S16). The fine adjustment may be performed without dragging the first touch T1 (step S14) after the user performs the first touch T1 (step S13).
When the control unit 3 receives the detection signal of the second touch T2 from the touch panel 2 (step S27, YES), the control unit 3 calculates the distance (that is, time t) between the first touch T1 and the second touch T2 (step S28). ). And the control part 3 determines the direction of the 2nd touch T2 with respect to the 1st touch T1 (step S29), and calculates the expansion range of the 1st seek bar 23 (step S30).

次いで、制御部３は、図３（ｃ）に示すように第１シークバー２３と重なるように第２シークバー２４を表示する（ステップＳ３１）。
第２シークバー２４の始点は、第１タッチＴ１の位置(時間)であり、終点は第１シークバー２３上で第２タッチＴ２が行われた位置(時間)である。すなわち、第２シークバー２４の長さは、第１タッチＴ１から第２タッチＴ２までの時間ｔである。
第２シークバー２４のスケールは第１シークバー２３を拡大したもので、同じ時間の場合、示すバーが長い。具体的には、図３（ｃ）に示すように、画面上での第１シークバー２３の終点は４０ｍｉｎであるが、第２シークバー２４の終点は、１５ｍｉｎであり、同じ時間は３．５倍の長さのスケールで表示される。なお、第２シークバー２４のスケールは一例であり、第１シークバー２３のスケールを拡大するものであれば、設定によって任意のスケールで表示するように構成することができる。また、第２シークバー２４を表示した際、図３（ｃ）に示すようにスライダ２５を第１シークバー２３と共用するように構成することができる。また、図３（ｃ）では、第２シークバー２４が第１シークバー２３と重なった範囲においても第１シークバー２３が視認できるが、第２シークバー２４が第１シークバー２３と重なった範囲では第１シークバー２３が完全に隠れるように表示しても良い。 Next, the control unit 3 displays the second seek bar 24 so as to overlap the first seek bar 23 as shown in FIG. 3C (step S31).
The start point of the second seek bar 24 is the position (time) of the first touch T1, and the end point is the position (time) at which the second touch T2 is performed on the first seek bar 23. That is, the length of the second seek bar 24 is the time t from the first touch T1 to the second touch T2.
The scale of the second seek bar 24 is an enlargement of the first seek bar 23, and the bar shown is long at the same time. Specifically, as shown in FIG. 3C, the end point of the first seek bar 23 on the screen is 40 min, but the end point of the second seek bar 24 is 15 min, and the same time is 3.5 times. It is displayed with the scale of length. Note that the scale of the second seek bar 24 is an example, and if the scale of the first seek bar 23 is enlarged, it can be configured to display an arbitrary scale depending on the setting. Further, when the second seek bar 24 is displayed, the slider 25 can be shared with the first seek bar 23 as shown in FIG. In FIG. 3C, the first seek bar 23 can be visually recognized even in the range where the second seek bar 24 overlaps the first seek bar 23, but the first seek bar is visible in the range where the second seek bar 24 overlaps the first seek bar 23. You may display so that 23 may be completely hidden.

このように、第２シークバー２４は、第１シークバー２３よりも拡大表示されるので、ユーザは、スライダ２５が示す再生位置の微調整を容易に行うことができる。例えば、ユーザは第２シークバー２４の任意の再生位置をタップすることにより再生位置の微調整を行うことができる。あるいは、第２シークバー２４のスライダ２５をドラッグすることにより再生位置の微調整を行うことができる。
そして、第２シークバー２４は、ユーザが第１シークバー２３上においてスライダ２５から拡大したい方向に拡大したい距離だけ離れた点をタッチ(第２タッチＴ２)するだけで表示されるので、直感的に操作しやすい。すなわち、使用説明書等を読むことなく、感覚的に操作するだけで操作方法を容易に把握できる。 Thus, since the second seek bar 24 is displayed in an enlarged manner as compared with the first seek bar 23, the user can easily finely adjust the reproduction position indicated by the slider 25. For example, the user can finely adjust the playback position by tapping an arbitrary playback position of the second seek bar 24. Alternatively, the playback position can be finely adjusted by dragging the slider 25 of the second seek bar 24.
The second seek bar 24 is displayed simply by touching a point on the first seek bar 23 that is away from the slider 25 by the distance that the user wants to enlarge in the direction that the user wants to enlarge (second touch T2). It's easy to do. That is, the operation method can be easily grasped only by operating sensibly without reading the instruction manual.

なお、本実施形態で、第１タッチＴ１で人差し指、第２タッチＴ２で中指か親指を使用する例について説明したが、これらの指に限定されず、どの指であってもよく、また、指以外のスタイラス等であってもよい。   In this embodiment, an example has been described in which the index finger is used for the first touch T1, and the middle finger or the thumb is used for the second touch T2. However, the present invention is not limited to these fingers, and any finger may be used. Other styluses may be used.

ここで、ユーザは、さらなる微調整が必要なければ（ステップＳ１５，ＮＯ）、第１タッチＴ１を解除する（ステップＳ１８）。
制御部３は、第１タッチＴ１の解除を受信すると（ステップＳ３２，ＹＥＳ）、第２シークバー２４の表示を終了し（ステップＳ３３）。ステップＳ２４に戻る。 Here, if further fine adjustment is not necessary (step S15, NO), the user releases the first touch T1 (step S18).
When the release of the first touch T1 is received (step S32, YES), the control unit 3 ends the display of the second seek bar 24 (step S33). The process returns to step S24.

第１タッチＴ１が解除されない場合は（ステップＳ３２，ＮＯ）、ステップＳ２５に戻る。そして、第２シークバー２４に沿って、スライダ２５位置での第１タッチＴ１のドラッグが確認されると（ステップＳ２５，ＹＥＳ）、動画はその移動に伴い移動する（ステップＳ２６）。   When the first touch T1 is not released (step S32, NO), the process returns to step S25. Then, when the drag of the first touch T1 at the position of the slider 25 is confirmed along the second seek bar 24 (step S25, YES), the moving image moves with the movement (step S26).

ユーザが、第２シークバー２４が表示されている状態で、再度、第１タッチＴ１を維持したまま、別の指で第１タッチＴ１の位置から離れた位置をタッチ（第３のタッチ）すると、制御部３は、第３タッチの信号を受信する。そうすると、制御部３は、さらに第２シークバー２４をさらに拡大（再拡大表示）する。
これにより、第２シークバー２４の終点は拡大前において第２シークバー２４上で第３のタッチが行われた位置が示す時間となる。すなわち、第２シークバー２４において、第３のタッチが行われる前よりも、同じ時間を示す長さが、さらに長くなる。 When the user touches a position away from the position of the first touch T1 with another finger while maintaining the first touch T1 while the second seek bar 24 is displayed (third touch), The control unit 3 receives a third touch signal. Then, the control unit 3 further enlarges (re-enlarges and displays) the second seek bar 24.
Thus, the end point of the second seek bar 24 is the time indicated by the position where the third touch is performed on the second seek bar 24 before the enlargement. That is, in the second seek bar 24, the length indicating the same time is longer than before the third touch is performed.

図３においては、第２タッチＴ２が第１タッチＴ１に対してプラス方向（未来の方向）の場合について説明し、その場合、プラス方向の範囲でスケール拡大を行なう形態について説明した。なお、プラス方向とは、シークバー上で、現在の再生位置に対して再生時刻が後方の再生位置に相当する方向である。
しかし、本実施形態はマイナス方向（過去の方向）の範囲でスケール拡大を行なうことも可能である。マイナス方向とは、シークバー上で、現在の再生位置に対して再生時刻が前方の再生位置に相当する方向である。図４はマイナス方向の範囲でスケール拡大を行なった例を示した図である。図中点線で示すように第２タッチＴ２が第１タッチＴ１に対してマイナス方向（過去の方向）の場合は、図示するように第２シークバー２４は、マイナス方向へ拡大表示される。 In FIG. 3, the case where the second touch T <b> 2 is in the plus direction (future direction) with respect to the first touch T <b> 1 has been described, and in this case, the mode in which the scale is enlarged in the plus direction range has been described. The plus direction is a direction in which the playback time corresponds to the playback position behind the current playback position on the seek bar.
However, in the present embodiment, the scale can be expanded in the minus direction (the past direction). The minus direction is a direction in which the playback time corresponds to the playback position ahead of the current playback position on the seek bar. FIG. 4 is a diagram showing an example in which the scale is enlarged in the minus direction. When the second touch T2 is in the minus direction (past direction) with respect to the first touch T1 as indicated by the dotted line in the figure, the second seek bar 24 is enlarged and displayed in the minus direction as shown.

また、第１タッチＴ１が第１シークバー２３の端部の近傍で、第２タッチＴ２がさらに端部側のとき、画面のスペースが足りないために第２シークバー２４を第１シークバー２３と同じ方向に延ばすことができない場合もある。第１タッチＴ１が第１シークバー２３の端部の近傍とは、例えば、コンテンツの最後に近い再生位置である場合である。
その場合は、例えば、図５に示すように、第２シークバー２４を、第１シークバー２３の端部において逆方向に曲げ、プラスマイマス逆方向に第１シークバー２３と平行に延ばす。ただし、これに限定されず、画面内において他の方向に延ばしても良い。
このように、第２シークバー２４を延ばすスペースがない場合であっても、第２シークバー２４を折り曲げて表示することで、第２シークバー２４を表示することができる。
なお、第２タッチがシークバー２３上でなかった場合は、スケール変化は行われない。 Further, when the first touch T1 is in the vicinity of the end of the first seek bar 23 and the second touch T2 is further on the end side, the second seek bar 24 is in the same direction as the first seek bar 23 because of insufficient screen space. In some cases, it cannot be extended. The vicinity of the end of the first seek bar 23 when the first touch T1 is, for example, a case where the playback position is near the end of the content.
In this case, for example, as shown in FIG. 5, the second seek bar 24 is bent in the reverse direction at the end of the first seek bar 23 and extended in parallel with the first seek bar 23 in the direction opposite to the positive mass. However, the present invention is not limited to this, and it may extend in other directions within the screen.
Thus, even when there is no space for extending the second seek bar 24, the second seek bar 24 can be displayed by folding the second seek bar 24 and displaying it.
When the second touch is not on the seek bar 23, the scale is not changed.

（第２実施形態）
次に、本発明の第２実施形態について説明する。
第１実施形態では、動画再生、動画編集等のシークバー２３を用いるＧＵＩについて説明したが、第２実施形態は、コンテンツが静止画で、画面の切り取りや操作範囲を確定するための領域の枠を変更する場合について説明する。図６（ａ）〜（ｃ）は第２実施形態の枠の位置の変更操作を説明する図である。 (Second Embodiment)
Next, a second embodiment of the present invention will be described.
In the first embodiment, the GUI using the seek bar 23 for video playback, video editing, and the like has been described. However, in the second embodiment, the content is a still image, and a frame of an area for cutting the screen and determining the operation range is provided. The case of changing will be described. FIGS. 6A to 6C are diagrams for explaining a frame position changing operation according to the second embodiment.

まず、タッチパネル２に画像が表示されている状態で、ユーザが操作項目より、画像内の領域選択を指定すると、枠２６が表示される。枠２６は、例えば、画像のトリミングに用いられる枠である。
ユーザは、枠２６のうちの１辺の枠線(指標部)２６ａを移動したい場合、図６（ａ）に示すように、移動したい枠線２６ａを人差し指等によりタッチ（第１タッチ）Ｔ１する。そして、その第１タッチＴ１を維持したまま枠線２６ａを移動した方向にドラッグする。
制御部３は、タッチパネル２より第１タッチＴ１を受信し、その第１タッチＴ１がドラッグされると、ドラッグされた位置まで枠線２６ａを移動する。 First, when an image is displayed on the touch panel 2 and the user designates an area selection in the image from an operation item, a frame 26 is displayed. The frame 26 is a frame used for image trimming, for example.
When the user wants to move one side of the frame 26 (index part) 26a, as shown in FIG. 6A, the user touches the first frame line 26a with the index finger or the like (first touch) T1. . Then, the frame line 26a is dragged in the moving direction while maintaining the first touch T1.
The control unit 3 receives the first touch T1 from the touch panel 2, and when the first touch T1 is dragged, the control unit 3 moves the frame line 26a to the dragged position.

ユーザは、移動したい枠線２６ａの微調整が必要で画像の拡大を希望する場合、図６（ｂ）に示すように人差し指の第１タッチＴ１を維持したまま、例えば中指で、拡大を希望する領域の端部として画面上のもう一点をタッチ（第２タッチＴ２）する。
制御部３は、タッチパネル２より第２タッチＴ２の検出信号を受信すると、図６（ｃ）に示すように枠線２６ａと第２タッチＴ２との間の所定領域を拡大した拡大領域Ｓを表示する。
ユーザは、このように、拡大領域Ｓが表示されるので、枠線２６ａの微調整を行いやすい。 When fine adjustment of the frame line 26a to be moved is necessary and the user desires to enlarge the image, the user desires enlargement, for example, with the middle finger while maintaining the first touch T1 of the index finger as shown in FIG. 6B. Another point on the screen is touched as the end of the region (second touch T2).
When the control unit 3 receives the detection signal of the second touch T2 from the touch panel 2, as shown in FIG. 6C, the control unit 3 displays an enlarged region S in which a predetermined region between the frame line 26a and the second touch T2 is enlarged. To do.
Since the enlarged area S is displayed in this way, the user can easily finely adjust the frame line 26a.

ここで、図７（ａ）のように、第２タッチＴ２が、タッチパネル２の表示画面の端部Ａに近い場合、拡大表示するスペースが足りない場合がある。
このときは、図７（ｂ）に示すように、元画像が、拡大方向（図中＋方向）と逆方向（図中−方向，太い矢印方向）に移動する。このときに移動する量は、枠線２６ａを始線として拡大領域Ｓが表示できるだけの量である。
そして、タッチパネル２の表示領域の端部Ａと元画像の端部Ｂとの間に元画像が表示されない非領域Ｃができ、その非領域Ｃも含めた範囲に拡大領域Ｓが表示される。
これにより、ユーザは、枠線２６ａの微調整を行うことが可能となる。 Here, when the second touch T2 is close to the end A of the display screen of the touch panel 2 as shown in FIG.
At this time, as shown in FIG. 7B, the original image moves in the opposite direction (the minus direction in the figure, the direction of the thick arrow) to the enlargement direction (the plus direction in the figure). The amount of movement at this time is an amount that can be displayed in the enlarged region S starting from the frame line 26a.
Then, a non-region C in which the original image is not displayed is formed between the end A of the display region of the touch panel 2 and the end B of the original image, and the enlarged region S is displayed in a range including the non-region C.
Thereby, the user can perform fine adjustment of the frame line 26a.

以上、上述の第１実施形態及び第２実施形態によると、以下の効果を有する。
（１）画面上で位置を指定する際、拡大領域が表示されるので、位置の微調整を容易に行うことができる。
（２）拡大領域の表示方法は、第１タッチからユーザが拡大したい方向にタッチ(第２タッチＴ２)するだけなので、直感的に操作しやすい。すなわち、使用説明書等を読むことなく、感覚的に操作するだけで操作方法を容易に把握できる。（３）第１タッチと第２タッチとの間の領域を拡大領域として選択することにより、直感的に拡大領域の選択ができる。また、２本の指の間隔によって微調整と粗調整を切り替え、対応するＧＵＩ表示を行なう。指の間隔によって調整を行なう範囲を指定することで、ユーザは直感的に微調整／粗調整を切り替えることができる。 As described above, according to the first embodiment and the second embodiment described above, the following effects are obtained.
(1) When the position is designated on the screen, the enlarged area is displayed, so that the position can be easily finely adjusted.
(2) The display method of the enlargement area is easy to operate intuitively because the user only touches in the direction of enlargement from the first touch (second touch T2). That is, the operation method can be easily grasped only by operating sensibly without reading the instruction manual. (3) By selecting the area between the first touch and the second touch as the enlarged area, the enlarged area can be selected intuitively. Further, fine adjustment and coarse adjustment are switched according to the interval between two fingers, and the corresponding GUI display is performed. By specifying a range to be adjusted according to the finger interval, the user can intuitively switch between fine adjustment and coarse adjustment.

１：電子機器、２：タッチパネル、３：制御部、４：記憶部、２１：入力検出部、２２：表示部、２３：第１シークバー、２４：第２シークバー、２５：スライダ、２６：枠、２６ａ：枠線   1: electronic device 2: touch panel 3: control unit 4: storage unit 21: input detection unit 22: display unit 23: first seek bar 24: second seek bar 25: slider 26: frame 26a: Border

Claims (8)

コンテンツにおける特定位置を示す指標部を表示可能な表示部と、
前記表示部への接触を検出する入力検出部と、を備えるタッチパネルと、
前記表示部における前記指標部への第１の接触が維持されたまま、前記入力検出部により第２の接触が検出されると、前記指標部から前記第２の接触が行われた第２の接触点までを拡大した拡大部を前記第１の接触が行われた第１の接触点を基端として前記表示部に表示させる制御部と、
を備える電子機器。 A display unit capable of displaying an index part indicating a specific position in the content;
A touch panel comprising: an input detection unit that detects contact with the display unit;
The left first contact to the indicator portion of the display unit is maintained, when by the input detection unit and the second contact Ru is detected from the indicator portion second of the second contact is made A control unit that causes the display unit to display an enlarged part that has been enlarged up to a contact point, with the first contact point at which the first contact has been made as a base end ;
Electronic equipment comprising. 請求項１に記載の電子機器であって、
前記制御部は、
前記拡大部内で第３の接触が行われると、前記指標部から前記第３の接触が行われた第３の接触点までを拡大した再拡大部を前記表示部に表示させること、
を特徴とする電子機器。 The electronic device according to claim 1,
The controller is
Wherein when an enlarged portion third contact Ru done, by displaying the re-enlarged portion obtained by enlarging from the index portion to the third contact point and the third contact is made on the display unit,
Electronic equipment characterized by 請求項１または請求項２に記載の電子機器であって、The electronic device according to claim 1 or 2,
前記コンテンツは、音または動画で、The content is sound or video,
前記指標部は、前記コンテンツの先頭位置から終了位置までを示す第１のシークバーにおいて前記コンテンツの再生位置を示すスライダで、The index unit is a slider that indicates a playback position of the content in a first seek bar that indicates a start position to an end position of the content.
前記拡大部は、前記第１のシークバーにおいて前記スライダと前記第２の接触が行われた第２の接触点との間の領域を拡大して表示する第２のシークバーである電子機器。The enlargement unit is an electronic device that is a second seek bar that enlarges and displays a region between the slider and the second contact point at which the second contact is made in the first seek bar. 請求項３に記載の電子機器であって、The electronic device according to claim 3,
前記制御部は、The controller is
前記第２のシークバーの全領域が前記表示部内に表示されるように前記第２のシークバーを曲げて表示する電子機器。An electronic apparatus that bends and displays the second seek bar so that the entire area of the second seek bar is displayed in the display unit. 請求項３に記載の電子機器であって、The electronic device according to claim 3,
前記第２のシークバーの全領域が前記表示部内に表示されるように前記第２のシークバーのスケールを設定する電子機器。An electronic device that sets a scale of the second seek bar so that the entire area of the second seek bar is displayed in the display unit. 請求項１または請求項２に記載の電子機器であって、The electronic device according to claim 1 or 2,
前記コンテンツは、静止画像で、The content is a still image,
前記指標部は前記静止画像における処理範囲を規定する枠の一辺で、The indicator portion is one side of a frame that defines the processing range in the still image,
前記拡大部は、前記静止画像の前記枠の一辺と前記第２の接触が行われた第２の接触点との間の領域を拡大した拡大画像である電子機器。The enlargement unit is an electronic device that is an enlarged image obtained by enlarging a region between one side of the frame of the still image and a second contact point at which the second contact is performed. 請求項１または請求項２に記載の電子機器であって、The electronic device according to claim 1 or 2,
前記コンテンツは、静止画像で、The content is a still image,
前記指標部は前記静止画像における処理範囲を規定する枠の一辺で、The indicator portion is one side of a frame that defines the processing range in the still image,
前記拡大部は、前記静止画像の前記枠の一辺と前記第２の接触が行われた第２の接触点との間の領域を拡大した拡大画像であり、The enlarged portion is an enlarged image obtained by enlarging a region between one side of the frame of the still image and the second contact point at which the second contact is performed,
前記制御部は、The controller is
前記拡大画像が前記表示部内に入るように、前記静止画像を移動して表示する電子機器。An electronic device that moves and displays the still image so that the enlarged image enters the display unit. コンテンツにおける特定位置を示す指標部を表示可能な表示部と、A display unit capable of displaying an index part indicating a specific position in the content;
前記表示部への接触を検出する入力検出部と、を備えるタッチパネルを備えた電子機器の制御プログラムであって、An input detection unit that detects contact with the display unit, and a control program for an electronic device including a touch panel,
前記表示部における前記指標部への第１の接触が維持されたまま、前記入力検出部により第２の接触が検出されると、前記指標部から前記第２の接触が行われた第２の接触点までを拡大した拡大部を前記第１の接触が行われた第１の接触点を基端として前記表示部に表示させる電子機器の制御プログラム。When the second contact is detected by the input detection unit while the first contact to the index unit in the display unit is maintained, the second contact is made from the index unit. A control program for an electronic device that causes an enlarged portion that has been enlarged up to a contact point to be displayed on the display unit with a first contact point at which the first contact is made as a base end.
JP2014195419A 2014-09-25 2014-09-25 Electronic device and electronic device control program Active JP6481310B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2014195419A JP6481310B2 (en) 2014-09-25 2014-09-25 Electronic device and electronic device control program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2014195419A JP6481310B2 (en) 2014-09-25 2014-09-25 Electronic device and electronic device control program

Publications (2)

Publication Number Publication Date
JP2016066296A JP2016066296A (en) 2016-04-28
JP6481310B2 true JP6481310B2 (en) 2019-03-13

Family

ID=55804239

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2014195419A Active JP6481310B2 (en) 2014-09-25 2014-09-25 Electronic device and electronic device control program

Country Status (1)

Country Link
JP (1) JP6481310B2 (en)

Family Cites Families (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101476088B1 (en) * 2008-12-18 2014-12-23 닛본 덴끼 가부시끼가이샤 Slide bar display control apparatus and slide bar display control method
JP5447258B2 (en) * 2010-07-27 2014-03-19 日本電気株式会社 Portable terminal device, display control method, and program
JP2012114819A (en) * 2010-11-26 2012-06-14 Toshiba Corp Electronic device and display method of seek bar
KR101260834B1 (en) * 2010-12-14 2013-05-06 삼성전자주식회사 Method and device for controlling touch screen using timeline bar, recording medium for program for the same, and user terminal having the same
KR101954794B1 (en) * 2012-01-20 2019-05-31 삼성전자주식회사 Apparatus and method for multimedia content interface in visual display terminal
JP2013214192A (en) * 2012-04-02 2013-10-17 Sharp Corp Locator device, method for controlling locator device, control program, and computer-readable recording medium
JP2014106677A (en) * 2012-11-27 2014-06-09 Sharp Corp Display control device, display method, and display program

Also Published As

Publication number Publication date
JP2016066296A (en) 2016-04-28

Similar Documents

Publication Publication Date Title
AU2011341876B2 (en) Method and apparatus for controlling touch screen using timeline bar, recording medium with program for the same recorded therein, and user terminal having the same
EP2530677B1 (en) Method and apparatus for controlling a display of multimedia content using a timeline-based interface
JP5532174B2 (en) Slide bar display control device and slide bar display control method
JP5849502B2 (en) Information processing apparatus, information processing method, and program
US10275132B2 (en) Display apparatus, method of controlling display apparatus, and recordable medium storing program for performing method of controlling display apparatus
EP2530676B1 (en) Timeline-based content control method and apparatus using dynamic distortion of timeline bar, and method and apparatus for controlling video and audio clips using the same
EP2690541B1 (en) Method of displaying status bar
CN109496335A (en) User interface and method for zoom function
WO2019060191A1 (en) Dynamic adjustment of haptic/audio feedback during scrolling operations
KR20150099221A (en) Method of providing user interface and flexible device for performing the same.
WO2019060162A1 (en) Dynamic adjustment of media thumbnail image size based on touchscreen pressure
JP6273118B2 (en) Information processing device
JP6481310B2 (en) Electronic device and electronic device control program
JP2017016594A (en) Information processing apparatus, information display program, and information display method
JP6287320B2 (en) Image processing apparatus and image processing program
US20190087061A1 (en) Dynamic adjustment of scrolling or movement granularity based on touchscreen pressure
JP2018085150A (en) Electronic device and program
JP6172251B2 (en) Information processing apparatus, information processing method, and program
KR20100125784A (en) Touch input type electronic machine and method for controlling thereof
TW201319917A (en) Audio play device and method for controlling the operation of the audio play device

Legal Events

Date Code Title Description
RD03 Notification of appointment of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7423

Effective date: 20161003

RD04 Notification of resignation of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7424

Effective date: 20161003

A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20170915

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20180427

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20180508

A601 Written request for extension of time

Free format text: JAPANESE INTERMEDIATE CODE: A601

Effective date: 20180706

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20180903

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

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20190128

R150 Certificate of patent or registration of utility model

Ref document number: 6481310

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250