Nothing Special   »   [go: up one dir, main page]

TWI559759B - Apparatus and method of showing progress bar - Google Patents

Apparatus and method of showing progress bar Download PDF

Info

Publication number
TWI559759B
TWI559759B TW103129754A TW103129754A TWI559759B TW I559759 B TWI559759 B TW I559759B TW 103129754 A TW103129754 A TW 103129754A TW 103129754 A TW103129754 A TW 103129754A TW I559759 B TWI559759 B TW I559759B
Authority
TW
Taiwan
Prior art keywords
progress indicator
column
drag
progress
mask layer
Prior art date
Application number
TW103129754A
Other languages
Chinese (zh)
Other versions
TW201511540A (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 TW201511540A publication Critical patent/TW201511540A/en
Application granted granted Critical
Publication of TWI559759B publication Critical patent/TWI559759B/en

Links

Classifications

    • GPHYSICS
    • G11INFORMATION STORAGE
    • G11BINFORMATION STORAGE BASED ON RELATIVE MOVEMENT BETWEEN RECORD CARRIER AND TRANSDUCER
    • G11B27/00Editing; Indexing; Addressing; Timing or synchronising; Monitoring; Measuring tape travel
    • G11B27/10Indexing; Addressing; Timing or synchronising; Measuring tape travel
    • G11B27/34Indicating arrangements 
    • GPHYSICS
    • G11INFORMATION STORAGE
    • G11BINFORMATION STORAGE BASED ON RELATIVE MOVEMENT BETWEEN RECORD CARRIER AND TRANSDUCER
    • G11B27/00Editing; Indexing; Addressing; Timing or synchronising; Monitoring; Measuring tape travel
    • G11B27/10Indexing; Addressing; Timing or synchronising; Measuring tape travel
    • G11B27/102Programmed access in sequence to addressed parts of tracks of operating record carriers
    • G11B27/105Programmed access in sequence to addressed parts of tracks of operating record carriers of operating discs

Landscapes

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

Description

進度指示列的顯示方法和相關裝置 Display method of progress indicator column and related device

本發明係關係於一種進度指示列的顯示方法和相關裝置,尤其是一種使用於行動終端設備之進度指示列的顯示方法和相關裝置。 The present invention relates to a display method and related apparatus for a progress indicator column, and more particularly to a display method and related apparatus for a progress indicator column of a mobile terminal device.

在行動終端如智慧型手機或者平板等設備中,可以通過影片或者音樂播放器播放影音檔案,為用戶帶來方便,特別是隨著無線通信技術的發展,越來越多的用戶能夠享受由線上獲取影音檔案,方便隨時隨地的信息獲取。 In mobile terminals such as smart phones or tablets, audio and video files can be played through movies or music players, which brings convenience to users. Especially with the development of wireless communication technology, more and more users can enjoy online. Get audio and video files for easy access to information anytime, anywhere.

在使用行動終端線上獲取影音檔案時,往往同時需要使用拖放控件和進度顯示控件,拖放控件用來調整當前播放進度的顯示與新的播放進度,通過進度顯示控件顯示通過網路線上獲取檔案時的下載進度,或者區分進度列上的不同區域。 When using the mobile terminal to obtain the audio and video files, it is often necessary to use the drag and drop control and the progress display control. The drag and drop control is used to adjust the display of the current playback progress and the new playback progress, and the progress display control is used to display the file through the network line. The progress of the download, or distinguish between different areas on the progress bar.

然而,進度顯示控件一般包括數據緩衝區域和數據未緩衝區域,拖放控件一般包括進度列和拖放滑塊,由於現有技術中進度顯示控件與拖放控件都是獨立使用,沒有在同一個進度列上同時具有進度顯示功能和拖放功能,特別在拖放滑塊顏色與進度列顏色相似的情況下,不易清楚的顯示 當前的進度信息,用戶操作拖放滑塊不夠直觀,在操作效率不高的情況下也就容易造成行動終端操作期間的耗電量增加。 However, the progress display control generally includes a data buffer area and a data unbuffered area. The drag and drop control generally includes a progress column and a drag and drop slider. Since the progress display control and the drag and drop control are used independently in the prior art, there is no same progress. The column has both a progress display function and a drag and drop function, especially when the color of the drag and drop slider is similar to the color of the progress bar, and the display is not easy to be clearly displayed. The current progress information, the user operation of the drag and drop slider is not intuitive enough, and in the case of low operating efficiency, it is easy to cause an increase in power consumption during the operation of the mobile terminal.

本發明實施例的目的在於提供一種具有緩衝遮罩的進度指示列的實現方法,以解決現有技術無法清楚的顯示當前的進度信息的問題,從而使拖放滑塊的顯示更加直觀,提高操作效率的同時也能夠減少行動終端操作期間的耗電量。 An object of the present invention is to provide a method for implementing a progress indicator column with a buffer mask, so as to solve the problem that the current progress information cannot be clearly displayed in the prior art, thereby making the display of the drag and drop slider more intuitive and improving the operation efficiency. At the same time, it can also reduce the power consumption during the operation of the mobile terminal.

在本發明之一實施例中,一種進度指示列的顯示方法,所述方法包括:接收進度指示列上的拖放滑塊的拖放指令,所述拖放指令包括拖放滑塊移動後在進度指示列上的位置信息;獲取所述拖放滑塊移動後在進度指示列上的位置信息,定義所述第一進度指示列區域之範圍;在所述第一進度指示列區域加載由自定義圖片構成的第一遮罩層。 In an embodiment of the present invention, a method for displaying a progress indicator column, the method comprising: receiving a drag and drop instruction of a drag and drop slider on a progress indicator column, where the drag and drop instruction comprises dragging and dropping a slider after moving Position information on the progress indication column; obtaining position information on the progress indication column after the drag and drop slider is moved, defining a range of the first progress indication column area; loading the first progress indication column area by Define the first mask layer that the picture is composed of.

在本發明之另一實施利,一種進度指示列的顯示裝置,所述裝置包括:第一接收單元,用於接收進度指示列上的拖放滑塊的拖放指令,所述拖放指令包括拖放滑塊移動後在進度指示列上的位置信息;獲取單元,用於獲取所述拖放滑塊移動後在進度指示列上的位置信息,定義第一進度指示列區域之範圍;第一加載單元,用於在所述第一進度指示列區域加載由自定義圖片構成的第一遮罩層。 In another implementation of the present invention, a display device for a progress indicator column, the device includes: a first receiving unit, configured to receive a drag and drop instruction of a drag and drop slider on a progress indicator column, the drag and drop instruction includes The position information on the progress indicator column after the drag and drop slider is moved; the obtaining unit is configured to obtain position information on the progress indicator column after the drag and drop slider moves, and define a range of the first progress indicator column area; And a loading unit, configured to load, in the first progress indicator column area, a first mask layer composed of a custom picture.

在本發明之一實施例中,通過接收進度指示列上的拖放滑塊的拖放指令,獲取拖放滑塊移動後在進度指示列上的位置信息,定義第一進度指示列區域之範圍,並在所述 第一進度指示列區域加載由自定義圖片構成的第一遮罩層,使得拖放滑塊的至少一端覆蓋有自定義圖片構成的遮罩層,從而更加清楚的顯示當前的進度信息,使用戶操作更為方便直觀,提高操作效率的同時也可以節省對行動終端操作期間的耗電量。 In an embodiment of the present invention, by receiving a drag and drop instruction of the drag and drop slider on the progress indicator column, the position information on the progress indicator column after the drag and drop slider is moved is obtained, and the range of the first progress indicator column area is defined. And in the The first progress indicator column area loads the first mask layer composed of the custom picture, so that at least one end of the drag and drop slider is covered with a mask layer composed of a custom picture, thereby more clearly displaying the current progress information, so that the user The operation is more convenient and intuitive, and the operation efficiency is improved, and the power consumption during the operation of the mobile terminal can also be saved.

為讓本發明之上述和其他目的、特徵和優點能更明顯易懂,下文特舉較佳實施例,並配合所附圖式,作詳細說明如下。 The above and other objects, features and advantages of the present invention will become more <RTIgt;

S101~S103‧‧‧步驟 S101~S103‧‧‧Steps

S201~S205‧‧‧步驟 S201~S205‧‧‧Steps

S301~S305‧‧‧步驟 S301~S305‧‧‧Steps

D‧‧‧總長度 D‧‧‧ total length

d1‧‧‧距離長度 D1‧‧‧distance length

d2‧‧‧距離長度 D2‧‧‧distance length

d3‧‧‧拖放滑塊的半徑或一半寬度 D3‧‧‧Drop radius or half width of the slider

x1‧‧‧起點位置座標 X1‧‧‧ starting position coordinates

x2‧‧‧拖放滑塊的位置座標 X2‧‧‧ Drag and drop slider position coordinates

x3‧‧‧終點位置座標 X3‧‧‧end position coordinates

x2'‧‧‧第一位置座標 X2'‧‧‧first position coordinates

x2"‧‧‧第二位置座標 X2"‧‧‧second position coordinates

401‧‧‧第一接收單元 401‧‧‧First receiving unit

402‧‧‧獲取單元 402‧‧‧Acquisition unit

403‧‧‧第一加載單元 403‧‧‧First loading unit

404‧‧‧確定單元 404‧‧‧Determining unit

405‧‧‧第二加載單元 405‧‧‧Second loading unit

406‧‧‧第二接收單元 406‧‧‧second receiving unit

407‧‧‧第三加載單元 407‧‧‧ third loading unit

510‧‧‧無線電頻率電路 510‧‧‧radio frequency circuit

520‧‧‧記憶體 520‧‧‧ memory

530‧‧‧輸入單元 530‧‧‧Input unit

540‧‧‧顯示單元 540‧‧‧Display unit

550‧‧‧傳感器 550‧‧‧ sensor

560‧‧‧音頻電路 560‧‧‧Audio circuit

570‧‧‧無線相容性認證模組 570‧‧‧Wireless Compatibility Certification Module

580‧‧‧處理器 580‧‧‧ processor

圖1是本發明之第一實施例的進度指示列的顯示方法流程圖;圖1a為本發明之第一實施例的進度指示列的第一進度指示列區域的示意圖;圖2是本發明之第二實施例的進度指示列的顯示方法流程圖;圖2a為本發明之第二實施例的進度指示列的第二進度指示列區域的示意圖;圖3是本發明之第三實施例的進度指示列的顯示方法流程圖;圖3a是本發明之第三實施例的進度指示列的示意圖;圖4是本發明之第四實施例的進度指示列的顯示裝置的結構示意圖;圖5為本發明之第五實施例的行動終端的部分結構示意圖。 1 is a flow chart showing a display method of a progress indicator column according to a first embodiment of the present invention; FIG. 1a is a schematic diagram of a first progress indicator column area of a progress indicator column according to a first embodiment of the present invention; 2 is a schematic diagram of a display method of a progress indicator column of the second embodiment; FIG. 2a is a schematic diagram of a second progress indicator column area of the progress indicator column of the second embodiment of the present invention; FIG. 3 is a progress of the third embodiment of the present invention; FIG. 3 is a schematic diagram of a progress indicator column of a third embodiment of the present invention; FIG. 4 is a schematic structural diagram of a display device of a progress indicator column according to a fourth embodiment of the present invention; A partial structural diagram of a mobile terminal of a fifth embodiment of the invention.

有關本發明之前述及其他技術內容、特點與功效,在以下配合參考圖式之一較佳實施例的詳細說明中,將可清楚的呈現。以下實施例中所提到的方向用語,例如:上、下、左、右、前或後等,僅是參考附加圖式的方向。因此,使用的方向用語是用來說明並非用來限制本發明。 The above and other technical contents, features and advantages of the present invention will be apparent from the following detailed description of the preferred embodiments. The directional terms mentioned in the following embodiments, such as up, down, left, right, front or back, etc., are only directions referring to the additional drawings. Therefore, the directional terminology used is for the purpose of illustration and not limitation.

為了使本發明的目的、技術方案及優點更加清楚明白,以下結合附圖及實施例,對本發明進行進一步詳細說明。應當理解,此處所描述的具體實施例僅僅用以解釋本發明,並不用於限定本發明。 The present invention will be further described in detail below with reference to the accompanying drawings and embodiments. It is understood that the specific embodiments described herein are merely illustrative of the invention and are not intended to limit the invention.

在本發明實施例中所述的進度指示列,具有拖放功能以及緩衝數據的功能,綜合了進度顯示控件與拖放控件的功能。其可用於電腦應用中的各種需要進行進度調整的軟體或應用程序,也可以應用於各行動終端中的應用軟體或者程序中,通過獲取遮罩層長度,並調用自定義圖片於遮罩層,可以更加清楚的顯示進度指示列的當前進度,提高操作效率。其主要包括如下步驟:接收進度指示列上的拖放滑塊的拖放指令,所述拖放指令包括拖放滑塊移動後在進度指示列上的位置信息;獲取所述拖放滑塊移動後在進度指示列上的位置信息,定義所述第一進度指示列區域之範圍;在所述第一進度指示列區域加載由自定義圖片構成的第一遮罩層。 The progress indication column described in the embodiment of the invention has the functions of drag and drop function and buffering data, and combines the functions of the progress display control and the drag and drop control. It can be used in various software or applications in the computer application that need to adjust the progress. It can also be applied to the application software or program in each mobile terminal. By obtaining the mask layer length and calling the custom image in the mask layer, The current progress of the progress indicator column can be more clearly displayed to improve operational efficiency. The method mainly includes the following steps: receiving a drag and drop instruction of the drag and drop slider on the progress indicator column, where the drag and drop instruction includes position information on the progress indicator column after the drag and drop slider moves; acquiring the drag and drop slider movement Then, the location information on the progress indicator column defines a range of the first progress indicator column area; and the first mask layer composed of a custom picture is loaded in the first progress indicator column area.

參見圖1所示,本發明第一實施例的進度指示列的顯示方法流程,詳述如下:在步驟S101中,接收進度指示列上的拖放滑塊的拖放指令,所述拖放指令包括拖放滑塊移動後在進度指示 列上的位置信息。 Referring to FIG. 1 , a flow of a display method of a progress indicator column according to a first embodiment of the present invention is as follows. In step S101 , a drag and drop instruction of a drag and drop slider on a progress indicator column is received, and the drag and drop instruction is used. Including the progress of the drag and drop slider after moving Location information on the column.

其中,所述拖放指令,可以為滑鼠的拖放操作指令,也可以為觸控拖放指令。其中拖放指令包括接收作用於拖放滑塊上的滑鼠左鍵點擊或者觸控點擊指令、在所述點擊指令後的長按、以及在位置改變後的鬆開滑鼠左鍵或者離開觸控螢幕的指令。 The drag and drop instruction may be a drag and drop operation instruction of the mouse, or may be a touch drag and drop instruction. The drag and drop instruction includes receiving a left click or a touch click command on the drag and drop slider, a long press after the click command, and releasing the left mouse button or leaving the touch after the position change Command to control the screen.

所述拖放滑塊,為進度指示列上用於顯示當前進度指示列所代表的參數信息,所述參數信息可以為音量信息、播放聲音檔案或者視頻檔案的進度信息等,具體的說,比如用於顯示音量信息,進度指示列的整個長度代表音量的最大值,拖放滑塊在進度指示列的位置占整個進度指示列長度的百分比,即代表當前拖放滑塊對應的音量,如音量的最大值為a,當前拖放滑塊位於進度指示列45%的位置,那麼對應的音量為45a/100。 The drag and drop slider is used to display parameter information represented by the current progress indicator column on the progress indicator column, and the parameter information may be volume information, play sound file or video file progress information, etc., specifically, for example, Used to display volume information, the entire length of the progress indicator column represents the maximum value of the volume, and the position of the drag indicator in the progress indicator column as a percentage of the length of the entire progress indicator column, that is, the volume corresponding to the current drag and drop slider, such as the volume The maximum value is a, the current drag and drop slider is located at 45% of the progress indicator column, then the corresponding volume is 45a/100.

其中,所述拖放滑塊中包括的拖放滑塊移動後在進度指示列上的位置信息,對於水平位置設置的進度指示列,可以用X軸的座標表示拖放滑塊的位置信息,對於豎直位置設置的進度指示列,可以用Y軸的座標表示拖放滑塊的位置信息,對於相對少見的非水平或豎直位置設置的進度指示列,可以用(x,y)來表示拖放滑塊的位置信息,本實施例和以下實施例以常見的水平位置的進度指示列進行說明,其它方式則可類推。 The position information on the progress indicator column after the drag and drop slider included in the drag and drop slider is moved, and the position indication information of the drag and drop slider can be represented by the coordinate of the X axis for the progress indication column of the horizontal position setting. For the progress indicator column of the vertical position setting, the position information of the drag and drop slider can be represented by the coordinate of the Y axis, and the progress indication column set for the relatively rare non-horizontal or vertical position can be represented by (x, y) The position information of the slider is dragged and dropped, and the embodiment and the following embodiments are described in the progress indicator column of the common horizontal position, and other methods may be analogized.

在步驟S102中,獲取所述的拖放滑塊移動後在進度指示列上的位置信息,定義所述第一進度指示列區域之範圍。 In step S102, the position information on the progress indicator column after the drag and drop slider is moved is acquired, and the range of the first progress indicator column area is defined.

其中,獲取拖放滑塊移動後在進度指示列上的位 置信息,並定義第一進度指示列區域之範圍,即由拖放後的滑塊將進度指示列分為兩個部分,第一進度指示列區域可為進度指示列的拖放滑塊到進度指示列的起點位置的這一段區域,也可以為進度指示列的拖放滑塊到進度指示列的終位置的這一部分。 Where, get the bit on the progress indicator column after the drag and drop slider moves Set the information and define the range of the first progress indicator column area, that is, the drag indicator will divide the progress indicator column into two parts. The first progress indicator column area can be the drag indicator of the progress indicator column to the progress. This section of the starting position that indicates the column can also be the drag-and-drop slider of the progress indicator column to the end of the progress indicator column.

如圖1a所示,當前進度指示列的總長度為D,進度指示列的起點位置座標為x1,進度指示列上的拖放滑塊的位置座標為x2,終點位置座標x3。那麼第一進度指示列區域可以為從起點位置座標x1到拖放滑塊的位置座標x2之間的這個區域,長度為d1,也可以為拖放滑塊的位置座標x2到終點的位置座標x3構成的這個區域,長度為d2,可以根據步驟S103中加載的自定義圖片進行靈活的設定第一進度指示列區域的位置。 As shown in FIG. 1a, the total length of the current progress indicator column is D, the starting point position coordinate of the progress indicator column is x1, the position coordinate of the drag and drop slider on the progress indicator column is x2, and the end position coordinate x3. Then the first progress indicator column area may be the area between the coordinate x1 of the starting point position and the position coordinate x2 of the drag and drop slider, the length is d1, or the position coordinate x2 of the position of the drag and drop slider x2 to the end point coordinates x3 This area is composed of d2, and the position of the first progress indication column area can be flexibly set according to the custom picture loaded in step S103.

在步驟S103中,在所述第一進度指示列區域加載由自定義圖片構成的第一遮罩層。 In step S103, a first mask layer composed of a custom picture is loaded in the first progress indication column area.

在由步驟S102獲取的第一進度指示列區域加載一個遮罩層,所述遮罩層上的圖形可在圖片庫中選取自定義的圖片。 A mask layer is loaded in the first progress indication column area acquired by step S102, and the graphic on the mask layer can select a customized picture in the picture library.

其中,所述自定義的圖片,儘量選擇與進度指示列本身的圖片色彩、對比度或者亮度不相同的圖片,以形成較好的對比,更加清楚的顯示進度指示列滑塊兩邊的區間對比效果。 Wherein, the customized picture tries to select a picture with different color, contrast or brightness of the picture of the progress indicator column to form a better contrast, and more clearly shows the interval contrast effect of the progress indicator column on both sides of the slider.

本發明實施例通過接收進度指示列上的拖放滑塊的拖放指令,獲取滑塊移動後在進度指示列上的位置信息,定義第一進度指示列區域之範圍,並在所述第一進度指示列區域加載由自定義圖片構成的第一遮罩層,使得拖放滑 塊至少一端覆蓋有自定義圖片構成的遮罩層,從而更加清楚的顯示當前的進度信息,使用戶操作更為方便直觀,提高操作效率的同時也可以節省對行動終端操作期間的耗電量。 In the embodiment of the present invention, by receiving a drag and drop instruction of the drag and drop slider on the progress indicator column, the position information on the progress indicator column after the slider is moved is obtained, and the range of the first progress indicator column area is defined, and the first The progress indicator column area loads the first mask layer composed of a custom picture, so that the drag and drop slide At least one end of the block is covered with a mask layer composed of a custom picture, so that the current progress information is more clearly displayed, so that the user operation is more convenient and intuitive, and the operation efficiency is improved, and the power consumption during the operation of the mobile terminal can also be saved.

參見圖2所示,本發明第二實施例的進度指示列的顯示方法流程,詳述如下:在步驟S201中,接收進度指示列上的拖放滑塊的拖放指令,所述拖放指令包括拖放滑塊移動後在進度指示列上的位置信息和滑塊移動前在進度指示列上的位置信息。 Referring to FIG. 2, a flow of a display method of a progress indicator column according to a second embodiment of the present invention is as follows: In step S201, a drag-and-drop instruction of a drag-and-drop slider on a progress indicator column is received, and the drag-and-drop instruction This includes the position information on the progress indicator column after the drag and drop slider is moved and the position information on the progress indicator column before the slider moves.

與第一實施例不同的是,所述拖放指令還包括滑塊移動前在進度指示列上的位置信息。 Different from the first embodiment, the drag and drop instruction further includes position information on the progress indication column before the slider moves.

在步驟S202中,獲取所述拖放滑塊移動後在進度指示列上的位置信息,定義第一進度指示列區域之範圍。 In step S202, position information on the progress indicator column after the drag and drop slider is moved is acquired, and a range of the first progress indication column area is defined.

在步驟S203中,在所述第一進度指示列區域加載由自定義圖片構成的第一遮罩層。 In step S203, a first mask layer composed of a custom picture is loaded in the first progress indication column area.

在步驟S204中,根據所述滑塊移動前在進度指示列上的位置信息和滑塊移動後在進度指示列上的位置信息定義第二進度指示列區域之範圍。 In step S204, the range of the second progress indication column area is defined according to the position information on the progress indication column before the slider moves and the position information on the progress indication column after the slider moves.

具體來說,在拖放滑塊移動前,記錄拖放滑塊在進度指示列上初始的第一位置信息,在拖放滑塊移動後,記錄其移動後,滑塊所停止的第二位置信息,由所述第一位置信息開始至第二位置信息結束的區間,定義為第二進度指示列區域。 Specifically, before the drag and drop slider moves, the initial position information of the drag and drop slider on the progress indicator column is recorded, and after the drag and drop slider moves, the second position where the slider stops is recorded after the movement is recorded. The information, the interval from the first position information to the end of the second position information, is defined as a second progress indication column area.

如圖2a所示,整個進度指示列的起點的位置座標為x1,拖放滑塊在移動前的第一位置座標x2’,拖放滑塊在移動後的第二位置信息的座標為x2”,因此,第二進度指示列區域可以為:以座標x2’為起點,以座標x2”為終點所構成的 這一滑動經過的區間。 As shown in FIG. 2a, the position of the starting point of the entire progress indicator column is x1, the first position coordinate x2' of the drag and drop slider before the movement is moved, and the coordinate of the second position information of the drag and drop slider after the movement is x2" Therefore, the second progress indicator column area may be: a coordinate x2' as a starting point and a coordinate x2" as an end point. The interval through which this slide passes.

在步驟S205中,在所述第二進度指示列區域加載由自定義圖片構成的第二遮罩層,所述第二遮罩層與第一遮罩層區別顯示。 In step S205, a second mask layer composed of a custom picture is loaded in the second progress indicator column area, and the second mask layer is displayed differently from the first mask layer.

由步驟S204所定義的第二進度指示列區域加載由自定義圖片構成的第二遮罩層,其中,自定義圖片可以根據預先定義的圖片庫中查找。 The second progress indicator column area defined by step S204 loads a second mask layer composed of a custom picture, wherein the custom picture can be searched according to a predefined picture library.

其中,所述第二遮罩層與第一遮罩層區別顯示,可利用下列兩種方式呈現:1、所述第一遮罩層與第二遮罩層位於進度指示列同一層的兩個不同區域;2、所述第一遮罩層與第二遮罩層具有重疊之部分,而位於上層之遮罩層具有透明度。 The second mask layer is different from the first mask layer and can be displayed in the following two ways: 1. The first mask layer and the second mask layer are located on the same layer of the progress indicator column. Different regions; 2. The first mask layer and the second mask layer have overlapping portions, and the mask layer located in the upper layer has transparency.

其中,第一種實現方式中,可以將第一遮罩層與第二遮罩層在同一平面,分別佔據不同的位置,如可以將第一遮罩層位於進度指示列的上半部分,第二遮罩層位於進度指示列的下半部分,這種方式可以實現區別顯示。 In the first implementation manner, the first mask layer and the second mask layer may be in the same plane and occupy different positions respectively. For example, the first mask layer may be located in the upper part of the progress indicator column. The second mask layer is located in the lower half of the progress indicator column. This way, the difference display can be realized.

第二種實現方式中,可以將兩個遮罩層設置為上下兩層,位於上層的遮罩層可以設置為一定的透明度,比如50%的透明度,從而使得下面的遮罩層也能夠顯示出其顏色。 In the second implementation, two mask layers can be set as two layers, and the mask layer on the upper layer can be set to a certain transparency, such as 50% transparency, so that the underlying mask layer can also be displayed. Its color.

在遮罩層更多的情況下,可以將進度指示列分成多個部分分別顯示,或者將遮罩層分別設置不同的透明度,將位於最上層的遮罩層的透明度設置為最高,從而方便顯示。 In the case of more mask layers, you can divide the progress indicator column into multiple parts, or set the mask layer to different transparency, and set the transparency of the top layer of the mask layer to the highest, which is convenient for display. .

本發明實施例與第一實施例不同之處在於,通過記錄滑塊移動前的位置信息、移動後的位置信息,並對位於滑動區間的第二進度指示列區域用第二遮罩層顯示,可以獲 得對進度指示列滑動距離的顯示,使當前滑動距離的顯示更為直觀。 The embodiment of the present invention is different from the first embodiment in that the position information before the movement of the slider and the position information after the movement are recorded, and the second progress indicator column area located in the sliding section is displayed by the second mask layer. Can be obtained The display of the sliding distance of the progress indicator column makes the display of the current sliding distance more intuitive.

參見圖3所示,本發明第三實施例之一種進度指示列的顯示方法流程,詳述如下:在步驟S301中,接收進度指示列上的拖放滑塊的拖放指令,所述拖放指令包括拖放滑塊移動後在進度指示列上的位置信息。 Referring to FIG. 3, a flow of a display method of a progress indicator column according to a third embodiment of the present invention is as follows. In step S301, a drag and drop instruction of a drag and drop slider on a progress indicator column is received, and the drag and drop instruction is performed. The command includes the position information on the progress indicator column after the drag and drop slider is moved.

在步驟S302中,獲取所述拖放滑塊移動後在進度指示列上的位置信息,定義所述第一進度指示列區域之範圍。 In step S302, position information on the progress indicator column after the drag and drop slider is moved is acquired, and a range of the first progress indication column area is defined.

而定義第一進度指示列區域之範圍可以包括如下步驟:如圖3a所示,所述進度指示列的總長度為D,進度指示列的起點位置的座標為x1,拖放滑塊移動後的位置座標為x2,進度指示列的終點位置的座標為x3,座標x1到座標x2之間的距離長度為d1,座標x2到座標x3之間的距離長度為d2,拖放滑塊的半徑或一半寬度為d3,那麼,當d1<D-x3且d1>d3時,所述第一進度指示列區域為從座標x1到座標x2之間的,長度為d1-d3的區間。 The defining the range of the first progress indicator column area may include the following steps: as shown in FIG. 3a, the total length of the progress indication column is D, the coordinate of the starting position of the progress indication column is x1, and the drag and drop slider is moved. The position coordinate is x2, the coordinate of the end position of the progress indication column is x3, the distance between the coordinate x1 to the coordinate x2 is d1, the distance between the coordinate x2 to the coordinate x3 is d2, and the radius or half of the slider is dragged and dropped. The width is d3, then, when d1<D-x3 and d1>d3, the first progress indication column area is an interval of length d1-d3 from the coordinate x1 to the coordinate x2.

當d1>D-d3時,第一進度指示列區域的長度為D-d3,當d1<d3時,第一進度指示列區域的長度為d3,其中,d1與D-d3相等時,所述第一進度指示列區域長度為d1-d3,或者d1與d3相等時,所述第一進度指示列區域長度為d3。 When d1>D-d3, the length of the first progress indication column area is D-d3, and when d1<d3, the length of the first progress indication column area is d3, wherein when d1 is equal to D-d3, The first progress indication column area length is d1-d3, or when d1 is equal to d3, the first progress indication column area length is d3.

通過在進度指示列的兩端設置滑塊半徑長度或者一半寬度的緩衝區域,可以使得滑塊不至於移動到進度指示列以外,從而更為有效的在進度指示列上顯示滑塊,防止滑出進度指示列。 By setting the slider radius length or the half-width buffer area at both ends of the progress indicator column, the slider can be prevented from moving beyond the progress indicator column, thereby effectively displaying the slider on the progress indicator column to prevent slipping out. Progress indicator column.

本步驟所述得到第一進度指示列區域的方法,同樣可以用於第一實施例和第二實施例。 The method of obtaining the first progress indication column area in this step can also be applied to the first embodiment and the second embodiment.

在步驟S303中,在所述第一進度指示列區域加載由自定義圖片構成的第一遮罩層。 In step S303, a first mask layer composed of a custom picture is loaded in the first progress indication column area.

在步驟S304中,接收用於進度指示列上的數據緩衝信息。 In step S304, data buffer information for the progress indication column is received.

在步驟S305中,根據所述數據緩衝信息占整體進度指示列數據的比例值,在所述進度指示列相應比例的長度之位置座標上加載自定義圖片構成的第三遮罩層。 In step S305, a third mask layer composed of a custom picture is loaded on the position coordinate of the length of the corresponding proportion of the progress indicator column according to the ratio value of the data buffer information occupying the overall progress indication column data.

其中,所述用於進度指示列上的數據緩衝信息,是指和進度指示列所對應代表或顯示的參數,比如對於線上收聽的聲音檔案或者視頻檔案等,在一邊播放檔案時,需要一邊緩衝,為了展示當前緩衝的進度信息,在當前進度指示列上設置第自定義圖片構成的第三遮罩層,所述第三遮罩層的長度根據整個進度指示列的長度和數據的緩衝比例決定,即整個進度指示列的長度與緩衝比例的乘積即為第三遮罩層的長度。 The data buffer information used in the progress indicator column refers to a parameter represented or displayed corresponding to the progress indicator column, for example, for a sound file or a video file that is listened to online, when playing a file, it needs to buffer. In order to display the current buffered progress information, a third mask layer composed of a custom picture is set on the current progress indicator column, and the length of the third mask layer is determined according to the length of the entire progress indicator column and the buffer ratio of the data. That is, the product of the length of the entire progress indicator column and the buffer ratio is the length of the third mask layer.

所述第三遮罩層也可以設置為具有透明度的圖片,用於在不同層面上顯示多個遮罩層,從而可以同時顯示多個遮罩層。 The third mask layer may also be provided as a picture having transparency for displaying a plurality of mask layers on different levels so that a plurality of mask layers can be simultaneously displayed.

另外,本發明中,所述自定義圖片通過填充方式或者壓縮方式加載,同樣,這種圖片加載方式也適用於第一與第二實施例。 In addition, in the present invention, the custom picture is loaded by a padding mode or a compression mode. Similarly, the image loading mode is also applicable to the first and second embodiments.

在本發明第三實施例中,通過接收的緩衝數據,顯示由自定義圖片顯示的第三遮罩層,從而更加智能的顯示多種數據進度,提高進度指示列使用的便利性。 In the third embodiment of the present invention, the third mask layer displayed by the custom picture is displayed by the received buffer data, thereby more intelligently displaying the progress of the plurality of data, and improving the convenience of the use of the progress indicator column.

參見圖4所示,本發明第四實施例的進度指示列的顯示裝置的結構示意圖,詳述如下:本發明實施例所述進度指示列的顯示裝置,包括:第一接收單元401,用於接收進度指示列上的拖放滑塊的拖放指令,所述拖放指令包括拖放滑塊移動後在進度指示列上的位置信息;獲取單元402,用於獲取所述拖放滑塊移動後在進度指示列上的位置信息,定義第一進度指示列區域之範圍;第一加載單元403,用於在所述第一進度指示列區域加載由自定義圖片構成的第一遮罩層。為提高進度指示列顯示的多樣性,作為本發明實施例一種可選的方式,所述拖放指令還包括滑塊移動前在進度指示列上的位置信息,所述裝置還包括:確定單元404,用於根據所述滑塊移動前在進度指示列上的位置信息和滑塊移動後在進度指示列上的位置信息,定義的第二進度指示列區域之範圍;第二加載單元405,用於在所述第二進度指示列區域加載由自定義圖片構成的第二遮罩層,所述第二遮罩層與第一遮罩層區別顯示。其中,所述第一遮罩層與第二遮罩層位於進度指示列同一層的兩個不同區域或者所述第一遮罩層與第二遮罩層具有重疊之部分,而位於上層之遮罩層具有透明度。 Referring to FIG. 4, a schematic structural diagram of a display device of a progress indicator column according to a fourth embodiment of the present invention is as follows: The display device of the progress indicator column according to the embodiment of the present invention includes: a first receiving unit 401, configured to: Receiving a drag and drop instruction of the drag and drop slider on the progress indicator column, the drag and drop instruction includes position information on the progress indicator column after the drag and drop slider moves; the obtaining unit 402 is configured to acquire the drag and drop slider movement Then, the location information on the progress indicator column defines a range of the first progress indicator column area; the first loading unit 403 is configured to load the first mask layer composed of the custom picture in the first progress indicator column area. In an optional manner of the embodiment of the present invention, the drag and drop instruction further includes location information on the progress indicator column before the slider moves, and the device further includes: a determining unit 404. a second progress indicator column area defined according to the position information on the progress indicator column before the slider is moved and the position information on the progress indicator column after the slider is moved; the second loading unit 405 is used Loading a second mask layer composed of a custom picture in the second progress indicator column area, the second mask layer being displayed differently from the first mask layer. Wherein the first mask layer and the second mask layer are located in two different regions of the same layer of the progress indicator column or the first mask layer and the second mask layer have overlapping portions, and the upper mask layer The cover layer has transparency.

為進一步提高其顯示的數據信息,所述裝置還包括:第二接收單元406,用於接收用於進度指示列上的數據緩衝信息;第三加載單元407,用於根據所述數據緩衝信息占整體進度指示列數據的比例值,在所述進度指示列上相應比例的長度上加載自定義圖片構成的第三遮罩層。 In order to further improve the data information displayed by the device, the device further includes: a second receiving unit 406, configured to receive data buffering information on the progress indicator column; and a third loading unit 407, configured to buffer the information according to the data The overall progress indicates the scale value of the column data, and the third mask layer composed of the custom picture is loaded on the length of the corresponding scale on the progress indicator column.

其中,所述獲取單元402具體用於:所述進度指示列的總長度為D,進度指示列的起 點位置的座標為x1,拖放滑塊移動後的位置座標為x2,進度指示列的終點位置的座標為x3,座標x2到座標x1之間的距離長度為d1,座標x3到座標x2之間的距離長度為d2,拖放滑塊的半徑或一半寬度為d3,那麼,當d1<D-d3且d1>d3時,所述第一進度指示列區域為從座標x1到座標x2之間的,長度為d1的區間;當d1>D-d3時,第一進度指示列區域的長度為D-d3,當d1<d3時,第一進度指示列區域的長度為d3。 The obtaining unit 402 is specifically configured to: the total length of the progress indication column is D, and the progress indicator column starts from The coordinate of the point position is x1, the coordinate of the position after the drag and drop slider is moved to x2, the coordinate of the end position of the progress indication column is x3, the distance between the coordinate x2 to the coordinate of the coordinate x1 is d1, and the coordinate between the coordinate x3 and the coordinate x2 The distance of the distance is d2, and the radius or half width of the drag and drop slider is d3. Then, when d1<D-d3 and d1>d3, the first progress indication column area is from the coordinate x1 to the coordinate x2. The length is the interval of d1; when d1>D-d3, the length of the first progress indication column area is D-d3, and when d1<d3, the length of the first progress indication column area is d3.

上述自定義圖片通過填充方式或者壓縮方式加載。 The above custom images are loaded by padding or compression.

本發明第四實施例中與第一、第二與第三實施例所述方法相對應的裝置,在此不作重複贅述。 The apparatus corresponding to the methods described in the first, second, and third embodiments in the fourth embodiment of the present invention will not be repeatedly described herein.

參見圖5所示,本發明第五實施例提供的行動終端相關的手機的部分結構示意圖。所述手機包括:無線電頻率(Radio Frequency,RF)電路510、記憶體520、輸入單元530、顯示單元540、傳感器550、音頻電路560、無線相容性認證(wireless fidelity,WiFi)模組570、處理器580、以及電源590等部件。本領域技術人員可以理解,圖5中示出的手機結構並不構成對手機的限定,可以包括比圖示更多或更少的部件,或者組合某些部件,或者不同的部件佈置。 Referring to FIG. 5, a partial structural diagram of a mobile terminal related to a mobile terminal according to a fifth embodiment of the present invention is shown. The mobile phone includes: a radio frequency (RF) circuit 510, a memory 520, an input unit 530, a display unit 540, a sensor 550, an audio circuit 560, and a wireless fidelity (WiFi) module 570. Processor 580, and components such as power supply 590. It will be understood by those skilled in the art that the structure of the handset shown in FIG. 5 does not constitute a limitation to the handset, and may include more or less components than those illustrated, or some components may be combined, or different components may be arranged.

下面結合圖5對手機的各個構成部件進行具體的介紹:無線電頻率電路510可用於收發信息或通話過程中,信號的接收和發送,特別地,將基地台的下行信息接收後,給處理器580處理;另外,將設計上行的數據發送給基地台。通常,無線電頻率電路包括但不限於天線、至少一個放大器、收發信機、耦合器、低雜訊放大器(Low Noise Amplifier, LNA)、雙工器等。此外,無線電頻率電路510還可以通過無線通信與網路和其他設備通信。上述無線通信可以使用任一通信標準或協議,包括但不限於全球移動通訊系統(Global System of Mobile communication,GSM)、通用封包無線服務(General Packet Radio Service,GPRS)、分碼多工(Code Division Multiple Access,CDMA)、寬頻分碼多重存取(Wideband Code Division Multiple Access,WCDMA)、長期演進(Long Term Evolution,LTE))、電子郵件、短訊服務(Short Messaging Service,SMS)等。 The components of the mobile phone are specifically described below with reference to FIG. 5. The radio frequency circuit 510 can be used for receiving and transmitting signals during the transmission or reception of information or during a call. In particular, after receiving the downlink information of the base station, the processor 580 is received. Processing; in addition, the design of the uplink data is sent to the base station. Generally, radio frequency circuits include, but are not limited to, an antenna, at least one amplifier, a transceiver, a coupler, and a low noise amplifier (Low Noise Amplifier, LNA), duplexer, etc. In addition, the radio frequency circuit 510 can also communicate with the network and other devices via wireless communication. The above wireless communication may use any communication standard or protocol, including but not limited to Global System of Mobile communication (GSM), General Packet Radio Service (GPRS), and code division multiplexing (Code Division). Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Long Term Evolution (LTE), e-mail, Short Messaging Service (SMS), and the like.

