TW201606634A - Display control apparatus, display control method, and computer program for executing the display control method - Google Patents

Display control apparatus, display control method, and computer program for executing the display control method Download PDF

Info

Publication number
TW201606634A
TW201606634A TW104126070A TW104126070A TW201606634A TW 201606634 A TW201606634 A TW 201606634A TW 104126070 A TW104126070 A TW 104126070A TW 104126070 A TW104126070 A TW 104126070A TW 201606634 A TW201606634 A TW 201606634A
Authority
TW
Taiwan
Prior art keywords
screen
display control
display
quick view
page
Prior art date
Application number
TW104126070A
Other languages
Chinese (zh)
Other versions
TWI562057B (en
Inventor
金政俊
黃世一
尹敬姬
李惠得
全奉俊
黄賢我
Original Assignee
納寶股份有限公司
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 納寶股份有限公司 filed Critical 納寶股份有限公司
Publication of TW201606634A publication Critical patent/TW201606634A/en
Application granted granted Critical
Publication of TWI562057B publication Critical patent/TWI562057B/en

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/0485Scrolling or panning
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/03Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0412Digitisers structurally integrated in a display
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/04812Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/04845Interaction 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 for image manipulation, e.g. dragging, rotation, expansion or change of colour

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

A display control method includes: displaying, on a screen, at least a part of a page on which one or more contents are arranged in a time sequence by using a display control unit; recognizing a scroll operation on the page by using a scroll recognizing unit; displaying a quick browsing control bar on the screen if a speed of the scroll operation is more than a predetermined speed by using a quick browsing control bar display unit; and performing the scroll operation on the page by using the display control unit, when the quick browsing control bar moves on the screen.

Description

顯示控制設備、顯示控制方法、及執行該顯示控制方法的電腦程式Display control device, display control method, and computer program for executing the display control method

一或多個示範性具體實施例有關一顯示控制設備、一顯示控制方法、及一用於電腦執行該顯示控制方法的電腦程式。One or more exemplary embodiments relate to a display control device, a display control method, and a computer program for a computer to execute the display control method.

本申請案主張在韓國智慧財產局2014年8月12日申請的第10-2014-0104526號韓國專利申請案的優先權,其整個內容在此併入本文供參考。The present application claims the priority of the Korean Patent Application No. 10-2014-0104526, filed on Jan. 12, 2014, the entire disclosure of which is hereby incorporated by reference.

垂直及/或水平方向移動在螢幕或面盤顯示的頁面稱為捲動。新的資訊出現在對應於從該螢幕消失的部分之相反側。因為一頁面顯示的資訊量大於在螢幕顯示的資訊量,使得時常使用此捲動功能。當捲動時,瀏覽者可閱讀螢幕資訊。諸如控制台、文書處理器、行動終端平台、個人電腦(PC,Personal Computer)等等的顯示裝置大部分具捲動功能。The page displayed vertically or/or horizontally on the screen or faceplate is called scrolling. The new information appears on the opposite side of the portion corresponding to the disappearance from the screen. This scrolling function is often used because the amount of information displayed on one page is larger than the amount of information displayed on the screen. When scrolling, the viewer can read the screen information. Display devices such as consoles, word processors, mobile terminal platforms, personal computers (PCs, personal computers), etc., mostly have scrolling functions.

當提供一外諸如滑鼠的部裝置時,可藉由移動一滾球或拖曳一捲動軸進行捲動;然而,如果提供觸控板,可藉由直接點擊或拖曳螢幕的頁面進行捲動。When a device such as a mouse is provided, scrolling can be performed by moving a ball or dragging a scrolling shaft; however, if a touchpad is provided, scrolling can be performed by directly clicking or dragging the page of the screen. .

此先前技術部分揭露的資訊對發明者是已知,進而達成新觀念;或者,其是達成新觀念處理所需的技術資訊。因此,其可包括大眾已知而未形成先前技術的資訊。The information disclosed in this prior art section is known to the inventor to arrive at new ideas; or it is the technical information needed to achieve new ideas. Thus, it may include information that is known to the public and does not form prior art.

一或多個示範性具體實施例包括一顯示控制設備;一顯示控制方法;及一用於電腦執行該顯示控制方法,能夠快速促成捲動按時間順序顯示一或多個內容的頁面之電腦程式。One or more exemplary embodiments include a display control device; a display control method; and a computer program for performing a display control method on a computer, which can quickly cause scrolling of pages displaying one or more contents in chronological order .

一或多個示範性具體實施例包括一顯示控制設備;一顯示控制方法;及一用於電腦執行該顯示控制方法,能夠提供捲動功能視覺效果的電腦程式。One or more exemplary embodiments include a display control device; a display control method; and a computer program for performing a display control method on a computer to provide a scrolling function visual effect.

附加的態樣將部份在接續的描述中闡述,且部分將可從描述變得更明白;或者,可藉由實施提供的具體實施例而學習。Additional aspects may be set forth in the description which follows, and in part will become apparent from the description.

根據一或多個示範性具體實施例,一顯示控制方法包括:在螢幕利用一顯示控制單元顯示按時間順序配置一或多個內容的頁面之至少一部分;利用一捲動識別單元以識別該頁面的捲動操作;如果該捲動操作的速度超過一預定速度,利用一快速瀏覽控制軸顯示單元以顯示一快速瀏覽控制軸於螢幕;及當該快速瀏覽控制軸在螢幕移動時,利用該顯示控制單元執行該頁面的捲動操作。In accordance with one or more exemplary embodiments, a display control method includes displaying at least a portion of a page in which one or more contents are arranged in chronological order using a display control unit on a screen; using a scroll recognition unit to identify the page Scrolling operation; if the speed of the scrolling operation exceeds a predetermined speed, using a quick view to control the axis display unit to display a quick view control axis on the screen; and when the quick view control axis moves on the screen, utilize the display The control unit performs a scrolling operation of the page.

根據一或多個示範性具體實施例,一顯示控制設備包括:一捲動識別單元,用於識別按時間順序配置一或多個內容的頁面之捲動操作;一快速瀏覽控制軸顯示單元,用於當該捲動識別單元識別該捲動操作的速度超過一預定速度時,顯示一快速瀏覽控制軸於螢幕;及一顯示控制單元,用於顯示該頁面的至少一部分於螢幕,根據該捲動操作以捲動頁面,且如果該快速瀏覽控制軸在螢幕移動,控制該頁面的捲動操作。According to one or more exemplary embodiments, a display control device includes: a scroll recognition unit for recognizing a scrolling operation of a page configuring one or more contents in chronological order; and a quick view control axis display unit, For displaying a quick view control axis on the screen when the scroll recognition unit recognizes that the scroll operation speed exceeds a predetermined speed; and a display control unit for displaying at least a portion of the page on the screen, according to the volume The operation is to scroll the page, and if the quick view control axis moves on the screen, the scrolling operation of the page is controlled.

根據一或多個示範性具體實施例,提供儲存於媒體,利用電腦執行該顯示控制方法的一電腦程式。In accordance with one or more exemplary embodiments, a computer program stored in a medium for performing the display control method using a computer is provided.

現將參考在附圖描述的具體實施例、實例來詳細說明,其中相同參考編號表示類似元件。就此而言,本具體實施例可有不同形式且不應構成侷限於在本說明的描述。因此,示範性具體實施例只在下面參考附圖來描述,以解釋本發明的態樣。應瞭解,雖然用語「第一」、「第二」等等在本說明是用來描述各種不同組件,不過這些組件未受限於這些用語。這些組件只用來區別彼此不同組件。除非上下文清楚指示,否則如本說明使用的「一」、「該」意指亦包括複數個形式。應更瞭解,本說明書使用的用語「包括」及/或「包含」係詳述所提供的陳述特徵或組件,不過未排除提供或附加一或多個其他特徵或組件。為了方便解釋,附圖中的元件尺寸可能特別放大表示。換句話說,因為附圖中的元件尺寸與厚度是隨意解釋,故下列具體實施例未侷限於此。The detailed description is made with reference to the specific embodiments and examples illustrated in the accompanying drawings, wherein In this regard, the present embodiments may have different forms and should not be construed as being limited to the description of the present description. Accordingly, the exemplary embodiments are described below with reference to the accompanying drawings It should be understood that although the terms "first", "second", etc. are used in this description to describe various components, these components are not limited by these terms. These components are only used to distinguish between different components. The use of "a" or "an" as used in this specification, unless the context clearly indicates otherwise, also includes the plural. It is to be understood that the phrase "comprise" and "comprises" or "comprises" or "comprises" or "comprises" or "comprises" or "an" For ease of explanation, the component sizes in the drawings may be particularly enlarged. In other words, since the size and thickness of the elements in the drawings are arbitrarily explained, the following specific embodiments are not limited thereto.

圖1為示意說明根據一示範性具體實施例之顯示控制設備(100)的圖式。FIG. 1 is a diagram schematically illustrating a display control device (100) in accordance with an exemplary embodiment.

根據一示範性具體實施例提供的顯示控制設備(100)可符合或包括至少一處理器。因此,顯示控制設備(100)可採用另一硬體裝置的形式加以驅動,諸如一微處理器或一通用電腦系統。例如,顯示控制設備(100)可安裝於含有一顯示單元能夠顯示螢幕的終端機。The display control device (100) provided in accordance with an exemplary embodiment may conform to or include at least one processor. Thus, the display control device (100) can be driven in the form of another hardware device, such as a microprocessor or a general purpose computer system. For example, the display control device (100) can be installed in a terminal device that includes a display unit capable of displaying a screen.

為了避免本具體實施例的特徵模糊,只示意說明有關本具體實施例的顯示控制設備(100)的組件。因此,熟諳此技者應明白,可更包括除了在圖1所示組件之外的通用組件。In order to avoid obscuring the features of the present embodiment, only the components of the display control device (100) relating to the present embodiment are schematically illustrated. Therefore, those skilled in the art will appreciate that the general components other than the components shown in FIG. 1 may be further included.

請即參考圖1,根據一示範性具體實施例之顯示控制設備(100)可控制終端機(10)的螢幕(11)以於其上顯示頁面。更具體地,當捲動顯示於螢幕(11)的頁面時,根據一示範性具體實施例之顯示控制設備(100)可控制頁面的顯示。例如,當顯示按時間順序配置一或多個內容的頁面時,如果執行的捲動操作較快於一預定速度,顯示控制設備(100)可額外顯示一快速瀏覽控制軸於螢幕(11),且可更快及方便執行使用者輸入有關快速瀏覽控制軸的捲動操作。根據一示範性具體實施例之顯示控制設備(100)可包括一捲動識別單元(110)、一快速瀏覽控制軸顯示單元(120)、與一顯示控制單元(130)。Referring to FIG. 1, a display control device (100) according to an exemplary embodiment can control a screen (11) of a terminal (10) to display a page thereon. More specifically, when scrolling a page displayed on the screen (11), the display control device (100) according to an exemplary embodiment can control the display of the page. For example, when displaying a page in which one or more contents are arranged in chronological order, if the scrolling operation performed is faster than a predetermined speed, the display control device (100) may additionally display a quick view control axis on the screen (11), It is faster and easier to perform user input for scrolling operations for quick view of the control axis. The display control device (100) according to an exemplary embodiment may include a scroll recognition unit (110), a quick view control axis display unit (120), and a display control unit (130).

捲動識別單元(110)可識別使用者輸入的捲動操作。捲動識別單元(110)可識別捲動操作的速度、方向、位置、等等。捲動操作可透過利用觸控面板的觸控和拖曳而輸入;可利用一運動識別功能,如同操作來輸入,諸如姿勢、運動、或同類;可利用一單獨的輸入裝置來輸入,諸如滑鼠的滾輪、遊戲墊、或同類;或者,可操縱顯示於螢幕(11)的捲動軸來輸入,不過未局限於此。The scroll recognition unit (110) can recognize the scrolling operation input by the user. The scroll recognition unit (110) can recognize the speed, direction, position, and the like of the scrolling operation. The scrolling operation can be input by using touch and drag of the touch panel; a motion recognition function can be utilized, such as an operation input, such as gesture, motion, or the like; can be input using a separate input device, such as a mouse The scroll wheel, the game pad, or the like; or, the scroll axis displayed on the screen (11) can be manipulated for input, but is not limited thereto.

如果捲動識別單元(110)識別捲動操作、且捲動速度超過一預定速度,快速瀏覽控制軸顯示單元(120)可顯示一快速瀏覽控制軸(參件圖 6的快速瀏覽控制軸(35))。當一預定時段沒有使用者輸入時,快速瀏覽控制軸顯示單元(120)可使快速瀏覽控制軸消失。If the scroll recognition unit (110) recognizes the scrolling operation and the scrolling speed exceeds a predetermined speed, the quick view control axis display unit (120) can display a quick view control axis (refer to the quick view control axis of FIG. 6 (35). )). When there is no user input for a predetermined period of time, the quick view control axis display unit (120) can cause the quick view control axis to disappear.

