JP2018530837A - サイドスライドインターフェースの表示制御方法と装置、端末と記憶媒体 - Google Patents
サイドスライドインターフェースの表示制御方法と装置、端末と記憶媒体 Download PDFInfo
- Publication number
- JP2018530837A JP2018530837A JP2018519722A JP2018519722A JP2018530837A JP 2018530837 A JP2018530837 A JP 2018530837A JP 2018519722 A JP2018519722 A JP 2018519722A JP 2018519722 A JP2018519722 A JP 2018519722A JP 2018530837 A JP2018530837 A JP 2018530837A
- Authority
- JP
- Japan
- Prior art keywords
- slide
- rate
- button
- animation
- main page
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 46
- 238000004364 calculation method Methods 0.000 claims description 78
- 230000001133 acceleration Effects 0.000 claims description 48
- 230000008602 contraction Effects 0.000 claims description 15
- 230000008569 process Effects 0.000 claims description 6
- 238000012544 monitoring process Methods 0.000 claims description 5
- 230000008859 change Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 8
- 238000004088 simulation Methods 0.000 description 3
- 238000007796 conventional method Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000036541 health Effects 0.000 description 2
- 230000010354 integration Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 1
- 230000003247 decreasing effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000005259 measurement Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
【選択図】図2
Description
サイドスライドインターフェース上の任意の位置に作用するスライドタッチポイントの、第1スライドレートと第1スライド方向とを含む第1スライドスピードをリアルタイムで取得することと、
前記第1スライドレートに基づいて、前記メニューページに対応する第2スライドレート及び前記メインページに対応する第3スライドレートを計算し、前記第1スライド方向に応じて、前記メニューページ及び前記メインページのサイドスライド方向を決定することと、
それぞれ前記第2スライドレート及び前記第3スライドレートで前記サイドスライド方向に応じてスライドするように前記メニューページ及び前記メインページを制御することと、を含む。
サイドスライドインターフェース上の任意の位置に作用するスライドタッチポイントの、第1スライドレートと第1スライド方向とを含む第1スライドスピードをリアルタイムで取得するスピード監視モジュールと、
前記第1スライドレートに基づいて前記メニューページに対応する第2スライドレート及び前記メインページに対応する第3スライドレートを計算し、前記第1スライド方向に応じて、前記メニューページ及び前記メインページのサイドスライド方向を決定する計算モジュールと、
それぞれ前記第2スライドレート及び前記第3スライドレートで前記サイドスライド方向に応じてスライドするように前記メニューページ及び前記メインページを制御するスライド制御モジュールと、を含む。
サイドスライドインターフェース上の任意の位置に作用するスライドタッチポイントの、第1スライドレートと第1スライド方向とを含む第1スライドスピードをリアルタイムで取得するステップと、
前記第1スライドレートに基づいて、メニューページに対応する第2スライドレート及びメインページに対応する第3スライドレートを計算し、前記第1スライド方向に応じて、前記メニューページ及び前記メインページのサイドスライド方向を決定するステップと、
それぞれ前記第2スライドレート及び前記第3スライドレートで前記サイドスライド方向に応じてスライドするように前記メニューページ及び前記メインページを制御するステップと、を実行する。
サイドスライドインターフェース上の任意の位置に作用するスライドタッチポイントの、第1スライドレートと第1スライド方向とを含む第1スライドスピードをリアルタイムで取得するステップと、
前記第1スライドレートに基づいて、メニューページに対応する第2スライドレート及びメインページに対応する第3スライドレートを計算し、前記第1スライド方向に応じて、前記メニューページ及び前記メインページのサイドスライド方向を決定するステップと、
それぞれ前記第2スライドレート及び前記第3スライドレートで前記サイドスライド方向に応じてスライドするように前記メニューページ及び前記メインページを制御するステップと、を実行する。
K1=2M_PI*R/W
であり、そのうち、M_PIは円周率、Rはターンテーブルの半径、Wはメニューページの最大幅値である。本実施例において、メニューページ及びメインページがメニューページの最大幅値でスライドすると、ターンテーブルをちょうど一周回動するように制御される。サイドスライド操作と第1アニメーションとの間の関連性、完全性を向上させ、サイドスライドインターフェースの第1アニメーションにおけるターンテーブルの回動の制御性及び円滑性を更に向上させる。
K2=(y2−y1)/W
であり、そのうち、y2は最大移動値、y1は最小移動値、y2−y1は移動差、Wは最大幅値である。本実施例において、メニューページ及びメインページがメニューページの最大幅値でスライドすると、第1ボタンをちょうど一周分移動するように制御する。これにより、サイドスライド操作と第2アニメーションとの関連性、完全性が向上し、サイドスライドインターフェースの第2アニメーションにおける第1ボタンの移動の制御性及び円滑性を更に向上させる。
M’=cos(n/2+M_PI/4)*c+Mmin
上記式のうち、nは第2ボタンに対応する角度、M_PIは円周率、Mminは第2ボタンの大きさの特徴パラメータの最小値、cはプリセット最大伸縮値であり、
c=Mmax− Mmin
上記式のうち、Mmaxは第2ボタンの大きさパラメータの最大値である。更に、調整後の第2ボタンの大きさパラメータの値M’に従って第2ボタンの大きさを調整する。
r’=cos(n/2+M_PI/4)*c+rmin
c=rmax−rmin
上記式のうち、nは第2ボタンに対応する角度で、M_PIは円周率で、cはプリセット最大伸縮値で、rmaxは第2ボタン最大半径値で、rminは第2ボタンの最小半径値である。更に、調整された第2ボタンの半径により第2ボタンの大きさを調整する。
t=tc*(W−W_s)/W
上記式のうち、tは所要残り時間、W_sはスライド距離、Wは最大幅値、W−W_s は残り距離、tcは時間調整パラメータである。時間調整パラメータを設定することにより、異なるスライド効果を表示したいときに、メニューページの予め設定された幅値を変えることなく、時間調整パラメータのみを変えればよい。インターフェースの各部分の割合を反映したメニューページの予め設定された幅値を変えることに比べると、時間調整パラメータを変えるのは、より速く行うことができ、操作コスト及び資源コストをより節約することができる。
v始1t+0.5*a1*t2=S1
で第1加速度a1を計算する。第1行程を残り距離とし、第1初期レートをメインページの第3スライドレートとする場合、当該数式は、
V3t+0.5*a1*t2=W−W_s
となり、上記式のうち、Wは最大幅値、 W_sはスライドした距離、W−W_sは残り距離、V3は第3スライドレート、tは所要残り時間である。本実施例において、第1加速度は、第1初期レート、残り距離及び残り距離のスライドを完了する時間により計算されたものであってもよく、この場合、メインページが最大スライド距離をスライドしたときに、メインページの速度はちょうどゼロまで減速したことになる。メインページのスライドの変化の円滑さを向上し、メインページのスライドの変化をより自然にし、スライド変化時のジャンプや高速スライドにより表示インターフェースに負担がかかることを避ける。
V始2t+0.5*a2*t2=S2
で第2加速度a2を計算する。
VC始t+0.5*a転*t2=2M_PI*R−L
そのうち、VC始はターンテーブルの初期レート、tは所要残り時間、Rはターンテーブルの半径、Lは回動済み弧長である。
サイドスライドインターフェース上の任意の位置に作用するスライドタッチポイントの、第1スライドレートと第1スライド方向とを含む第1スライドスピードを取得するスピード監視モジュール1102と、
第1スライドレートに基づいて、メニューページに対応する第2スライドレート及びメインページに対応する第3スライドレートを計算し、第1スライド方向に応じて、メニューページ及びメインページのサイドスライド方向を決定する計算モジュール1104と、
それぞれ第2スライドレート及び第3スライドレートでサイドスライド方向に応じてスライドするようにメニューページ及びメインページを制御するスライド制御モジュール1106と、を含む。
Claims (25)
- サイドスライドインターフェース上の任意の位置に作用するスライドタッチポイントの、第1スライドレートと第1スライド方向とを含む第1スライドスピードをリアルタイムで取得することと、
前記第1スライドレートに基づいて、メニューページに対応する第2スライドレート及びメインページに対応する第3スライドレートを計算し、前記第1スライド方向に応じて、前記メニューページ及び前記メインページのサイドスライド方向を決定することと、
それぞれ前記第2スライドレート及び前記第3スライドレートで前記サイドスライド方向に応じてスライドするように前記メニューページ及び前記メインページを制御することと、を含むことを特徴とするサイドスライドインターフェースの表示制御方法。 - 前記メインページにはアニメーションが含まれており、
前記した、スライドタッチポイントの第1スライドスピードをリアルタイムで取得した後、前記方法は、
前記第1スライドスピードに基づいて、前記アニメーションのモーションパラメータを計算し、前記モーションパラメータにより、前記アニメーションを実行することを更に含むことを特徴とする、請求項1に記載の方法。 - 前記アニメーションは、ターンテーブルを含む第1アニメーション及び/又は第1ボタンを含む第2アニメーションを含み、
前記した、前記第1スライドスピードに基づいて、前記アニメーションのモーションパラメータを計算することは、
第1計算パラメータを取得し、前記第1計算パラメータ及び前記第1スライドスピードに基づいて、前記ターンテーブルの回動速さ及び回動方向を計算すること、
及び/又は第2計算パラメータを取得し、前記第2計算パラメータ及び前記第1スライドスピードに基づいて、前記第1ボタンの移動レート及び対応する移動方向を計算することを更に含む
ことを特徴とする、請求項2に記載の方法。 - 第1計算パラメータを取得する前に、前記方法は、
ターンテーブルの周長を取得し、予め設定されたメニューページの最大幅値を取得し、前記ターンテーブルの周長と前記メニューページの最大幅値との比率に基づいて、第1計算パラメータを計算することを更に含むことを特徴とする、請求項3に記載の方法。 - 第2計算パラメータを取得する前に、前記方法は、
少なくとも一つの第1ボタンに対応するプリセット移動区間値を取得し、前記プリセット移動区間値に基づいて移動差を特定し、また、予め設定されたメニューページの最大幅値を取得し、前記移動差と前記メニューページの最大幅値との比率に基づいて、第2計算パラメータを計算することを更に含むことを特徴とする、請求項3に記載の方法。 - 前記ターンテーブルには第2ボタンが含まれており、前記方法は、
前記ターンテーブル中心点を通る直線が、ターンテーブルの中心点を円心とし、水平方向にある位置から前記第2ボタンの中心点を通るまで回動して経過した角度である、前記第2ボタンに対応する角度をリアルタイムで取得することと、
前記第2ボタンに対応する角度及びプリセット最大伸縮値に基づいて、前記第2ボタンの大きさを調整することと、を更に含むことを特徴とする、請求項3に記載の方法。 - スライド停止指令を受信したとき、スライドを初めてから前記スライド停止指令を受信するまでに前記メインページがスライドした距離を計算することと、
前記スライドした距離がプリセット閾値距離以上である場合、前記メインページがプリセット最大スライド距離のスライドを完了するまでの所要残り時間を取得することと、
前記第3スライドレート又は前記第1プリセットレートにより、前記メインページの第1初期レートを決定し、前記メインページがプリセット最大スライド距離のスライドを完了するまでの所要残り時間及び前記第1初期レートに基づいて、前記メインページに対応する第1加速度を計算することと、
前記第1初期レート及び前記第1加速度で前記サイドスライド方向に応じて減速スライドして前記プリセット最大スライド距離のスライドを完了するように、前記メインページを制御することを更に含むことを特徴とする、請求項1に記載の方法。 - 前記メインページがプリセット最大スライド距離のスライドを完了するまでの所要残り時間を取得した後、前記方法は、
前記アニメーションのモーションパラメータのうちのモーションレート又は前記第2プリセットレートに基づいて、前記アニメーションの第2初期レートを決定することと、
前記メインページがプリセット最大スライド距離のスライドを完了するまでの所要残り時間及び前記第2初期レートに基づいて、前記アニメーションの第2加速度を計算し、第2加速度及び前記第2初期レートで一周期内の残りのアニメーションを減速しながら実行することと、を更に含むことを特徴とする、請求項7に記載の方法。 - サイドスライドインターフェース上の任意の位置に作用するスライドタッチポイントの、第1スライドレートと第1スライド方向とを含む第1スライドスピードをリアルタイムで取得するスピード監視モジュールと、
前記第1スライドレートに基づいてメニューページに対応する第2スライドレート及びメインページに対応する第3スライドレートを計算し、前記第1スライド方向に応じて前記メニューページ及び前記メインページのサイドスライド方向を決定する計算モジュールと、
それぞれ前記第2スライドレート及び前記第3スライドレートで前記サイドスライド方向に応じてスライドするように前記メニューページ及び前記メインページを制御するスライド制御モジュールと、を含むこととを特徴とするサイドスライドインターフェースの表示制御装置。 - 前記メインページにはアニメーションが含まれており、
前記計算モジュールは、前記第1スライドスピードに基づいて前記アニメーションのモーションパラメータを計算するものでもあり、
前記装置は、前記モーションパラメータにより前記アニメーションを実行するアニメーション実行モジュールを更に含むことを特徴とする、請求項9に記載の装置。 - 前記アニメーションは、ターンテーブルを含む第1アニメーション及び/又は第1ボタンを含む第2アニメーションを含み、
前記計算モジュールは、第1計算パラメータを取得し、前記第1計算パラメータ及び前記第1スライドスピードに基づいて前記ターンテーブルの回動速さ及び回動方向を計算する、及び/又は第2計算パラメータを取得し、前記第2計算パラメータ及び前記第1スライドスピードに基づいて前記第1ボタンの移動レート及び対応する移動方向を計算するものでもあることを特徴とする、請求項10に記載の装置。 - 前記計算モジュールは、ターンテーブルの周長及び予め設定されたメニューページの最大幅値を取得し、前記ターンテーブルの周長と前記メニューページの最大幅値との比率に基づいて第1計算パラメータを計算するものでもあることを特徴とする、請求項11に記載の装置。
- 前記計算モジュールは、少なくとも一つの第1ボタンに対応するプリセット移動区間値を取得し、前記プリセット移動区間値に基づいて移動差を特定し、予め設定されたメニューページの最大幅値を取得し、前記移動差と前記メニューページの最大幅値との比率に基づいて第2計算パラメータを計算するものでもあることを特徴とする、請求項11に記載の装置。
- 前記ターンテーブルには第2ボタンが含まれており、前記装置は、
前記ターンテーブルの中心点を通る直線が、ターンテーブルの中心点を円心とし、水平方向にある位置から前記第2ボタンの中心点を通るまで回動して経過した角度である、前記第2ボタンに対応する角度をリアルタイムに取得する対応角度特定モジュールと、
前記第2ボタンに対応する角度及びプリセット最大伸縮値に基づいて前記第2ボタンの大きさを調整する調整モジュールとを更に含む
ことを特徴とする、請求項11に記載の装置。 - 前記計算モジュールは、スライド停止指令を受信したとき、スライドを始めてから前記スライド停止指令を受信するまで前記メインページがスライドした距離を計算するものでもあり、
前記装置は、前記スライドした距離がプリセット閾値距離以上である場合、前記メインページがプリセット最大スライド距離のスライドを完了するまでの所要残り時間を取得する取得モジュールを更に含み、
前記計算モジュールは、前記第3スライドレート又は前記第1プリセットレートにより前記メインページの第1初期レートを決定し、前記メインページがプリセット最大スライド距離のスライドを完了するまでの所要残り時間及び前記第1初期レートに基づいて、前記メインページに対応する第1加速度を計算するものでもあり、
前記スライド制御モジュールは、前記第1初期レート及び前記第1加速度で前記サイドスライド方向に応じて減速スライドして前記プリセット最大スライド距離のスライドを完了するように、前記メインページを制御するものでもあることを特徴とする、請求項9又は10に記載の装置。 - 前記取得モジュールは、前記アニメーションのモーションパラメータのうちのモーションレート又は前記第2プリセットレートに基づいて、前記アニメーションの第2初期レートを決定するものでもあり、
前記計算モジュールは、前記メインページがプリセット最大スライド距離のスライドを完了するまでの所要残り時間及び前記第2初期レートに基づいて、前記アニメーションの第2加速度を計算するものでもあり、
前記アニメーション実行モジュールは、第2加速度及び前記第2初期レートで一周期内の残りのアニメーションを減速しながら実行することものでもあることを特徴とする、請求項15に記載の装置。 - 指令が記憶されているメモリとプロセッサーとを含み、
前記指令が前記プロセッサーにより実行されるとき、前記プロセッサーは、
サイドスライドインターフェース上の任意の位置に作用するスライドタッチポイントの、第1スライドレートと第1スライド方向とを含む第1スライドスピードをリアルタイムで取得するステップと、
前記第1スライドレートに基づいて、メニューページに対応する第2スライドレート及びメインページに対応する第3スライドレートを計算し、前記第1スライド方向に応じて、前記メニューページ及び前記メインページのサイドスライド方向を決定するステップと、
それぞれ前記第2スライドレート及び前記第3スライドレートで前記サイドスライド方向に応じてスライドするように前記メニューページ及び前記メインページを制御するステップとを実行する
ことを特徴とする端末。 - 前記メインページにはアニメーションが含まれており、
前記した、スライドタッチポイントの第1スライドスピードをリアルタイムで取得した後、前記プロセッサーは、
前記第1スライドスピードに基づいて前記アニメーションのモーションパラメータを計算し、前記モーションパラメータに基づいて前記アニメーションを実行するステップを更に実行することを特徴とする、請求項17に記載の端末。 - 前記アニメーションは、ターンテーブルを含む第1アニメーション及び/又は第1ボタンを含む第2アニメーションを含み、
前記プロセッサーにより実行される、前記第1スライドスピードに基づいて前記アニメーションのモーションパラメータを計算することは、
第1計算パラメータを取得し、前記第1計算パラメータ及び前記第1スライドスピードに基づいて、前記ターンテーブルの回動速さ及び回動方向を計算すること、
及び/又は第2計算パラメータを取得し、前記第2計算パラメータ及び前記第1スライドスピードに基づいて、前記第1ボタンの移動レート及び対応する移動方向を計算することを含むことを特徴とする、請求項18に記載の端末。 - 第1計算パラメータを取得する前に、前記プロセッサーは、
ターンテーブルの周長及び予め設定されたメニューページの最大幅値を取得し、前記ターンテーブルの周長と前記メニューページの最大幅値との比率に基づいて、第1計算パラメータを計算するステップを更に実行することを特徴とする、請求項19に記載の端末。 - 第2計算パラメータを取得する前に、前記プロセッサーは、
少なくとも一つの第1ボタンに対応するプリセット移動区間値を取得し、前記プリセット移動区間値に基づいて移動差を特定し、予め設定されたメニューページの最大幅値を取得し、前記移動差と前記メニューページの最大幅値との比率に基づいて、第2計算パラメータを計算するステップを更に実行することを特徴とする、請求項19に記載の端末。 - 前記ターンテーブルには第2ボタンが含まれ、
前記プロセッサーは、
前記ターンテーブル中心点を通る直線が、ターンテーブルの中心点を円心とし、水平方向にある位置から前記第2ボタンの中心点を通るまで回動して経過した角度である、前記第2ボタンに対応する角度をリアルタイムで取得するステップと、
前記第2ボタンに対応する角度及びプリセット最大伸縮値に基づいて、前記第2ボタンの大きさを調整するステップと、を更に実行することを特徴とする、請求項19に記載の端末。 - 前記プロセッサーは、
スライド停止指令を受信したとき、スライドを始めてから前記スライド停止指令を受信するまで前記メインページがスライドした距離を計算するステップと、
前記スライド距離がプリセット閾値距離以上である場合、前記メインページがプリセット最大スライド距離のスライドを完了するまでの所要残り時間を取得するステップと、
前記第3スライドレート又は前記第1プリセットレートにより、前記メインページの第1初期レートを決定し、前記メインページがプリセット最大スライド距離のスライドを完成するまでの所要残り時間及び前記第1初期レートに基づいて、前記メインページに対応する第1加速度を計算するステップと、
前記第1初期レート及び前記第1加速度で前記サイドスライド方向に応じて減速スライドして前記したプリセット最大スライド距離のスライドを完了するように、前記メインページを制御するステップと、を更に実行する
ことを特徴とする請求項17に記載の端末。 - 前記した、前記メインページがプリセット最大スライド距離のスライドを完了するまでの所要残り時間を取得した後、前記プロセッサーは、
前記アニメーションのモーションパラメータのうちのモーションレート又は前記第2プリセットレートに基づいて前記アニメーションの第2初期レートを決定するステップと、
前記メインページがプリセット最大スライド距離のスライドを完了するまでの所要残り時間及び前記第2初期レートに基づいて、前記アニメーションの第2加速度を計算し、第2加速度及び前記第2初期レートで一周期内の残りアニメーションを減速しながら実行するステップと、を更に実行する
ことを特徴とする請求項23に記載の端末。 - コンピュータにより実行可能な指令が記憶されている一又は複数の読取可能な不揮発性記憶媒体であって、
前記コンピュータにより実行可能な指令が一又は複数のプロセッサーにより実行されるとき、前記一又は複数のプロセッサーは、
サイドスライドインターフェース上の任意の位置に作用するスライドタッチポイントの、第1スライドレートと第1スライド方向とを含む第1スライドスピードをリアルタイムで取得するステップと、
前記第1スライドレートに基づいて、メニューページに対応する第2スライドレート及びメインページに対応する第3スライドレートを計算し、前記第1スライド方向に応じて、前記メニューページ及び前記メインページのサイドスライド方向を決定するステップと、
それぞれ前記第2スライドレート及び前記第3スライドレートで前記サイドスライド方向に応じてスライドするように前記メニューページ及び前記メインページを制御するステップと、を実行する
ことを特徴とする一又は複数の読取可能な不揮発性記憶媒体。
Applications Claiming Priority (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610297106.1A CN105975181B (zh) | 2016-05-06 | 2016-05-06 | 侧滑界面的显示控制方法和装置 |
CN201610297106.1 | 2016-05-06 | ||
PCT/CN2017/077547 WO2017190560A1 (zh) | 2016-05-06 | 2017-03-21 | 侧滑界面的显示控制方法和装置、终端和存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2018530837A true JP2018530837A (ja) | 2018-10-18 |
JP6549796B2 JP6549796B2 (ja) | 2019-07-24 |
Family
ID=56991309
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2018519722A Active JP6549796B2 (ja) | 2016-05-06 | 2017-03-21 | サイドスライドインターフェースの表示制御方法と装置、端末と記憶媒体 |
Country Status (8)
Country | Link |
---|---|
US (1) | US20190073104A1 (ja) |
EP (1) | EP3454195A4 (ja) |
JP (1) | JP6549796B2 (ja) |
KR (1) | KR102215712B1 (ja) |
CN (1) | CN105975181B (ja) |
AU (1) | AU2017259235B2 (ja) |
SG (1) | SG11201805502WA (ja) |
WO (1) | WO2017190560A1 (ja) |
Families Citing this family (29)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US10521188B1 (en) | 2012-12-31 | 2019-12-31 | Apple Inc. | Multi-user TV user interface |
US10650052B2 (en) | 2014-06-24 | 2020-05-12 | Apple Inc. | Column interface for navigating in a user interface |
KR20240138132A (ko) | 2014-06-24 | 2024-09-20 | 애플 인크. | 입력 디바이스 및 사용자 인터페이스 상호작용 |
CN105975181B (zh) * | 2016-05-06 | 2019-01-04 | 平安科技(深圳)有限公司 | 侧滑界面的显示控制方法和装置 |
US11966560B2 (en) | 2016-10-26 | 2024-04-23 | Apple Inc. | User interfaces for browsing content from multiple content applications on an electronic device |
CN106502514B (zh) * | 2016-11-04 | 2019-09-17 | 上海传英信息技术有限公司 | 侧滑菜单的控制方法及用户终端 |
CN107450911A (zh) * | 2017-07-05 | 2017-12-08 | 口碑(上海)信息技术有限公司 | 动画元素的播放方法、装置以及电子设备 |
CN109814781B (zh) * | 2017-11-22 | 2023-09-08 | 腾讯数码(天津)有限公司 | 页面滑动方法、装置 |
CN110321042B (zh) * | 2018-03-30 | 2022-08-05 | 阿里巴巴集团控股有限公司 | 界面信息展示方法、装置及电子设备 |
CN108845750A (zh) * | 2018-06-08 | 2018-11-20 | 北京奇虎科技有限公司 | 一种启动控件的方法及终端设备 |
CN108984096A (zh) * | 2018-07-04 | 2018-12-11 | Oppo广东移动通信有限公司 | 触控操作方法、装置、存储介质及电子设备 |
CN108845756B (zh) * | 2018-07-04 | 2021-02-02 | Oppo广东移动通信有限公司 | 触控操作方法、装置、存储介质及电子设备 |
CN108897489B (zh) * | 2018-07-25 | 2020-11-06 | 上海携程商务有限公司 | 页面返回的交互方法、系统、设备和存储介质 |
CN114302210B (zh) | 2019-03-24 | 2024-07-05 | 苹果公司 | 用于查看和访问电子设备上的内容的用户界面 |
US11445263B2 (en) * | 2019-03-24 | 2022-09-13 | Apple Inc. | User interfaces including selectable representations of content items |
CN113906419A (zh) | 2019-03-24 | 2022-01-07 | 苹果公司 | 用于媒体浏览应用程序的用户界面 |
US11797606B2 (en) | 2019-05-31 | 2023-10-24 | Apple Inc. | User interfaces for a podcast browsing and playback application |
US11863837B2 (en) | 2019-05-31 | 2024-01-02 | Apple Inc. | Notification of augmented reality content on an electronic device |
CN110471594B (zh) * | 2019-08-22 | 2022-02-22 | 北京字节跳动网络技术有限公司 | 一种页面调整方法、装置、设备及介质 |
CN112860141A (zh) * | 2019-11-28 | 2021-05-28 | 华为技术有限公司 | 一种操作屏幕图标的方法及装置 |
CN111290691A (zh) * | 2020-01-16 | 2020-06-16 | 北京京东振世信息技术有限公司 | 用于操作页面的方法、装置、计算机设备及可读存储介质 |
US11843838B2 (en) | 2020-03-24 | 2023-12-12 | Apple Inc. | User interfaces for accessing episodes of a content series |
US11899895B2 (en) | 2020-06-21 | 2024-02-13 | Apple Inc. | User interfaces for setting up an electronic device |
KR20220065400A (ko) * | 2020-11-13 | 2022-05-20 | 삼성전자주식회사 | 플렉서블 디스플레이를 포함하는 전자 장치 및 이의 제어 방법 |
CN112782998B (zh) * | 2020-12-31 | 2023-07-07 | 追觅科技(上海)有限公司 | 窗帘控制方法、装置和存储介质 |
US11934640B2 (en) | 2021-01-29 | 2024-03-19 | Apple Inc. | User interfaces for record labels |
CN114465969B (zh) * | 2021-12-23 | 2023-07-04 | 珠海格力电器股份有限公司 | 通讯消息组的管理方法、装置、设备和存储介质 |
US12001655B2 (en) * | 2022-05-11 | 2024-06-04 | Supercell Oy | Synchronizing user actions to account for data delay |
CN115225418A (zh) * | 2022-06-20 | 2022-10-21 | 广东好太太智能家居有限公司 | 一种窗帘调节方法、系统、装置及介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20150062027A1 (en) * | 2013-08-29 | 2015-03-05 | Samsung Electronics Co., Ltd. | Electronic device and method for controlling screen |
JP2015508357A (ja) * | 2012-01-09 | 2015-03-19 | エアビクティ インコーポレイテッド | 携帯デバイス用ユーザインタフェース |
Family Cites Families (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8028250B2 (en) * | 2004-08-31 | 2011-09-27 | Microsoft Corporation | User interface having a carousel view for representing structured data |
US7747968B2 (en) * | 2006-09-11 | 2010-06-29 | Apple Inc. | Content abstraction presentation along a multidimensional path |
DE102007039442A1 (de) * | 2007-08-21 | 2009-02-26 | Volkswagen Ag | Verfahren zum Anzeigen von Informationen in einem Fahrzeug und Anzeigeeinrichtung für ein Fahrzeug |
US20120262462A1 (en) * | 2011-04-18 | 2012-10-18 | Johan Montan | Portable electronic device for displaying images and method of operation thereof |
KR101895818B1 (ko) * | 2012-04-10 | 2018-09-10 | 삼성전자 주식회사 | 단말기에서 전자책과 연관된 피드백 제공 방법 및 장치 |
US20130290116A1 (en) * | 2012-04-27 | 2013-10-31 | Yahoo! Inc. | Infinite wheel user interface |
KR102126292B1 (ko) * | 2012-11-19 | 2020-06-24 | 삼성전자주식회사 | 이동 단말에서 화면 표시 방법 및 이를 위한 이동 단말 |
CN103135929A (zh) * | 2013-01-31 | 2013-06-05 | 北京小米科技有限责任公司 | 控制应用界面移动的方法、装置和终端设备 |
CN110851034B (zh) * | 2013-03-15 | 2024-03-15 | 苹果公司 | 用于管理用户界面的方法和电子设备 |
US20140344755A1 (en) * | 2013-05-16 | 2014-11-20 | Avaya, Inc. | Method and system for rotational list based user interface |
WO2014200729A2 (en) * | 2013-06-09 | 2014-12-18 | Apple Inc. | Device, method, and graphical user interface for managing concurrently open software applications |
KR101522468B1 (ko) * | 2013-12-05 | 2015-05-28 | 네이버 주식회사 | 동영상 간 전환 방법 및 그 시스템 |
CN103838510A (zh) * | 2014-02-27 | 2014-06-04 | 北京六间房科技有限公司 | 一种界面控制装置 |
US10019146B2 (en) * | 2014-09-04 | 2018-07-10 | Home Box Office, Inc. | Snap points including ranges |
CN104793843B (zh) * | 2015-03-26 | 2018-04-13 | 小米科技有限责任公司 | 桌面显示方法及装置 |
US10871868B2 (en) * | 2015-06-05 | 2020-12-22 | Apple Inc. | Synchronized content scrubber |
CN105975181B (zh) * | 2016-05-06 | 2019-01-04 | 平安科技(深圳)有限公司 | 侧滑界面的显示控制方法和装置 |
-
2016
- 2016-05-06 CN CN201610297106.1A patent/CN105975181B/zh active Active
-
2017
- 2017-03-21 SG SG11201805502WA patent/SG11201805502WA/en unknown
- 2017-03-21 JP JP2018519722A patent/JP6549796B2/ja active Active
- 2017-03-21 KR KR1020187018398A patent/KR102215712B1/ko active IP Right Grant
- 2017-03-21 US US16/075,314 patent/US20190073104A1/en not_active Abandoned
- 2017-03-21 EP EP17792387.7A patent/EP3454195A4/en not_active Ceased
- 2017-03-21 WO PCT/CN2017/077547 patent/WO2017190560A1/zh active Application Filing
- 2017-03-21 AU AU2017259235A patent/AU2017259235B2/en active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2015508357A (ja) * | 2012-01-09 | 2015-03-19 | エアビクティ インコーポレイテッド | 携帯デバイス用ユーザインタフェース |
US20150062027A1 (en) * | 2013-08-29 | 2015-03-05 | Samsung Electronics Co., Ltd. | Electronic device and method for controlling screen |
Also Published As
Publication number | Publication date |
---|---|
AU2017259235B2 (en) | 2020-04-02 |
CN105975181A (zh) | 2016-09-28 |
SG11201805502WA (en) | 2018-07-30 |
WO2017190560A1 (zh) | 2017-11-09 |
US20190073104A1 (en) | 2019-03-07 |
JP6549796B2 (ja) | 2019-07-24 |
EP3454195A4 (en) | 2020-02-05 |
KR20190003454A (ko) | 2019-01-09 |
CN105975181B (zh) | 2019-01-04 |
AU2017259235A1 (en) | 2018-07-05 |
EP3454195A1 (en) | 2019-03-13 |
KR102215712B1 (ko) | 2021-02-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP2018530837A (ja) | サイドスライドインターフェースの表示制御方法と装置、端末と記憶媒体 | |
US9684412B2 (en) | Method and apparatus for generating a three-dimensional user interface | |
KR101836381B1 (ko) | 터치스크린 단말기에서 화면 디스플레이 제어 방법 및 장치 | |
KR102549529B1 (ko) | 전자 장치에서 제 1 애플리케이션 아이콘을 이용하여 제 2 애플리케이션을 실행하기 위한 방법 | |
US9594493B2 (en) | Graphical user interface with dial control for a parameter | |
US20140040819A1 (en) | Methods and systems for managing the presentation of windows on a display device | |
US20110202834A1 (en) | Visual motion feedback for user interface | |
CN105892831A (zh) | 一种移动终端的列表数据的滑动显示方法和装置 | |
US10133454B2 (en) | Stackable pagination indicators | |
CN106445357B (zh) | 一种滑动条控件控制方法和移动终端 | |
WO2016145832A1 (zh) | 终端的操作方法及装置 | |
JP2013143144A (ja) | ディスプレイ装置およびそのアイテム選択方法 | |
WO2015117341A1 (zh) | 移动终端及其实现单手操作的方法、计算机存储介质 | |
JP7513731B2 (ja) | 画像カッティング方法、装置、設備及び記憶媒体 | |
US20230405460A1 (en) | In-game display controlling method, device and electronic equipment | |
US10705698B2 (en) | Executing functions associated with icons having overlapping areas | |
US10289293B2 (en) | Method and apparatus for adjusting a graphical object according to operator preference | |
WO2017097142A1 (zh) | 界面操作的处理方法、装置和智能终端 | |
WO2017166734A1 (zh) | 一种内容选择的方法、装置及终端设备 | |
CN105376510A (zh) | 一种投影方法及投影装置 | |
US11460987B2 (en) | Modifying graphical user interface processing based on interpretation of user intent | |
US9639257B2 (en) | System and method for selecting interface elements within a scrolling frame | |
TWI724096B (zh) | 介面操作的處理方法、裝置和智慧終端 | |
US20240037883A1 (en) | Control method and device | |
US20240272717A1 (en) | Method and device for synchronizing haptic feedback and visual feedback |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20180416 |
|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20180416 |
|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20190124 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20190305 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20190521 |
|
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: 20190618 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20190627 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 6549796 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 |