記憶體520可用於存儲軟體程序以及模組,處理器580通過運行儲存在記憶體520的軟體程序以及模組,從而執行手機的各種功能應用以及數據處理。記憶體520可主要包括預存程序區和數據暫存區,其中,預存程序區可儲存操作系統、至少一個功能所需的應用程序(比如聲音播放功能、圖像播放功能等)等;數據暫存區可儲存根據手機的使用所創建的數據(比如音頻數據、電話通訊錄等)等。此外,記憶體520可以包括高速隨機存取記憶體,還可以包括非易失性記憶體,例如至少一個磁盤記憶體、快閃記憶體、或其他易失性固態記憶體。 The memory 520 can be used to store software programs and modules. The processor 580 executes various software applications and data processing of the mobile phone by running software programs and modules stored in the memory 520. The memory 520 may mainly include a pre-stored program area and a data temporary storage area, wherein the pre-stored program area may store an operating system, an application required for at least one function (such as a sound playing function, an image playing function, etc.); The area can store data created according to the use of the mobile phone (such as audio data, telephone address book, etc.). In addition, the memory 520 may include high speed random access memory, and may also include non-volatile memory such as at least one disk memory, flash memory, or other volatile solid state memory.

輸入單元530可用於接收輸入的數字或字符信息,以及產生與手機500的用戶設置以及功能控制有關的鍵信號輸入。具體地,輸入單元530可包括觸控面板531以及其他輸入設備532。觸控面板531,也稱為觸控螢幕,可收集用戶在其上或附近的觸控操作(比如用戶使用手指、觸控筆等任何適合的物體或附件在觸控面板531上或在觸控面板531附近的操作),並根據預先設定的程式驅動相應的連接裝 置。可選的,觸控面板531可包括觸控檢測裝置和觸控器兩個部分。其中,觸控檢測裝置檢測用戶的觸控方位,並檢測觸控操作帶來的信號,將信號傳送給觸控器;觸控控制器從觸控檢測裝置上接收觸控信息,並將它轉換成觸點座標,再送給處理器580,並能接收處理器580發來的命令並加以執行。此外,可以採用電阻式、電容式、紅外線以及表面聲波等多種類型實現觸控面板531。除了觸控面板531,輸入單元530還可以包括其他輸入設備532。具體地,其他輸入設備532可以包括但不限於物理鍵盤、功能鍵(比如音量控制按鍵、開關按鍵等)、軌跡球、滑鼠、搖桿等中的一種或多種。 The input unit 530 can be configured to receive input numeric or character information and to generate key signal inputs related to user settings and function control of the handset 500. Specifically, the input unit 530 may include a touch panel 531 and other input devices 532. The touch panel 531, also referred to as a touch screen, can collect touch operations on or near the user (for example, the user uses any suitable object or accessory such as a finger or a stylus on the touch panel 531 or touches Operation near the panel 531), and driving the corresponding connection according to a preset program Set. Optionally, the touch panel 531 can include two parts: a touch detection device and a touch controller. The touch detection device detects the touch orientation of the user, detects the signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, and converts the touch information. The contact coordinates are sent to the processor 580 and can receive commands from the processor 580 and execute them. In addition, the touch panel 531 can be implemented in various types such as resistive, capacitive, infrared, and surface acoustic waves. In addition to the touch panel 531, the input unit 530 may also include other input devices 532. Specifically, other input devices 532 may include, but are not limited to, one or more of a physical keyboard, function keys (such as volume control buttons, switch buttons, etc.), trackballs, mice, joysticks, and the like.