顯示控制單元(130)可基於該識別的捲動操作以控制顯示於螢幕(11)的頁面捲動。同時,顯示控制單元(130)可根據螢幕(11)的快速瀏覽控制軸的移動而捲動顯示於螢幕(11)的頁面。就此而言,顯示控制單元(130)可根據從螢幕(11)的中心至快速瀏覽控制軸的距離來調整捲動速度。例如,當快速瀏覽控制軸取得愈遠離螢幕(11)的中心時,顯示控制單元(130)可控制較快捲動速度。即是,當快速瀏覽控制軸顯示於螢幕(11)時,如果使用者觸控及拖曳快速瀏覽控制軸來移動快速瀏覽控制軸的位置,可根據快速瀏覽控制軸的移動來執行顯示於螢幕(11)的頁面捲動操作。如前述,捲動速度可受控制,且如此可獲得更快且方便接取想要內容的效果,藉此改善使用者方便性與增加UI/UX興趣。The display control unit (130) may control scrolling of the page displayed on the screen (11) based on the identified scrolling operation. At the same time, the display control unit (130) can scroll the page displayed on the screen (11) according to the movement of the control window by the quick view of the screen (11). In this regard, the display control unit (130) can adjust the scrolling speed according to the distance from the center of the screen (11) to the quick view of the control axis. For example, the display control unit (130) can control the faster scrolling speed as the quick view control axis gets further away from the center of the screen (11). That is, when the quick view control axis is displayed on the screen (11), if the user touches and drags the quick view control axis to move the position of the quick view control axis, the display can be performed on the screen according to the movement of the quick view control axis ( 11) Page scrolling operation. As described above, the scrolling speed can be controlled, and thus the effect of quicker and more convenient access to the desired content can be obtained, thereby improving user convenience and increasing UI/UX interest.