顯示單元540可用於顯示由用戶輸入的信息或提供給用戶的信息以及手機的各種選單。顯示單元540可包括顯示面板541,可選的,可以採用液晶顯示器(Liquid Crystal Display,LCD)、有機發光二極管(Organic Light-Emitting Diode,OLED)等形式來配置顯示面板541。進一步的,觸控面板531可覆蓋顯示面板541,當觸控面板531檢測到在其上或附近的觸控操作後,傳送給處理器580以確定觸控事件的類型,隨後處理器580根據觸控事件的類型在顯示面板541上提供相應的視覺輸出。雖然在圖5中,觸控面板531與顯示面板541是作為兩個獨立的部件來實現手機的輸入和輸入功能,但是在某些實施例中,可以將觸控面板531與顯示面板541集成而實現手機的輸入和輸出功能。 The display unit 540 can be used to display information input by the user or information provided to the user as well as various menus of the mobile phone. The display unit 540 can include a display panel 541. Alternatively, the display panel 541 can be configured in the form of a liquid crystal display (LCD), an organic light-emitting diode (OLED), or the like. Further, the touch panel 531 can cover the display panel 541. When the touch panel 531 detects a touch operation on or near the touch panel 531, the touch panel 531 transmits the touch operation to the processor 580 to determine the type of the touch event. The type of event control provides a corresponding visual output on display panel 541. Although the touch panel 531 and the display panel 541 are used as two independent components to implement the input and input functions of the mobile phone in FIG. 5, in some embodiments, the touch panel 531 and the display panel 541 may be integrated. Realize the input and output functions of the phone.

手機500還可包括至少一種傳感器550,比如光傳感器、運動傳感器以及其他傳感器。具體地,光傳感器可包括環境光傳感器及接近傳感器,其中,環境光傳感器可根據環境光線的明暗來調節顯示面板541的亮度,接近傳感器 可在手機移動到耳邊時,關閉顯示面板541和/或背光。作為運動傳感器的一種,加速計傳感器可檢測各個方向上(一般為三軸)加速度的大小,靜止時可檢測出重力的大小及方向,可用於識別手機姿態的應用(比如畫面旋轉、相關遊戲、磁力計姿態校準)、振動識別相關功能(比如計步器、敲擊)等;至於手機還可配置的陀螺儀、氣壓計、濕度計、溫度計、紅外線傳感器等其他傳感器,在此不再贅述。 The handset 500 can also include at least one type of sensor 550, such as a light sensor, motion sensor, and other sensors. Specifically, the light sensor may include an ambient light sensor and a proximity sensor, wherein the ambient light sensor can adjust the brightness of the display panel 541 according to the brightness of the ambient light, and the proximity sensor The display panel 541 and/or backlight can be turned off when the phone is moved to the ear. As a kind of motion sensor, the accelerometer sensor can detect the acceleration of each direction (usually three axes). When it is stationary, it can detect the magnitude and direction of gravity. It can be used to identify the gesture of the mobile phone (such as screen rotation, related games, Magnetometer attitude calibration), vibration recognition related functions (such as pedometer, tapping), etc.; other sensors such as gyroscopes, barometers, hygrometers, thermometers, infrared sensors, etc., which can be configured on the mobile phone, will not be described here.