同時,一或多個內容可按日期順序配置顯示於螢幕(11)的頁面。一日期顯示單元(參見圖4的日期顯示單元(32))可進一步顯示在按日期順序配置內容的一側邊。例如,日期顯示單元「April 21, 2014」可顯示在April 21, 2014準備(更正或更新)內容的上側,且日期顯示單元「April 20, 2014」可顯示在配置在「April 20, 2014」下面及準備內容的上側。At the same time, one or more content can be configured to display the page displayed on the screen (11) in date order. A date display unit (see the date display unit (32) of FIG. 4) may further display one side of the content in the date order. For example, the date display unit "April 21, 2014" can be displayed on the upper side of the preparation (correction or update) of April 21, 2014, and the date display unit "April 20, 2014" can be displayed under "April 20, 2014". And the upper side of the preparation content.

就此而言,當快速瀏覽控制軸顯示於螢幕(11)時,顯示控制單元(130)可控制日期顯示單元從螢幕(11)消失。當快速瀏覽控制軸從螢幕(11)消失時,顯示控制單元(130)可控制日期顯示單元再次顯示於螢幕(11)。如前述,顯示於螢幕(11)的所有內容量可在捲動操作期間藉由控制日期顯示單元從螢幕(11)消失而減少,且如此可獲得更快且方便執行捲動操作及接取想要內容的效果,藉此改善使用者方便性及增加UI/UX興趣。In this regard, when the quick view control axis is displayed on the screen (11), the display control unit (130) can control the date display unit to disappear from the screen (11). When the quick view control axis disappears from the screen (11), the display control unit (130) can control the date display unit to be displayed again on the screen (11). As described above, all the amount of content displayed on the screen (11) can be reduced by controlling the date display unit to disappear from the screen (11) during the scrolling operation, and thus the scrolling operation and the receiving operation can be performed more quickly and conveniently. The effect of the content is to improve user convenience and increase UI/UX interest.

同時,顯示控制單元(130)可控制一捲動進度顯示單元(參見圖6 的捲動進度顯示單元(37))或一捲動日期顯示單元(參見圖6的捲動日期顯示單元(36))顯示在快速瀏覽控制軸。此將在稍後詳細描述。Meanwhile, the display control unit (130) can control a scroll progress display unit (see the scroll progress display unit (37) of FIG. 6) or a scroll date display unit (see the scroll date display unit (36) of FIG. ) Displayed in a quick view of the control axis. This will be described in detail later.

同時,當捲動頁面時,顯示控制單元(130)可額外顯示一小圖示,該小圖示用來在一捲動方向中移動到螢幕(11)的一頁面的最頂端。例如,當捲動頁面時,顯示控制單元(130)可顯示一小圖示「頂部」,其用來移動到螢幕(11)的頂端的頁面的最頂端。當已停止捲動操作且屆滿一預定參考時間時,小圖示可設定成自動消失。Meanwhile, when scrolling the page, the display control unit (130) may additionally display a small icon for moving to the top of a page of the screen (11) in a scrolling direction. For example, when scrolling a page, the display control unit (130) can display a small icon "top" that is used to move to the top of the page at the top of the screen (11). When the scrolling operation has been stopped and a predetermined reference time has expired, the small icon can be set to automatically disappear.

同時,除了捲動軸功能以外,顯示控制單元(130)可提供各種不同顯示界面。例如,如果使用者正點擊一特定內容區域,顯示控制單元(130)可展開點擊的內容區域來顯示選定內容區域的狀態。不過,如果選定內容區域的狀態超過一預定臨界時間,可釋放該內容區域的展開狀態。At the same time, in addition to the scrolling axis function, the display control unit (130) can provide a variety of different display interfaces. For example, if the user is clicking on a particular content area, the display control unit (130) may expand the clicked content area to display the status of the selected content area. However, if the state of the selected content area exceeds a predetermined critical time, the expanded state of the content area may be released.

同時,顯示控制單元(130)可根據捲動操作的速度來決定內容移動速度、移動距離、移動時間、與移動方向之至少一者;或者,根據捲動操作的速度來決定一頁面捲動速度。就此而言,內容的移動方向可決定是否相同於頁面捲動速度。Meanwhile, the display control unit (130) may determine at least one of a content moving speed, a moving distance, a moving time, and a moving direction according to a speed of the scrolling operation; or, determining a page scrolling speed according to a speed of the scrolling operation. . In this regard, the direction of movement of the content can determine whether it is the same as the page scrolling speed.

圖 2為示意說明根據一示範性具體實施例之顯示控制方法的流程圖。2 is a flow chart that schematically illustrates a display control method in accordance with an exemplary embodiment.

圖 2示意說明的流程圖包括圖1所示顯示控制設備(100)按時間順序處理的操作。因此,雖然未在下列描述中提供,不過有關圖1所示組件的前述亦可適用於圖 2所示的顯示控制方法。The flowchart schematically illustrated in Fig. 2 includes the operations of the display control device (100) shown in Fig. 1 in chronological order. Therefore, although not provided in the following description, the foregoing regarding the components shown in Fig. 1 can also be applied to the display control method shown in Fig. 2.

請即參考圖 2,根據一示範性具體實施例之顯示控制方法包括下列步驟:在步驟(S110),在螢幕顯示按時間順序配置內容的頁面之至少一部分;在步驟(S120),識別該頁面的捲動操作;在步驟(S130),決定識別捲動操作的速度是否超過一預定速度;在步驟(S140),如果識別捲動操作的速度超過該預定速度,顯示一快速瀏覽控制軸於螢幕;在步驟(S150),決定使用者輸入是否移動快速瀏覽控制軸;在步驟(S160),如果使用者輸入移動該快速瀏覽控制軸,執行一捲動操作;及在步驟(S170),決定在一預定時間內是否有使用者輸入,且如果在該預定時間內有使用者輸入,返回步驟(S140),且如果在該預定時間內沒有使用者輸入,則返回步驟(S110)。Referring to FIG. 2, a display control method according to an exemplary embodiment includes the following steps: at step (S110), at least a portion of a page in which content is configured in chronological order is displayed on a screen; and in step (S120), the page is identified Scrolling operation; in step (S130), determining whether the speed of the scrolling operation exceeds a predetermined speed; and in step (S140), if the speed of the scrolling operation is recognized to exceed the predetermined speed, displaying a quick view control axis on the screen In step (S150), determining whether the user input moves the quick view control axis; in step (S160), if the user inputs to move the quick view control axis, performing a scrolling operation; and in step (S170), determining Whether there is a user input within a predetermined time, and if there is user input within the predetermined time, the process returns to the step (S140), and if there is no user input within the predetermined time, the process returns to the step (S110).