音頻電路560、揚聲器561,傳聲器562可提供用戶與手機之間的音頻轉接。音頻電路560可將接收到的音頻數據轉換後的電信號,傳輸到揚聲器561,由揚聲器561轉換為聲音信號輸出;另一方面,傳聲器562將收集的聲音信號轉換為電信號,由音頻電路560接收後轉換為音頻數據,再將音頻數據輸出處理器580處理後,經無線電頻率電路510以發送給比如另一手機,或者將音頻數據輸出至記憶體520以便進一步處理。 Audio circuit 560, speaker 561, and microphone 562 provide audio transfer between the user and the handset. The audio circuit 560 can transmit the converted electrical data of the received audio data to the speaker 561, and convert it into a sound signal output by the speaker 561. On the other hand, the microphone 562 converts the collected sound signal into an electrical signal, and the audio circuit 560 is used by the audio circuit 560. After receiving, it is converted into audio data, and then processed by the audio data output processor 580, sent to the other mobile phone via the radio frequency circuit 510, or outputted to the memory 520 for further processing.

WiFi屬於短距離無線傳輸技術,手機通過無線相容性認證模組570可以幫助用戶收發電子郵件、瀏覽網頁和訪問流式媒體等,它為用戶提供了無線寬頻存取。雖然圖5示出了無線相容性認證模組570,但是可以理解的是,其並不屬於手機500的必須構成,完全可以根據需要在不改變發明的本質的範圍內而省略。 WiFi is a short-range wireless transmission technology, and the mobile phone through the wireless compatibility authentication module 570 can help users to send and receive emails, browse web pages and access streaming media, etc., which provides users with wireless broadband access. Although FIG. 5 shows the wireless compatibility authentication module 570, it can be understood that it does not belong to the essential configuration of the mobile phone 500, and may be omitted as needed within the scope of not changing the essence of the invention.

處理器580是手機的控制中心,利用各種轉接器和線路連接整個手機的各個部分,通過運行或執行存儲在記憶體520內的軟體程序和/或模組,以及調用儲存在記憶體520內的數據,執行手機的各種功能和處理數據,從而對手機進行整體監控。處理器580可包括一個或多個處理單元;處理 器580亦可集成應用處理器和調變解調處理器,其中,應用處理器主要處理操作系統、用戶界面和應用程序等,調變解調處理器主要處理無線通信。可以理解的是,上述調變解調處理器也可以不集成到處理器580中。 The processor 580 is a control center of the mobile phone, and connects various parts of the entire mobile phone by using various adapters and lines, by running or executing software programs and/or modules stored in the memory 520, and calling and storing in the memory 520. Data, perform various functions of the mobile phone and process data to monitor the mobile phone as a whole. Processor 580 can include one or more processing units; processing The processor 580 can also integrate an application processor and a modulation and demodulation processor, wherein the application processor mainly processes an operating system, a user interface, an application, etc., and the modulation and demodulation processor mainly processes wireless communication. It will be appreciated that the above described modulation and demodulation processor may also not be integrated into the processor 580.

手機500還包括給各個部件供電的電源590(比如電池),電源可以通過電源管理系統與處理器580邏輯相連,從而通過電源管理系統實現管理充電、放電、以及功耗管理等功能。 The handset 500 also includes a power source 590 (such as a battery) that powers the various components. The power source can be logically coupled to the processor 580 through a power management system to manage functions such as charging, discharging, and power management through the power management system.

儘管未示出,手機500還可以包括攝影鏡頭、藍牙模組等,在此不再贅述。 Although not shown, the mobile phone 500 may further include a photographic lens, a Bluetooth module, and the like, and details are not described herein.

在本發明實施例中,該終端所包括的處理器580還具有以下功能:執行進度指示列的實現方法,包括:接收進度指示列上的拖放滑塊的拖放指令,所述拖放指令包括拖放滑塊移動後在進度指示列上的位置信息;獲取所述拖放滑塊移動後在進度指示列上的位置信息,定義第一進度指示列區域之範圍;在所述第一進度指示列區域加載由自定義圖片構成的第一遮罩層。 In the embodiment of the present invention, the processor 580 included in the terminal further has the following functions: a method for implementing a progress indication column, comprising: receiving a drag and drop instruction of a drag and drop slider on a progress indicator column, and the drag and drop instruction Include position information on the progress indicator column after the drag and drop slider moves; obtain position information on the progress indicator column after the drag and drop slider moves, and define a range of the first progress indicator column area; Indicates that the column area loads the first mask layer that consists of a custom picture.

需要說明的是,本說明書中各個實施例採用遞進的方式描述,每個實施例重點說明的都是與其他實施例的不同之處,各個實施例之間相同相似部分互相參見即可。對於實施例公開的系統或裝置而言,由於其與實施例公開的方法相對應,所以描述的比較簡單,相關之處參見方法部分說明即可。 It should be noted that the various embodiments in the present specification are described in a progressive manner, and each embodiment focuses on differences from other embodiments, and the same similar parts between the various embodiments may be referred to each other. For the system or device disclosed in the embodiment, since it corresponds to the method disclosed in the embodiment, the description is relatively simple, and the relevant parts can be referred to the method part.