圖3示意說明根據一示範性具體實施例之一頁面(30)及顯示該頁面(30)之一部分之螢幕(11)的實例。3 illustrates an example of a page (30) and a screen (11) displaying a portion of the page (30), in accordance with an exemplary embodiment.

請即參考圖3,頁面(30)包括複數個內容區域(31),其中分別提供內容C11、C12、C13、…、C71、C72、C73、…。Referring to FIG. 3, the page (30) includes a plurality of content areas (31) in which contents C11, C12, C13, ..., C71, C72, C73, ... are respectively provided.

就此而言,內容C11、C12、C13、…、C71、C72、C73、…是按時間順序配置在頁面(30)。按時間順序配置的內容C11、C12、C13、…、C71、C72、C73、…可分群組且按日期順序顯示。一日期顯示單元(32)可進一步顯示在按日期順序配置內容C11、C12、C13、…、C71、C72、C73、…的一側邊。In this regard, the contents C11, C12, C13, ..., C71, C72, C73, ... are arranged in time series on the page (30). The chronologically arranged contents C11, C12, C13, ..., C71, C72, C73, ... can be grouped and displayed in date order. A date display unit (32) may further display one side of the contents C11, C12, C13, ..., C71, C72, C73, ... arranged in date order.

圖3示意說明採用數列藉由配置內容區域(31)以形成頁面(30)的實例。按日期順序配置的內容C11、C12、C13、…、C71、C72、C73、…係採用三列而顯示在該等內容區域(31)之每一者。顯示其對應日期的日期顯示單元(32)顯示在該等內容區域(31)之每一者的上側,其中顯示按日期順序配置的內容C11、C12、C13、…、C71、C72、C73、…。就此而言,日期顯示於圖3所示的日期顯示單元(32),但示範性具體實施例未侷限於此。月份或年度可根據內容C11、C12、C13、…、C71、C72、C73、…的分佈頻率來顯示。Figure 3 schematically illustrates an example of using a sequence to configure a content area (31) to form a page (30). The contents C11, C12, C13, ..., C71, C72, C73, ... arranged in the order of the date are displayed in each of the content areas (31) in three columns. A date display unit (32) displaying its corresponding date is displayed on the upper side of each of the content areas (31), in which contents C11, C12, C13, ..., C71, C72, C73, ... arranged in date order are displayed. . In this regard, the date is shown in the date display unit (32) shown in FIG. 3, but the exemplary embodiment is not limited thereto. The month or year can be displayed according to the distribution frequency of the contents C11, C12, C13, ..., C71, C72, C73, .

頁面(30)的至少一部分是在終端機(10)的螢幕(11)顯示為一顯示區域(33)。使用者可藉由執行顯示於終端機(10)的頁面(30)的捲動操作來捲動頁面(30)。下面將參考圖5描述使用者實際觸控螢幕(11)及拖曳螢幕(11)的捲動操作之一實例。At least a portion of the page (30) is displayed on the screen (11) of the terminal (10) as a display area (33). The user can scroll the page (30) by performing a scrolling operation of the page (30) displayed on the terminal (10). An example of a scrolling operation of the user's actual touch screen (11) and drag screen (11) will be described below with reference to FIG.

同時,因為使用者執行捲動操作,頁面會捲動,且如此,隱藏在螢幕(11)外部的內容區域出現在螢幕(11)。當此捲動操作執行較快於一預定速度時,一快速瀏覽控制軸額外顯示於螢幕(11)。此將在下面詳細描述。At the same time, because the user performs a scrolling operation, the page scrolls, and as such, a content area hidden outside the screen (11) appears on the screen (11). When the scrolling operation is performed faster than a predetermined speed, a quick view control axis is additionally displayed on the screen (11). This will be described in detail below.

圖4至10為詳細描述根據一示範性具體實施例之顯示控制方法之每個操作的圖式。4 through 10 are diagrams detailing each operation of a display control method in accordance with an exemplary embodiment.

請即參考圖4,按時間順序配置內容的頁面之至少一部分會顯示於螢幕(11)(步驟(S110))。如前述,內容C11、C12、C13、…、C71、C72、C73、…可按時間順序配置在螢幕(11),且可按日期順序分群組及顯示。日期顯示單元(32)可進一步顯示在按日期順序配置內容C11、C12、C13、…、C71、C72、C73、…的一側邊。Referring to FIG. 4, at least a portion of the pages in which the content is configured in chronological order is displayed on the screen (11) (step (S110)). As described above, the contents C11, C12, C13, ..., C71, C72, C73, ... can be arranged in time series on the screen (11), and can be grouped and displayed in date order. The date display unit (32) can further display one side of the contents C11, C12, C13, ..., C71, C72, C73, ... arranged in date order.

其後,如果在頁面執行捲動操作且捲動識別單元(110)識別捲動操作(步驟(S120)) 的,那麼可決定識別捲動操作的速度是否超過一預定速度(步驟(S130))。Thereafter, if the scrolling operation is performed on the page and the scroll recognition unit (110) recognizes the scrolling operation (step (S120)), it may be decided whether the speed of the scrolling operation is exceeded by a predetermined speed (step (S130)) .

圖5是根據使用者執行的觸控與拖曳操作以向上捲動頁面處理的圖式。當利用使用者輸入執行捲動操作時,螢幕(11)會捲動且同時藉由決定識別捲動操作的速度是否超過預定速度,以決定是否顯示一快速瀏覽控制軸。FIG. 5 is a diagram of scrolling up a page according to a touch and drag operation performed by a user. When the scrolling operation is performed using the user input, the screen (11) scrolls and at the same time determines whether to display a quick view control axis by determining whether the speed of the scrolling operation exceeds a predetermined speed.

其後,如圖6所示,如果識別捲動操作的速度超過該預定速度,快速瀏覽控制軸顯示單元(120)顯示一快速瀏覽控制軸(35)於螢幕(11)(步驟(S140))。當透過使用者輸入在螢幕(11)移動時,快速瀏覽控制軸(35)可更快及方便執行捲動操作。Thereafter, as shown in FIG. 6, if the speed of recognizing the scrolling operation exceeds the predetermined speed, the quick view control axis display unit (120) displays a quick view control axis (35) on the screen (11) (step (S140)). . When moving through the screen (11) through user input, a quick view of the control axis (35) allows for faster and easier scrolling operations.