還需要說明的是,在本文中,諸如第一和第二等之類的關係術語僅僅用來將一個實體或者操作與另一個實體或操作區分開來,而不一定要求或者暗示這些實體或操作之 間存在任何這種實際的關係或者順序。而且,術語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含,從而使得包括一系列要素的過程、方法、物品或者設備不僅包括那些要素,而且還包括沒有明確列出的其他要素,或者是還包括為這種過程、方法、物品或者設備所固有的要素。在沒有更多限制的情況下,由語句“包括一個......”限定的要素,並不排除在包括所述要素的過程、方法、物品或者設備中還存在另外的相同要素。 It should also be noted that, in this context, relational terms such as first and second, etc. are used merely to distinguish one entity or operation from another entity or operation, without necessarily requiring or implying such entities or operations. It There is any such actual relationship or order between them. Furthermore, the term "comprises" or "comprises" or "comprises" or any other variations thereof is intended to encompass a non-exclusive inclusion, such that a process, method, article, or device that comprises a plurality of elements includes not only those elements but also Other elements, or elements that are inherent to such a process, method, item, or device. An element that is defined by the phrase "comprising a ..." does not exclude the presence of additional equivalent elements in the process, method, item, or device that comprises the element.

雖然本發明已以較佳實施例揭露如上,然其並非用以限定本發明,任何熟習此技藝者,在不脫離本發明之精神和範圍內,當可作些許之更動與潤飾,因此本發明之保護範圍當視後附之申請專利範圍所界定者為準。另外本發明的任一實施例或申請專利範圍不須達成本發明所揭露之全部目的或優點或特點。此外,摘要部分和標題僅是用來輔助專利檔案搜尋之用,並非用來限制本發明之權利範圍。 While the present invention has been described in its preferred embodiments, the present invention is not intended to limit the invention, and the present invention may be modified and modified without departing from the spirit and scope of the invention. The scope of protection is subject to the definition of the scope of the patent application. In addition, any of the objects or advantages or features of the present invention are not required to be achieved by any embodiment or application of the invention. In addition, the abstract sections and headings are only used to assist in the search of patent files and are not intended to limit the scope of the invention.

S101~S103‧‧‧步驟 S101~S103‧‧‧Steps

Claims (16)

一種進度指示列的顯示方法,所述方法包括:接收進度指示列上的拖放滑塊的拖放指令,所述拖放指令包括拖放滑塊移動後在進度指示列上的位置信息;獲取所述拖放滑塊移動後在進度指示列上的位置信息,定義第一進度指示列區域之範圍;在所述第一進度指示列區域加載由自定義圖片構成的第一遮罩層;接收用於進度指示列上的緩衝的數據信息;以及根據所述數據信息占整個數據的比例值,在所述進度指示列上相應比例的長度上加載自定義圖片構成的第三遮罩層。 A method for displaying a progress indicator column, the method comprising: receiving a drag and drop instruction of a drag and drop slider on a progress indicator column, where the drag and drop instruction includes position information on a progress indicator column after the drag and drop slider moves; a position information on the progress indication column after the drag and drop slider is moved, defining a range of the first progress indication column area; loading a first mask layer composed of a custom picture in the first progress indication column area; receiving Data information for buffering on the progress indicator column; and loading a third mask layer composed of a custom picture on the length of the corresponding scale on the progress indicator column according to the ratio of the data information to the entire data. 如申請專利範圍第1項所述的方法,其中所述拖放指令還包括滑塊移動前在進度指示列上的位置信息。 The method of claim 1, wherein the drag and drop instruction further includes position information on the progress indicator column before the slider moves. 如申請專利範圍第2項所述的方法,在獲取所述拖放滑塊移動後在進度指示列上的位置信息以及滑塊移動前在進度指示列上的位置信息之後的步驟包括:根據所述滑塊移動前在進度指示列上的位置信息和滑塊移動後在進度指示列上的位置信息確定的第二進度指示列區域;在所述第二進度指示列區域加載由自定義圖片構成的第二遮罩層,所述第二遮罩層與第一遮罩層區別顯示。 The method of claim 2, after the obtaining the position information on the progress indicator column after the movement of the drag and drop slider and the position information on the progress indicator column before the slider moves, the steps include: a second progress indicator column area determined by the position information on the progress indicator column before the slider is moved and the position information on the progress indicator column after the slider is moved; and the second progress indicator column area is loaded by the custom picture a second mask layer, the second mask layer being displayed differently from the first mask layer. 如申請專利範圍第3項所述的方法,其中所述第一遮罩層與第二遮罩層位於進度指示列同一層的兩個不同區域。 The method of claim 3, wherein the first mask layer and the second mask layer are located in two different regions of the same layer of the progress indicator column. 如申請專利範圍第3項所述的方法,其中第一遮罩層與第二遮罩層具有重疊之部分,而位於上層之遮罩層具有透明度。 The method of claim 3, wherein the first mask layer and the second mask layer have overlapping portions, and the mask layer in the upper layer has transparency. 如申請專利範圍第1項所述的方法,其中所述進度指示列的總長度為D,進度指示列的起點位置的座標為x1,拖放滑塊移動後的位置座標為x2,進度指示列的終點位置座標為x3,座標x1到座標x2之間的距離長度為d1,座標x2到座標x3之間的距離長度為d2,拖放滑塊一半寬度為d3;其中,當d1<D-d3且d1>d3時,所述第一進度指示列區域的長度為d1-d3;當d1>D-d3時,所述第一進度指示列區域的長度為D-x3,當d1<dx3時,所述第一進度指示列區域的長度為d3。 The method of claim 1, wherein the total length of the progress indicator column is D, the coordinate of the starting position of the progress indicator column is x1, and the position coordinate of the drag and drop slider after moving is x2, the progress indicator column The end position coordinates are x3, the distance between coordinates x1 to coordinates x2 is d1, the distance between coordinates x2 to coordinates x3 is d2, and the width of drag and drop slider is d3; where, when d1<D-d3 And when d1>d3, the length of the first progress indication column area is d1-d3; when d1>D-d3, the length of the first progress indication column area is D-x3, when d1<dx3, The first progress indication column area has a length of d3. 如申請專利範圍第1項所述的方法,其中所述自定義圖片通過填充的方式或者壓縮方式加載。 The method of claim 1, wherein the custom picture is loaded by padding or compression. 如申請專利範圍第3項所述的方法,其中所述自定義圖片通過填充的方式或者壓縮方式加載。 The method of claim 3, wherein the custom picture is loaded by padding or compression. 一種進度指示列的顯示裝置,所述裝置包括:第一接收單元,用於接收進度指示列上的拖放滑塊的拖放指令,所述拖放指令包括拖放滑塊移動後在進度指示列上的位置信息;獲取單元,用於獲取所述拖放滑塊移動後在進度指示列上的位置信息,定義第一進度指示列區域之範圍;第一加載單元,用於在所述第一進度指示列區域加載由自定義圖片構成的第一遮罩層;第二接收單元,用於接收用於進度指示列上的數據緩衝信息;以及第三加載單元,用於根據所述數據信息占整體進度指示列數據的比例值,在所述進度指示列上相應比例的長度上加載自定義圖片構成的第三遮罩層。 A display device for a progress indicator column, the device comprising: a first receiving unit, configured to receive a drag and drop instruction of a drag and drop slider on a progress indicator column, wherein the drag and drop instruction includes a progress indicator after the drag and drop slider moves Position information on the column; the obtaining unit is configured to obtain position information on the progress indicator column after the drag and drop slider moves, and define a range of the first progress indicator column area; the first loading unit is configured to be in the a progress indicator column area loading a first mask layer composed of a custom picture; a second receiving unit for receiving data buffer information for the progress indication column; and a third loading unit for using the data according to the data The proportion value of the overall progress indicator column data is loaded with a third mask layer composed of a custom picture on the length of the corresponding scale on the progress indicator column. 如申請專利範圍第9項所述的裝置,其中所述拖放指令還包括滑塊移動前在進度指示列上的位置信息。 The device of claim 9, wherein the drag and drop instruction further includes position information on the progress indicator column before the slider moves. 如申請專利範圍第10項所述的裝置,其中還包括:確定單元,用於根據所述滑塊移動前在進度指示列上的位置信息和滑塊移動後在進度指示列上的位置信息定義第二進度指示列區域之範圍;第二加載單元,用於在所述第二進度指示列區域加載由自定義圖片構成的第二遮罩層,所述第二遮罩層與第一遮罩層區別顯示。 The device of claim 10, further comprising: a determining unit configured to define position information on the progress indicator column before the slider moves and position information on the progress indicator column after the slider moves a second progress indicator indicating a range of the column area; a second loading unit, configured to load, in the second progress indicator column region, a second mask layer composed of a custom picture, the second mask layer and the first mask layer The layer difference is displayed. 如申請專利範圍第9項所述的裝置,其中所述第一 遮罩層與第二遮罩層位於進度指示列同一層的兩個不同區域。 The device of claim 9, wherein the first The mask layer and the second mask layer are located in two different areas on the same layer as the progress indicator column. 如申請專利範圍第9項所述的裝置,其中所述第一遮罩層與第二遮罩層中具有重疊的部份,而位於上層之遮罩層具有透明度。 The device of claim 9, wherein the first mask layer and the second mask layer have overlapping portions, and the mask layer at the upper layer has transparency. 如申請專利範圍第9項所述的裝置,其中所述進度指示列的總長度為D,進度指示列的起點位置的座標為x1,拖放滑塊移動後的位置座標為x2,進度指示列的終點位置的座標為x3,座標x1到座標x2之間的距離長度為d1,座標x2到座標x3之間的距離長度為d2,拖放滑塊的一半寬度為d3,那麼,當d1<D-d3且d1>d3時,所述第一進度指示列的長度為d1-d3;當d1>D-d3時,所述第一進度指示列區域的長度為D-d3,當d1<d3時,所述第一進度指示列區域的長度為d3。 The device of claim 9, wherein the total length of the progress indicator column is D, the coordinate of the starting position of the progress indicator column is x1, and the position coordinate of the drag and drop slider after moving is x2, the progress indicator column The coordinates of the end position are x3, the distance between the coordinates x1 and x2 is d1, the distance between coordinates x2 and x3 is d2, and the width of the drag slider is d3. Then, when d1<D -d3 and d1>d3, the length of the first progress indication column is d1-d3; when d1>D-d3, the length of the first progress indication column area is D-d3, when d1<d3 The first progress indication column area has a length of d3. 如申請專利範圍第9項所述的裝置,其中所述自定義圖片通過填充的方式或者壓縮方式加載。 The device of claim 9, wherein the custom picture is loaded by padding or compression. 如申請專利範圍第11項所述的裝置,其中所述自定義圖片通過填充的方式或者壓縮方式加載。 The device of claim 11, wherein the custom picture is loaded by padding or compression.
TW103129754A 2013-09-04 2014-08-28 Apparatus and method of showing progress bar TWI559759B (en)

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310399778.XA CN104423840B (en) 2013-09-04 2013-09-04 A kind of implementation method and device of progress indicator strip