就此而言,當快速瀏覽控制軸(35)顯示於螢幕(11)時,顯示控制單元(130)可控制日期顯示單元(參見圖4的日期顯示單元(32))從螢幕(11)消失。當快速瀏覽控制軸(35)從螢幕(11)消失時,顯示控制單元(130)亦可控制日期顯示單元(參見圖4的日期顯示單元(32))再次顯示於螢幕(11)。因此,日期顯示單元(參見圖4的日期顯示單元(32))從圖 6的螢幕(11)消失,內容區域(31)係合為一體,且快速瀏覽控制軸(35)顯示於螢幕(11)的中央區域。如前述,顯示於螢幕(11)的所有內容量可在捲動操作期間藉由控制日期顯示單元從螢幕(11)消失而減少,且如此,可獲得更快且方便執行捲動操作、及接取想要內容的效果,藉此改善使用者方便性及增加UI/UX興趣。In this regard, when the quick view control axis (35) is displayed on the screen (11), the display control unit (130) can control the date display unit (see the date display unit (32) of FIG. 4) to disappear from the screen (11). When the quick view control axis (35) disappears from the screen (11), the display control unit (130) can also control the date display unit (see the date display unit (32) of Fig. 4) to be displayed again on the screen (11). Therefore, the date display unit (see the date display unit (32) of FIG. 4) disappears from the screen (11) of FIG. 6, the content area (31) is integrated, and the quick view control axis (35) is displayed on the screen (11). The central area of ). As described above, all the amount of content displayed on the screen (11) can be reduced by controlling the date display unit to disappear from the screen (11) during the scrolling operation, and thus, the scrolling operation can be performed more quickly and conveniently, and the connection can be performed. Take the effect of the desired content, thereby improving user convenience and increasing UI/UX interest.

就此而言,快速瀏覽控制軸(35)可包括捲動日期顯示單元(36)與捲動進度顯示單元(37)。In this regard, the quick view control axis (35) may include a scroll date display unit (36) and a scroll progress display unit (37).

就此而言,捲動進度顯示單元(37)可於頁面顯示目前內容的位置。例如,捲動進度顯示單元(37)可採用一進度軸顯示,且可形成以在所有內容之中,根據顯示於螢幕(11)之內容的時間位置來填滿進度軸的內部。例如,當100張相片之中的一最近相片顯示於螢幕(11)時,捲動進度顯示單元(37)的內部可能是空的。如果較舊的相片顯示於螢幕(11),捲動進度顯示單元(37)的內部可被逐漸填滿,且當最舊的相片顯示於螢幕(11)時,捲動進度顯示單元(37)的內部可被完全填滿,或反之亦然。可使用表示進度軸且亦表示在所有內容之中的目前內容分散位置的各種不同方法。如前述,捲動進度顯示單元(37)可在捲動操作期間,用來即時視覺決定在頁面的目前內容位置,藉此獲得更快且方便接取想要內容的效果。In this regard, the scroll progress display unit (37) can display the location of the current content on the page. For example, the scroll progress display unit (37) may display a progress axis and may be formed to fill the interior of the progress axis in accordance with the time position of the content displayed on the screen (11) among all contents. For example, when one of the 100 photos is displayed on the screen (11), the inside of the scroll progress display unit (37) may be empty. If the older photo is displayed on the screen (11), the inside of the scroll progress display unit (37) can be gradually filled, and when the oldest photo is displayed on the screen (11), the progress display unit (37) is scrolled. The interior can be completely filled, or vice versa. A variety of different methods of representing the progress axis and also representing the current content dispersion location among all content can be used. As described above, the scroll progress display unit (37) can be used to instantly visually determine the current content position of the page during the scrolling operation, thereby obtaining an effect of faster and convenient access to the desired content.

捲動日期顯示單元(36)可顯示在目前頁面顯示內容的日期。即是,捲動日期顯示單元(36)可顯示產生顯示在目前頁面內容的日期。或者,月份或年度可根據內容的分散頻率而顯示於捲動日期顯示單元(36)。The scroll date display unit (36) can display the date on which the current page displays content. That is, the scroll date display unit (36) can display the date on which the content displayed on the current page is generated. Alternatively, the month or year may be displayed on the scroll date display unit (36) according to the frequency of dispersion of the content.

就此而言,捲動日期顯示單元(36)的位置可根據使用者輸入的位置而改變。即是,如圖7所示,當使用者觸控及拖曳快速瀏覽控制軸(35)的右側以移動快速瀏覽控制軸(35)時,捲動日期顯示單元(36)可顯示在使用者手指的相反側,即是,快速瀏覽控制軸(35)的左側。相反地,當使用者觸控及拖曳快速瀏覽控制軸(35)的左側以移動快速瀏覽控制軸(35)時,捲動日期顯示單元(36)可顯示在使用者手指的相反側,即是,快速瀏覽控制軸(35)的右側。如前述,捲動日期顯示單元(36)的位置是隨著使用者手指的位置來改變,藉此在使用者觸控的情況,獲得正確決定顯示於目前頁面的內容日期的效果。In this regard, the position of the scroll date display unit (36) can be changed according to the position input by the user. That is, as shown in FIG. 7, when the user touches and drags the right side of the quick view control axis (35) to move the quick view control axis (35), the scroll date display unit (36) can be displayed on the user's finger. On the opposite side, that is, quickly navigate the left side of the control axis (35). Conversely, when the user touches and drags the left side of the quick view control axis (35) to move the quick view control axis (35), the scroll date display unit (36) can be displayed on the opposite side of the user's finger, that is, , quickly browse the right side of the control axis (35). As described above, the position of the scroll date display unit (36) is changed in accordance with the position of the user's finger, whereby the effect of correctly determining the date of the content displayed on the current page is obtained in the case of the user's touch.

其後,決定是否根據使用者輸入以移動快速瀏覽控制軸(35)(步驟(S150)),而且,如果根據使用者輸入以移動快速瀏覽控制軸(35),執行捲動操作(步驟(S160))。即是,當使用者觸控快速瀏覽控制軸(35)時,如圖7所示,如果使用者向下拖曳快速瀏覽控制軸(35),如圖8所示,可執行頁面的捲動操作。就此而言,捲動操作的速度可隨著從螢幕(11)的中心至快速瀏覽控制軸(35)的距離而不同。例如,快速瀏覽控制軸(35)取得愈遠離螢幕(11)的中心,捲動操作的速度愈快。即是,當快速瀏覽控制軸(35)顯示於螢幕(11)時,如果使用者觸控且向下拖曳快速瀏覽控制軸(35),可根據快速瀏覽控制軸(35)的移動而快速執行顯示於螢幕(11)的頁面捲動操作。如前述,捲動速度可受控制,且如此可獲得更快速且方便執行捲動操作及接取想要內容的效果,藉此改善使用者方便性及增加UI/UX興趣。如此,如果使用者停止觸控螢幕(11),如圖9所示,快速瀏覽控制軸(35)返回螢幕(11)的中心,且顯示捲動操作結束的頁面。Thereafter, it is decided whether to move the quick view control axis (35) according to the user input (step (S150)), and if the control axis (35) is moved by the user according to the user input, the scrolling operation is performed (step (S160) )). That is, when the user touches the quick view control axis (35), as shown in FIG. 7, if the user drags down the quick view control axis (35), as shown in FIG. 8, the scrolling operation of the page can be performed. . In this regard, the speed of the scrolling operation may vary from the center of the screen (11) to the distance of the quick view control axis (35). For example, the faster the navigation control axis (35) is located farther away from the center of the screen (11), the faster the scrolling operation. That is, when the quick view control axis (35) is displayed on the screen (11), if the user touches and drags the quick view control axis (35) downward, it can be quickly executed according to the movement of the quick view control axis (35). The page scrolling operation displayed on the screen (11). As described above, the scrolling speed can be controlled, and thus the effect of performing the scrolling operation and the desired content more quickly and conveniently can be obtained, thereby improving user convenience and increasing UI/UX interest. Thus, if the user stops the touch screen (11), as shown in FIG. 9, the quick view control axis (35) returns to the center of the screen (11), and the page where the scrolling operation ends is displayed.

其後,決定在一預定時間內是否有使用者輸入(步驟(S170)),且如果在該預定時間內有使用者輸入,再次執行步驟(S140)以持續顯示快速瀏覽控制軸(35)。否則,如果在該預定時間內沒有使用者輸入,再次執行步驟(S110)。如此,快速瀏覽控制軸(35)消失,且如圖10所示,按時間順序配置內容的頁面之至少一部分會顯示於螢幕(11)。就此而言,內容C81、C82、C83、…、C91、C92、C93、…可按時間順序配置於螢幕(11),且可按日期順序分群組及顯示。日期顯示單元(32)可進一步顯示在按日期順序配置內容C81、C82、C83、…、C91、C92、C93、…的一側邊。Thereafter, it is determined whether there is user input for a predetermined time (step (S170)), and if there is user input within the predetermined time, the step (S140) is performed again to continuously display the quick view control axis (35). Otherwise, if there is no user input within the predetermined time, the step is performed again (S110). Thus, the quick view control axis (35) disappears, and as shown in FIG. 10, at least a portion of the page in which the content is configured in chronological order is displayed on the screen (11). In this regard, the contents C81, C82, C83, ..., C91, C92, C93, ... can be arranged in time series on the screen (11), and can be grouped and displayed in date order. The date display unit (32) can further display one side of the contents C81, C82, C83, ..., C91, C92, C93, ... arranged in order of date.

根據前述示範性具體實施例,可獲得快速促成按時間順序顯示一或多個內容的頁面捲動的效果。此外,可獲得提供捲動功能視覺效果的功效。In accordance with the foregoing exemplary embodiments, an effect of quickly facilitating page scrolling of one or more content in chronological order can be obtained. In addition, the effect of providing a scrolling visual effect can be obtained.

示範性具體實施例可使用執行於電腦的程式來實施,且可實施於利用一電腦可讀記錄媒體的通用數位電腦供執行程式。電腦可讀記錄媒體的實例可包括儲存媒體,諸如磁性儲存媒體(例如,ROM、磁片、硬碟、等等)和光學記錄媒體(例如,CD-ROM、DVD)。此外,提供一於電腦執行根據一具體實施例之顯示控制方法的程式與一用於分散程式的分散式伺服器。Exemplary embodiments may be implemented using a program executed on a computer, and may be implemented in a general-purpose digital computer that utilizes a computer readable recording medium for execution of the program. Examples of the computer readable recording medium may include storage media such as magnetic storage media (eg, ROM, magnetic disk, hard disk, etc.) and optical recording media (eg, CD-ROM, DVD). Further, a program for executing a display control method according to an embodiment of the computer and a distributed server for the distributed program are provided.

程式命令的實例包括使用解譯器的電腦可執行的高階語言碼、以及編譯器可執行的機械語言碼。Examples of program commands include computer-executable high-level language codes that use an interpreter, and mechanical language code that the compiler can execute.

在本說明書顯示及描述的特別實施是本發明的示意說明實例且不意欲採用任何方式侷限本發明的範疇。為了簡潔緣故,習知的電子、控制系統、軟體發展與系統的其他功能態樣(與系統的個別操作組件的組件)可能未詳細描述。此外,在提供的各種不同圖式中顯示的連接線、或連接器用來代表各種不同元件間的示範性功能關係及/或實體或邏輯耦合。應注意,許多替代選擇或額外功能關係、實體連接或邏輯連接可提供在實際裝置。而且,除非元件明確地描述為「必要的」或「重要的」,否則項目或組件對本發明的實施不是重要的。The particular embodiments shown and described herein are illustrative of the invention and are not intended to limit the scope of the invention. For the sake of brevity, conventional electronics, control systems, software developments, and other functional aspects of the system (and components of individual operational components of the system) may not be described in detail. In addition, the connecting lines, or connectors shown in the various figures provided are used to represent exemplary functional relationships and/or physical or logical couplings between the various elements. It should be noted that many alternative or additional functional relationships, physical connections or logical connections may be provided in the actual device. Moreover, unless the element is explicitly described as "essential" or "important", the item or component is not essential to the practice of the invention.

如前述,根據一或多個前述示範性具體實施例,一顯示控制設備、一顯示控制方法、與一用於電腦執行顯示控制方法的電腦程式可產生快速促成捲動按時間順序顯示一或多個內容的頁面之效果。As described above, according to one or more of the foregoing exemplary embodiments, a display control device, a display control method, and a computer program for executing a display control method by a computer can generate a rapid scrolling display in one or more chronological order The effect of the page of content.

根據一或多個前述示範性具體實施例,一顯示控制設備、一顯示控制方法、與一用於電腦執行顯示控制方法的電腦程式可產生提供捲動功能視覺效果的功效。In accordance with one or more of the foregoing exemplary embodiments, a display control device, a display control method, and a computer program for executing a display control method by a computer can produce an effect of providing a scrolling function visual effect.

應瞭解,在本說明書描述的示範性具體實施例應只認為是說明而不是限制。每個具體實施例中的特徵或態樣的描述應典型認為用於其他具體實施例的其他類似特徵或態樣。It should be understood that the exemplary embodiments described in the specification are only Descriptions of features or aspects in each particular embodiment should typically be considered as other similar features or aspects of other embodiments.

雖然已參考圖式描述一或多個示範性具體實施例,不過熟諳此技者應瞭解,各種不同形式與細節可改變而不致未悖離如文後申請專利範圍所定義新觀念的精神與範疇。Although one or more exemplary embodiments have been described with reference to the drawings, those skilled in the art should understand that various forms and details may be modified without departing from the spirit and scope of the novel concepts defined in the scope of the claims. .