Publications (2)

Publication Number Publication Date
TW201511540A TW201511540A (en) 2015-03-16
TWI559759B true TWI559759B (en) 2016-11-21

Family

ID=52627776

Family Applications (1)

Application Number Title Priority Date Filing Date
TW103129754A TWI559759B (en) 2013-09-04 2014-08-28 Apparatus and method of showing progress bar

Country Status (3)

Country Link
CN (1) CN104423840B (en)
TW (1) TWI559759B (en)
WO (1) WO2015032245A1 (en)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105916035A (en) * 2015-12-15 2016-08-31 乐视致新电子科技(天津)有限公司 Display method for quick positioning of playing time point and display device thereof
CN105867831B (en) * 2016-06-27 2018-04-24 竞技世界(北京)网络技术有限公司 The operating method and system of a kind of touch-screen
CN106653071B (en) * 2016-12-30 2019-11-22 腾讯音乐娱乐(深圳)有限公司 A kind of lyric display method and device
CN109343753A (en) * 2018-08-08 2019-02-15 北京大数据研究院 Data display method and device
CN109407944A (en) * 2018-09-29 2019-03-01 传线网络科技(上海)有限公司 Multimedia resource plays adjusting method and device
CN109270845B (en) * 2018-10-12 2021-02-26 珠海格力电器股份有限公司 Gear display method and device, interaction equipment and intelligent household equipment
CN109976865B (en) * 2019-03-29 2023-03-28 北京金山云网络技术有限公司 Task progress display method and device and terminal equipment
US11282547B1 (en) * 2019-08-30 2022-03-22 Gopro, Inc. Interface for framing videos

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6028583A (en) * 1998-01-16 2000-02-22 Adobe Systems, Inc. Compound layers for composited image manipulation
US20060274214A1 (en) * 2005-06-05 2006-12-07 International Business Machines Corporation System and method for providing on demand captioning of broadcast programs
US7535415B2 (en) * 2002-04-16 2009-05-19 Samsung Electronics Co., Ltd. Image recording apparatus capable of recording position and direction information of object of shooting
US20120210447A1 (en) * 2010-11-28 2012-08-16 Pedro Javier Vazquez Secure video download method
US20130097508A1 (en) * 2011-10-14 2013-04-18 Autodesk, Inc. Real-time scrubbing of online videos
CN103118293A (en) * 2011-11-17 2013-05-22 深圳市快播科技有限公司 Display method and device for play progress, video on demand terminal and video on demand system

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100313158A1 (en) * 2009-06-08 2010-12-09 Lg Electronics Inc. Method for editing data in mobile terminal and mobile terminal using the same
CN101888440A (en) * 2010-03-22 2010-11-17 宇龙计算机通信科技(深圳)有限公司 Method and system for displaying information transmission progress of mobile terminal, and mobile terminal
CN101814040B (en) * 2010-04-01 2013-01-09 北京数码视讯科技股份有限公司 Single-thread browser and processing method thereof
US8588587B2 (en) * 2010-06-30 2013-11-19 International Business Machines Corporation Navigation interface with ghost region
CN101944204B (en) * 2010-09-10 2013-07-31 北京恒华伟业科技股份有限公司 Geographic information system applied to power system
CN103021439B (en) * 2011-09-27 2016-06-15 腾讯科技(深圳)有限公司 The method of a kind of accurate location file playing progress rate and device
CN102664032B (en) * 2012-05-07 2015-08-12 乐视网信息技术(北京)股份有限公司 A kind of playing progress rate adjustment bar of direct broadcast time-shift and control method thereof
CN102799353A (en) * 2012-06-18 2012-11-28 上海鼎为软件技术有限公司 Instruction action acknowledgement method, instruction device and electronic device

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6028583A (en) * 1998-01-16 2000-02-22 Adobe Systems, Inc. Compound layers for composited image manipulation
US7535415B2 (en) * 2002-04-16 2009-05-19 Samsung Electronics Co., Ltd. Image recording apparatus capable of recording position and direction information of object of shooting
US20060274214A1 (en) * 2005-06-05 2006-12-07 International Business Machines Corporation System and method for providing on demand captioning of broadcast programs
US20120210447A1 (en) * 2010-11-28 2012-08-16 Pedro Javier Vazquez Secure video download method
US20130097508A1 (en) * 2011-10-14 2013-04-18 Autodesk, Inc. Real-time scrubbing of online videos
CN103118293A (en) * 2011-11-17 2013-05-22 深圳市快播科技有限公司 Display method and device for play progress, video on demand terminal and video on demand system

Also Published As

Publication number Publication date
TW201511540A (en) 2015-03-16
WO2015032245A1 (en) 2015-03-12
CN104423840B (en) 2019-04-12
CN104423840A (en) 2015-03-18

Similar Documents

Publication Publication Date Title
TWI559759B (en) Apparatus and method of showing progress bar
US10891101B2 (en) Method and device for adjusting the displaying manner of a slider and a slide channel corresponding to audio signal amplifying value indicated by a position of the slider
CN106406712B (en) Information display method and device
WO2016066092A1 (en) Multimedia playing controlling method and device, and storage medium
KR101990567B1 (en) Mobile apparatus coupled with external input device and control method thereof
US20140273855A1 (en) Communication connection method in bluetooth device and apparatus thereto
EP3136214A1 (en) Touch operation method and apparatus for terminal
WO2017125027A1 (en) Method and device for displaying information, and computer storage medium
WO2015039445A1 (en) Notification message display method and apparatus, and electronic device
US20160314099A1 (en) Webpage generating method and apparatus
KR20140128146A (en) Method for displaying and an electronic device thereof
CN105975190B (en) Graphical interface processing method, device and system
CN103677711A (en) Method for connecting mobile terminal and external display and apparatus implementing the same
US20170052620A1 (en) Device And Method For Operating On Touch Screen, And Storage Medium
CN104571979B (en) A kind of method and apparatus for realizing split view
CN107621914A (en) Display methods, terminal and the computer-readable recording medium of termination function control key
WO2020192299A1 (en) Information display method and terminal device
TW201516844A (en) Apparatus and method for selecting object
WO2021129536A1 (en) Icon moving method and electronic device
US20170046040A1 (en) Terminal device and screen content enlarging method
CN103488450A (en) Method, device and terminal equipment for projecting picture
WO2015172705A1 (en) Method and system for collecting statistics on streaming media data, and related apparatus
KR20140134088A (en) Method and apparatus for using a electronic device
CN103631493A (en) Image display method and device and electronic equipment
CN110244884B (en) Desktop icon management method and terminal equipment