10‧‧‧終端機
11‧‧‧螢幕
30‧‧‧頁面
31‧‧‧內容區域
32‧‧‧日期顯示單元
33‧‧‧顯示區域
35‧‧‧快速瀏覽控制軸
36‧‧‧捲動日期顯示單元
37‧‧‧捲動進度顯示單元
100‧‧‧顯示控制設備
110‧‧‧捲動識別單元
120‧‧‧快速瀏覽控制軸顯示單元
130‧‧‧顯示控制單元
10‧‧‧ Terminal
11‧‧‧ screen
30‧‧‧ page
31‧‧‧Content area
32‧‧‧Date display unit
33‧‧‧Display area
35‧‧‧Quick view of the control axis
36‧‧‧Rolling date display unit
37‧‧‧Rolling progress display unit
100‧‧‧Display control equipment
110‧‧‧Rolling recognition unit
120‧‧‧Quick view of the control axis display unit
130‧‧‧Display Control Unit

這些及/或其他態樣可將從下列連同參考附圖的具體實施例描述而變得更明白及瞭解:These and/or other aspects will become more apparent from the following description, taken in conjunction with <

圖1為示意說明根據一示範性具體實施例之顯示控制設備的圖式;1 is a diagram schematically illustrating a display control device in accordance with an exemplary embodiment;

圖 2為示意說明根據一示範性具體實施例之顯示控制方法的流程圖;2 is a flow chart that schematically illustrates a display control method in accordance with an exemplary embodiment;

圖3示意說明根據一示範性具體實施例之一頁面與顯示該頁面之一部分的螢幕之實例;及3 illustrates an example of a page and a screen displaying a portion of the page, in accordance with an exemplary embodiment;

圖4至10為詳細描述根據一示範性具體實施例之顯示控制方法之每個操作的圖式。4 through 10 are diagrams detailing each operation of a display control method in accordance with an exemplary embodiment.

10‧‧‧終端機 10‧‧‧ Terminal

11‧‧‧螢幕 11‧‧‧ screen

100‧‧‧顯示控制設備 100‧‧‧Display control equipment

110‧‧‧捲動識別單元 110‧‧‧Rolling recognition unit

120‧‧‧快速瀏覽控制軸顯示單元 120‧‧‧Quick view of the control axis display unit

130‧‧‧顯示控制單元 130‧‧‧Display Control Unit

Claims (19)

一種顯示控制方法包括:    在螢幕利用一顯示控制單元顯示按時間順序配置一或多個內容的該頁面之至少一部分;            利用一捲動識別單元以識別該頁面的捲動操作;    如果該捲動操作的速度超過一預定速度,利用一快速瀏覽控制軸顯示單元以顯示一快速瀏覽控制軸於螢幕;及    當該快速瀏覽控制軸在螢幕移動時,利用該顯示控制單元執行該頁面的捲動操作。A display control method includes: displaying, by a display screen, at least a portion of the page chronologically configuring one or more contents; using a scroll recognition unit to identify a scrolling operation of the page; if the scrolling operation The speed exceeds a predetermined speed, and a quick view control axis display unit is used to display a quick view control axis on the screen; and when the quick view control axis moves on the screen, the scroll control operation of the page is performed by the display control unit. 如請求項1所述之顯示控制方法,其中如果該快速瀏覽控制軸在螢幕移動,利用該顯示控制單元執行該頁面的捲動操作包括:在螢幕移動該快速瀏覽控制軸本身。The display control method of claim 1, wherein if the quick view control axis is moved on the screen, performing the scrolling operation of the page by using the display control unit comprises: moving the quick view control axis itself on the screen. 如請求項2所述之顯示控制方法,其中該快速瀏覽控制軸根據使用者輸入的觸控與拖曳操作以在螢幕移動。The display control method of claim 2, wherein the quick view control axis moves on the screen according to a touch and drag operation input by the user. 如請求項3所述之顯示控制方法,其中,如果已停止該觸控與拖曳操作,該快速瀏覽軸返回一最初位置。The display control method of claim 3, wherein the quick view axis returns to an initial position if the touch and drag operation has been stopped. 如請求項1所述之顯示控制方法,其中該捲動操作的速度是隨著從該螢幕的中心至該快速瀏覽控制軸的距離而不同。The display control method of claim 1, wherein the speed of the scrolling operation differs with a distance from a center of the screen to the quick view control axis. 如請求項5所述之顯示控制方法,其中該快速瀏覽控制軸取得愈遠離該螢幕的中心,該捲動操作的速度愈快。The display control method according to claim 5, wherein the faster the browsing control axis is located farther from the center of the screen, the faster the scrolling operation is performed. 如請求項1所述之顯示控制方法,其中在螢幕顯示按時間順序配置一或多個內容的該頁面之至少一部分包括: 按日期順序在頁面配置一或多個內容;及 在該等配置一或多個內容之每一者的一側邊顯示一日期顯示單元。The display control method of claim 1, wherein at least a portion of the page displaying the one or more contents in chronological order on the screen comprises: configuring one or more contents on the page in a date order; and in the configuration one A date display unit is displayed on one side of each of the plurality of contents. 如請求項7所述之顯示控制方法,其更包括如果該快速瀏覽控制軸顯示在螢幕,控制該日期顯示單元從該螢幕消失。The display control method of claim 7, further comprising controlling the date display unit to disappear from the screen if the quick view control axis is displayed on the screen. 如請求項1所述之顯示控制方法,其中顯示該快速瀏覽控制軸在螢幕包括:顯示一捲動進度顯示單元,用以在該快速瀏覽控制軸指示目前顯示於該頁面的內容位置。The display control method of claim 1, wherein displaying the quick view control axis on the screen comprises: displaying a scroll progress display unit for indicating a content position currently displayed on the page in the quick view control axis. 如請求項9所述之顯示控制方法,其中該捲動進度顯示單元顯示在一進度軸,其內部是根據在所有內容之中顯示於螢幕的內容時間位置而填滿。The display control method according to claim 9, wherein the scroll progress display unit is displayed on a progress axis, and the inside thereof is filled according to a content time position displayed on the screen among all the contents. 如請求項1所述之顯示控制方法,其中顯示該快速瀏覽控制軸在螢幕包括:顯示一捲動日期顯示單元,用以在該快速瀏覽控制軸指示目前顯示於該頁面的內容日期。The display control method of claim 1, wherein displaying the quick view control axis on the screen comprises: displaying a scroll date display unit for indicating a date of content currently displayed on the page in the quick view control axis. 如請求項11所述之顯示控制方法,其中在該快速瀏覽控制軸的該捲動日期顯示單元的位置是隨著使用者輸入的位置而改變。The display control method according to claim 11, wherein the position of the scrolling date display unit of the quick view control axis is changed as the position input by the user. 一種儲存電腦程式供執行如請求項1至12之一項所述之該顯示控制方法之非暫時電腦可讀儲存媒體。A non-transitory computer readable storage medium storing a computer program for performing the display control method of one of claims 1 to 12. 一種顯示控制設備包括: 一捲動識別單元,用於識別按時間順序配置一或多個內容的一頁面的捲動操作; 一快速瀏覽控制軸顯示單元,用以當該捲動識別單元認為該捲動操作的速度超過一預定速度時,顯示一快速瀏覽控制軸於螢幕;及 一顯示控制單元,用於顯示該頁面的至少一部分於螢幕;根據該捲動操作以捲動該頁面;及如果該快速瀏覽控制軸在螢幕移動,控制該頁面的捲動操作。A display control device includes: a scroll recognition unit for recognizing a scrolling operation of one page of chronologically configuring one or more contents; a quick view control axis display unit for when the scroll recognition unit considers the When the speed of the scrolling operation exceeds a predetermined speed, a quick view control axis is displayed on the screen; and a display control unit is configured to display at least a portion of the page on the screen; according to the scrolling operation, the page is scrolled; and if The quick view control axis moves on the screen to control the scrolling operation of the page. 如請求項14所述之顯示控制設備,其中該快速瀏覽控制軸根據使用者輸入的觸控與拖曳操作以在螢幕移動。The display control device of claim 14, wherein the quick view control axis moves on the screen according to a touch and drag operation input by the user. 如請求項14所述之顯示控制設備,其中該捲動操作的速度是隨著從該螢幕的中心至該快速瀏覽控制軸的距離而不同。The display control device of claim 14, wherein the speed of the scrolling operation differs with distance from a center of the screen to the quick view control axis. 如請求項16所述之顯示控制設備,其中該快速瀏覽控制軸取得愈遠離該螢幕的中心,該捲動操作的速度愈快。The display control device of claim 16, wherein the faster the navigation control axis is located away from the center of the screen, the faster the scrolling operation. 如請求項14所述之顯示控制設備,其更包括一用以指示目前顯示於該頁面的內容位置之捲動進度顯示單元顯示在該快速瀏覽控制軸。The display control device of claim 14, further comprising a scrolling progress display unit for indicating a content position currently displayed on the page displayed on the quick view control axis. 如請求項14所述之顯示控制設備,其中一用以指示目前顯示於該頁面的內容日期之捲動日期顯示單元顯示在該快速瀏覽控制軸。The display control device according to claim 14, wherein a scrolling date display unit for indicating a date of the content currently displayed on the page is displayed on the quick view control axis.
TW104126070A 2014-08-12 2015-08-11 Display control apparatus, display control method, and computer program for executing the display control method TWI562057B (en)

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020140104526A KR101610880B1 (en) 2014-08-12 2014-08-12 Method and apparatus of controlling display, and computer program for executing the method

Publications (2)

Publication Number Publication Date
TW201606634A true TW201606634A (en) 2016-02-16
TWI562057B TWI562057B (en) 2016-12-11

Family

ID=55445450

Family Applications (1)

Application Number Title Priority Date Filing Date
TW104126070A TWI562057B (en) 2014-08-12 2015-08-11 Display control apparatus, display control method, and computer program for executing the display control method

Country Status (3)

Country Link
JP (1) JP6035384B2 (en)
KR (1) KR101610880B1 (en)
TW (1) TWI562057B (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107908729B (en) * 2017-11-14 2020-05-22 优酷网络技术(北京)有限公司 Interface display method and device

Family Cites Families (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050108234A1 (en) * 2003-11-17 2005-05-19 Nokia Corporation Speed browsing of media items in a media diary application
CN101529874A (en) * 2006-09-06 2009-09-09 苹果公司 Incoming telephone call management for a portable multifunction device with touch screen display
TWI342511B (en) * 2007-05-15 2011-05-21 Mitac Int Corp Electronic apparatus and screen scroll control method thereof
TWI368161B (en) * 2007-12-21 2012-07-11 Htc Corp Electronic apparatus and input interface thereof
US8566741B2 (en) * 2008-08-29 2013-10-22 Microsoft Corporation Internal scroll activation and cursor adornment
JP2012108567A (en) * 2009-03-12 2012-06-07 Panasonic Corp Image display device and image display method
KR101629824B1 (en) 2010-01-13 2016-06-13 삼성전자주식회사 Digital image processing apparatus and method for controlling thereof
JP5341036B2 (en) * 2010-07-30 2013-11-13 株式会社ソニー・コンピュータエンタテインメント Electronic device and display method of display object
EP2711818A1 (en) * 2011-05-16 2014-03-26 Panasonic Corporation Display device, display control method and display control program, and input device, input assistance method and program
KR20130080947A (en) * 2012-01-06 2013-07-16 삼성전자주식회사 Device and method for displaying list in wireless terminal
US20140152585A1 (en) * 2012-12-04 2014-06-05 Research In Motion Limited Scroll jump interface for touchscreen input/output device
KR20140091302A (en) * 2013-01-11 2014-07-21 삼성전자주식회사 Method and apparatus for displaying scrolling information in electronic device

Also Published As

Publication number Publication date
TWI562057B (en) 2016-12-11
JP2016040712A (en) 2016-03-24
KR101610880B1 (en) 2016-04-08
KR20160019774A (en) 2016-02-22
JP6035384B2 (en) 2016-11-30

Similar Documents

Publication Publication Date Title
KR102027612B1 (en) Thumbnail-image selection of applications
JP5970086B2 (en) Touch screen hover input processing
US9465457B2 (en) Multi-touch interface gestures for keyboard and/or mouse inputs
EP2715491B1 (en) Edge gesture
JP6039801B2 (en) Interaction with user interface for transparent head mounted display
US10416777B2 (en) Device manipulation using hover
JP5980913B2 (en) Edge gesture
US20180203596A1 (en) Computing device with window repositioning preview interface
EP2801020B1 (en) Panning animations of a displayed user interface
TWI607368B (en) Method and system for target disambiguation and correction
TWI655572B (en) Information processing device, information processing method and computer readable recording medium
KR20140058519A (en) Cross-slide gesture to select and rearrange
KR102052773B1 (en) Interaction models for indirect interaction devices
US20130239032A1 (en) Motion based screen control method in a mobile terminal and mobile terminal for the same
JP6333779B2 (en) Display control apparatus, display control method, and computer program for executing the same on computer
EP3001294B1 (en) Mobile terminal and method for controlling the same
US20140108982A1 (en) Object placement within interface
US9880726B2 (en) Fragmented scrolling of a page
TW201606634A (en) Display control apparatus, display control method, and computer program for executing the display control method
US20170046061A1 (en) Method and a system for controlling a touch screen user interface
US11726644B2 (en) Providing visual feedback during touch-based operations on user interface elements
KR102205235B1 (en) Control method of favorites mode and device including touch screen performing the same
US20150241982A1 (en) Apparatus and method for processing user input
KR101899916B1 (en) Method for controlling a display device at the edge of an information element to be displayed
CN112534390A (en) Electronic device for providing virtual input tool and method thereof