TWI467510B - Device and method for positioning a scroll view to the best display position automatically in a stock quoting software. - Google Patents
Device and method for positioning a scroll view to the best display position automatically in a stock quoting software. Download PDFInfo
- Publication number
- TWI467510B TWI467510B TW102100766A TW102100766A TWI467510B TW I467510 B TWI467510 B TW I467510B TW 102100766 A TW102100766 A TW 102100766A TW 102100766 A TW102100766 A TW 102100766A TW I467510 B TWI467510 B TW I467510B
- Authority
- TW
- Taiwan
- Prior art keywords
- view
- content
- display position
- scroll
- width
- Prior art date
Links
Landscapes
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Description
本發明係關於一種觸控式裝置,特別是關於一種自動定位捲動視圖最佳顯示位置之金融看盤裝置及方法。The present invention relates to a touch device, and more particularly to a financial watch device and method for automatically positioning an optimal display position of a scroll view.
觸控式裝置,諸如平板電腦(Tablet PC)、智慧型手機(Smart Phone)、以及觸控螢幕電腦(Touch-Screen PC),其上所安裝之習見金融看盤軟體執行後,當顯示資訊(包含報價資訊以及詳細資訊)之數量超過一個螢幕畫面(Screen)時係以一捲動視圖(Scroll View)供使用者滑動(Slide)操作以切換資訊之顯示。Touch-enabled devices, such as Tablet PCs, Smart Phones, and Touch-Screen PCs, which display information after the implementation of the financial watch software installed on it ( When the number of quotes and detailed information is more than one screen, a scroll view is used for the user to slide the display to switch the display of the information.
請參考第1A圖,其為習見一捲動視圖(報價資訊視圖)之示意圖一,圖例係採蘋果之iPad觸控式平板電腦為例,其說明了習見金融看盤軟體10其自選報價視圖12包含了一標題列(Title Bar,圖例係“自選報價 群組一”以及“群組一 群組二…”)、一報價資訊視圖14(圖中以虛線框起的部份,螢幕實際顯示時並無該虛線框)、一水平捲動軸(Horizontal Scroll Bar)16與一選單列(Menu Bar,圖例係“自選報價 國際金融…”)。其中,報價資訊視圖14在iOS程式開發中係一UITableView類別,而該UITableView類別又繼承自UIScrollView類別(即一捲動視圖)。簡言之,報價資訊視圖14即以一捲動視圖(Scroll View,或scrollView)顯示報價資訊,當其包含之資訊超出螢幕畫面時,使用者可以滑動(Slide)操作以捲動該捲動視圖切換顯示資訊。水平捲動軸16主要目的係標註該捲動視圖(即報價資訊視圖14)當下所顯示資料之位置,而非直接用於滑動操作(在iOS 中,水平捲動軸16係於滑動操作之時方顯示於螢幕上),意即使用者滑動操作之位置並不限制於該水平捲動軸16。為方便說明,圖例標示出水平捲動軸16,本圖例之水平捲動軸16位於視圖最左邊其意義係該報價資訊視圖14當下係顯示最左方之資訊,而右方仍有未顯示於螢幕上之資訊。Please refer to Figure 1A, which is a schematic diagram of a scrolling view (Quote Information View). The legend is an example of Apple's iPad touch tablet, which illustrates the view of the self-selected quotation of the financial watch software. Contains a title bar (Title Bar, the legend is "Optional Quotation Group One" and "Group One Group Two..."), and a Quotation Information View 14 (the part enclosed by the dotted line in the figure, when the screen is actually displayed) There is no such dashed box), a horizontal scroll bar 16 and a menu bar (Menu Bar, the legend is "Optional Quote International Finance..."). The quotation information view 14 is a UITableView category in the iOS program development, and the UITableView category is inherited from the UIScrollView category (ie, a scroll view). In short, the quotation information view 14 displays the quotation information in a scroll view (scroll view, or scrollView), and when the information contained therein exceeds the screen, the user can slide (slide) to scroll the scroll view. Switch display information. The main purpose of the horizontal scrolling axis 16 is to mark the position of the displayed data in the scroll view (ie, the quote information view 14), rather than directly for sliding operations (in iOS). In the middle, the horizontal scrolling shaft 16 is displayed on the screen at the time of the sliding operation, that is, the position of the user's sliding operation is not limited to the horizontal scrolling shaft 16. For convenience of explanation, the legend indicates the horizontal scrolling shaft 16, and the horizontal scrolling shaft 16 of the present example is located at the far left of the view. The meaning is that the quotation information view 14 displays the leftmost information, while the right side is still not displayed. Information on the screen.
請參考第1B圖,習見一捲動視圖(報價資訊視圖)之示意圖二,其說明了使用者為查看報價資訊視圖14其餘之欄位,因而滑動該報價資訊視圖14至右方。滑動操作之滑行距離取決於使用者力道之大小(即滑動速度之快慢),不論滑動速度快或慢,在滑動習見捲動視圖(如報價資訊視圖14)時常常遇到兩邊緣(最左邊與最右邊)的資訊被切掉而顯得不完整。也就是說使用者想要一次滑動操作就剛好使兩邊緣顯示完整資訊並不容易,通常需要第二次甚至第三次的滑動操作以微幅調整顯示位置,或者是按住捲動視圖後慢慢滑動亦可。圖例中報價資訊視圖14最左邊的欄位係“賣出”(通常為方便使用者瞭解報價資訊所對應之金融商品為何,“名稱”欄位係固定不動),最右邊的欄位係“振幅”,兩欄位皆未完整呈現。Please refer to FIG. 1B for a schematic diagram 2 of a scrolling view (Quote Information View), which illustrates the user viewing the remaining fields of the quote information view 14 and thus sliding the quote information view 14 to the right. The sliding distance of the sliding operation depends on the size of the user's force (ie, the speed of the sliding speed). Regardless of whether the sliding speed is fast or slow, the sliding edge view (such as the quote information view 14) often encounters two edges (the leftmost side) The information on the far right is cut off and appears incomplete. In other words, it is not easy for the user to have a sliding operation just to make the two edges display complete information. Usually, the second or even the third sliding operation is required to slightly adjust the display position, or the scrolling view is pressed slowly. Slow sliding is also possible. In the legend, the leftmost field of the quote information view 14 is “sell” (usually for the convenience of the user to understand the financial products corresponding to the quote information, the “name” field is fixed), and the rightmost field is “amplitude”. "The two fields are not fully presented."
請參考第2A圖、第2B圖第2C圖與第2D圖,其為習見二捲動視圖(詳細資訊視圖)之示意圖。第2A圖係說明當使用者於自選報價視圖12(如第1A圖所示)點選報價資訊視圖14中一金融商品後,在自選報價視圖12下方彈出(Pop-up)一詳細資訊視圖18(圖中以虛線框起的部份,螢幕實際顯示時並無該虛線框)以顯示該被點選金融商品(圖例係“台積電”,故以反白顯示)其個股詳細資訊(例如:走勢報價、分時明細、最佳五檔、價量統計以及技術分析等資訊),圖例所顯示之詳細資訊為“走勢報價”與“分時明細”。該詳細資訊視圖18亦為一捲動視圖(在iOS程式開發中係定義為 UIScrollView類別),使用者可左/右滑動操作以捲動視圖切換資訊顯示,該視圖下方之水平捲動軸16代表該詳細資訊視圖18當下資訊顯示之位置,圖例中該水平捲動軸16位於最左邊代表該詳細資訊視圖18當下係顯示最左邊之資訊。第2B圖係使用者於第2A圖之詳細資訊視圖18稍微滑動後,當下該詳細資訊視圖18所顯示之完整詳細資訊僅一“分時明細”,其左邊“走勢報價”與右邊“最佳五檔”皆被切掉一半而無法完整呈現(沒有整個位於螢幕中)。第2C圖係使用者於第2B圖之詳細資訊視圖18再次滑動操作後,當下該詳細資訊視圖18所顯示之完整詳細資訊係“價量統計”,其左邊與右邊之詳細資訊亦未完整呈現。第2D圖係使用者將詳細資訊視圖18滑動至最右邊後,當下螢幕所顯示之完整詳細資訊係“價量統計”與“技術分析”兩項。Please refer to FIG. 2A, FIG. 2B, FIG. 2C and FIG. 2D, which are schematic diagrams of the second scroll view (detailed view). FIG. 2A illustrates a pop-up detailed information view 18 below the self-selected quotation view 12 when the user clicks on a financial item in the quotation information view 14 in the self-selected quotation view 12 (as shown in FIG. 1A). (The part enclosed by the dotted line in the figure, the screen is not displayed when the screen is actually displayed) to display the selected financial products (the legend is "TSMC", so it is displayed in reverse). Details of its stocks (for example: trend The quotation, time-sharing details, best five-speed, price statistics and technical analysis, etc., the detailed information displayed in the legend is “trend quotation” and “time-sharing details”. The detail view 18 is also a scroll view (defined in the iOS program development as UIScrollView category), the user can slide the left/right operation to scroll the view to display the information display. The horizontal scrolling axis 16 below the view represents the position of the current information view 18, in which the horizontal scrolling axis 16 is located. The leftmost side represents the detailed information view 18 and the current leftmost information is displayed. In the second panel, after the user has slightly slid in the detailed information view 18 of FIG. 2A, the complete detailed information displayed in the detailed information view 18 is only a “time-sharing detail”, and the “trend quotation” on the left and the “best on the right”. The fifth gear is cut in half and cannot be fully rendered (not entirely on the screen). The second detailed view of the detailed information view 18 of the second information view is the "price statistics", and the details of the left and right sides are not fully presented. . In the 2D image, after the user slides the detailed information view 18 to the rightmost side, the complete detailed information displayed on the current screen is "price statistics" and "technical analysis".
由第2A圖至第2D圖來看,當使用者滑動操作一捲動視圖(即詳細資訊視圖18),僅有左、右兩端(即第2A圖與第2D圖)的滑動操作容易控制到呈現最多完整詳細資訊(在圖例的直式顯示模式下係兩個詳細資訊)。而中間部份(即第2B圖與第2C圖)則容易因滑動捲動視圖太快(力道大)或太慢(力道輕)而造成僅顯示一個完整的詳細資訊。From the 2A to 2D diagrams, when the user slides a scroll view (ie, the detail view 18), only the left and right ends (ie, the 2A and 2D) slide operations are easily controlled. To present the most complete details (two details in the straight display mode of the legend). The middle part (ie, 2B and 2C) is likely to display only one complete detailed information due to the sliding scroll view being too fast (forced) or too slow (light).
請參考第3圖,習見詳細資訊視圖之展開示意圖,其說明了第2A圖~第2D圖中之詳細資訊視圖18展開後的完整樣貌。(圖例係顯示走勢報價、分時明細、最佳五檔、價量統計與技術分析的資訊內容,其他的資訊內容可能有,例如:個股新聞、基本資訊、財務分析…等等)。Please refer to FIG. 3 for a detailed view of the detailed information view, which illustrates the complete appearance of the detailed information view 18 in FIG. 2A to FIG. 2D. (The legend shows the information content of trend quotation, time-sharing details, best five-speed, price statistics and technical analysis. Other information content may be available, for example: stock news, basic information, financial analysis, etc.).
請參考第4圖,習見金融看盤軟體系統功能方塊圖,圖例僅顯示相關功能之模組,其餘模組省略未描繪。資料接收模組20係接收由伺服器端之 推播伺服器(Push Server)所傳至客戶端之報價資料。捲動視圖模組22依據該報價資料產生一捲動視圖以提供報價資訊或詳細資訊,該捲動視圖係選自:一報價資訊視圖14與一詳細資訊視圖18。捲動視圖操作模組24接收一滑動操作指令以捲動該捲動視圖切換顯示資訊。Please refer to Figure 4 for a diagram of the functional block diagram of the financial disk software system. The legend only shows the modules of related functions, and the other modules are omitted. The data receiving module 20 receives the server side The quotation data transmitted to the client by the push server (Push Server). The scroll view module 22 generates a scroll view based on the quote data to provide quote information or detailed information. The scroll view is selected from the group consisting of a quote information view 14 and a detail view 18 . The scroll view operation module 24 receives a slide operation command to scroll the scroll view to switch display information.
綜上所述,習見技術捲動視圖之滑動操作除了左右兩端之外,不易控制以顯示最多的完整資訊,使用者常常需要再次滑動操作以微幅調整資訊顯示位置。習見技術此種不合理之使用上的限制讓使用者操作起來相當不便,也無法滿足使用者操作需求。因此,實有必要提出一種自動定位捲動視圖最佳顯示位置之金融看盤裝置及方法,在滑動操作時可自動定位金融看盤軟體之捲動視圖以停留在最佳顯示位置,使該捲動視圖得以呈現最多的完整詳細報價資訊,以滿足使用者之需求。In summary, the sliding operation of the technical scrolling view is difficult to control to display the most complete information except for the left and right ends, and the user often needs to slide the operation again to slightly adjust the information display position. The unreasonable use limitations of the technology make the user's operation inconvenient and unable to meet the user's operational needs. Therefore, it is necessary to propose a financial watch device and method for automatically positioning the optimal display position of the scroll view, and automatically scrolling the scroll view of the financial watch software to stay at the optimal display position during the sliding operation, so that the volume The moving view is able to present the most complete detailed quote information to meet the needs of the user.
有鑑於此,本發明提出一種自動定位捲動視圖最佳顯示位置之金融看盤裝置及方法,在滑動操作時可自動定位金融看盤軟體之捲動視圖以停留在一最近之最佳顯示位置。In view of the above, the present invention provides a financial watch device and method for automatically positioning an optimal display position of a scroll view, which can automatically position a scroll view of the financial watch software to stay at the most recent best display position during the sliding operation. .
本發明提出一種自動定位捲動視圖最佳顯示位置之金融看盤裝置,應用於觸控式裝置,包含:一資料接收模組、一捲動視圖模組以及一捲動視圖操作與定位模組。資料接收模組接收伺服器端所傳送至客戶端之報價資料。捲動視圖模組依據該報價資料產生一捲動視圖以顯示資訊於觸控式裝置之螢幕上。捲動視圖操作與定位模組接收於該捲動視圖觸碰產生之一滑動操作指令,依照該滑動操作指令執行該捲動視圖之捲動,並接收一函數回傳指標後計算出一最近之最佳顯示位置,再調整該捲動視圖至最近之最 佳顯示位置以完成定位。The invention provides a financial watch device for automatically positioning an optimal display position of a scroll view, which is applied to a touch device, comprising: a data receiving module, a scrolling view module and a scrolling view operation and positioning module . The data receiving module receives the quotation data transmitted by the server to the client. The scroll view module generates a scroll view based on the quote data to display information on the touch screen of the touch device. The scroll view operation and the positioning module receive a scroll operation instruction received by the scroll view, perform scrolling of the scroll view according to the sliding operation instruction, and receive a function return indicator to calculate a recent Best display position, then adjust the scroll view to the nearest most Good display position to complete positioning.
本發明提出一種自動定位捲動視圖最佳顯示位置之金融看盤方法,應用於觸控式裝置,該方法包含以下步驟:執行一金融看盤軟體;切換至一捲動視圖;接收報價資料;依據該報價資料產生一報價資訊或一詳細資訊,並將該報價資訊或該詳細資訊顯示於該捲動視圖中;接收於該捲動視圖觸碰產生之一滑動操作指令;依照該滑動操作指令執行該捲動視圖之捲動,並接收一函數回傳指標;及依據該函數回傳指標計算出一最近之最佳顯示位置,再調整該捲動視圖至一最近距離之最佳顯示位置以完成定位。The invention provides a financial watch method for automatically positioning an optimal display position of a scroll view, which is applied to a touch device, the method comprising the steps of: executing a financial watch software; switching to a scroll view; receiving the offer data; Generating a quotation information or a detailed information according to the quotation data, and displaying the quotation information or the detailed information in the scroll view; receiving a scroll operation instruction generated by the scroll view touch; according to the sliding operation instruction Performing scrolling of the scroll view and receiving a function return indicator; and calculating a closest optimal display position according to the function return indicator, and then adjusting the scroll view to an optimal display position of a closest distance Complete the positioning.
另外,本發明又提出一種自動定位捲動視圖最佳顯示位置之金融看盤裝置及方法,本發明之捲動視圖在滑動操作完成定位後,再通知伺服器端之推播伺服器傳送該捲動視圖其螢幕呈現內容所需之報價資料,可降低不必要的報價資料下載流量。In addition, the present invention further provides a financial watch device and method for automatically positioning an optimal display position of a scroll view. After the scroll operation is completed, the scroll view of the present invention notifies the push server of the server to transmit the volume. The quotation data required for the screen to display the content of the screen can reduce the unnecessary download data of the quotation data.
以下在實施方式中詳細敘述本發明之詳細特徵以及優點,其內容足以使任何熟習相關技藝者瞭解本發明之技術內容並據以實施,且根據本說明書所揭露之內容、申請專利範圍及圖式,任何熟習相關技藝者可輕易地理解本發明相關之目的及優點。The detailed features and advantages of the present invention are set forth in the Detailed Description of the Detailed Description of the <RTIgt; </ RTI> <RTIgt; </ RTI> </ RTI> </ RTI> <RTIgt; The objects and advantages associated with the present invention can be readily understood by those skilled in the art.
本發明係使用於觸控式平板電腦(Tablet PC)、智慧型手機(Smart Phone)、以及觸控螢幕電腦(Touch-Screen PC)。以下所揭露之實施例係以蘋果之iPad平板電腦樣式為例,其餘觸控式裝置其畫面特徵亦同,故不再另行描繪與敘述。The invention is used for a touch tablet (Tablet PC), a smart phone (Smart Phone), and a touch screen computer (Touch-Screen PC). The embodiments disclosed in the following are exemplified by Apple's iPad tablet style. The rest of the touch-sensitive devices have the same picture features, so they are not depicted or described separately.
參閱第5A圖,本發明實施例自動定位捲動視圖最佳顯示位置之金融看 盤裝置26系統功能方塊圖,其包含有:顯示模組28、處理器(即中央處理器之簡稱)30與記憶體32。其中,記憶體32儲存有一金融看盤軟體34;處理器30則負責執行記憶體32中的金融看盤軟體34;顯示模組28則用以顯示金融看盤軟體34的介面(螢幕畫面),並執行觸控的功能(觸控面板)。Referring to FIG. 5A, the financial display of the optimal display position of the scrolling view is automatically positioned in the embodiment of the present invention. A system function block diagram of the disk device 26 includes a display module 28, a processor (ie, a short for the central processing unit) 30, and a memory 32. The memory 32 stores a financial watch software 34; the processor 30 is responsible for executing the financial watch software 34 in the memory 32; and the display module 28 is used to display the interface (screen screen) of the financial watch software 34. And perform the touch function (touch panel).
參閱第5B圖,本發明實施例金融看盤軟體34之系統功能方塊圖,其說明了本發明與習見技術(如第4圖所示)不同之處在於本發明以一捲動視圖操作與定位模組36取代習見技術之捲動視圖操作模組24。該捲動視圖操作與定位模組36接收於該捲動視圖觸碰產生之一滑動操作指令,依照該滑動操作指令執行該捲動視圖之捲動,並接收一函數回傳指標(A Callback Function Return)(亦即,捲動視圖之偏移量,用以計算其停止位置)後微幅調整該捲動視圖至一最近距離之最佳顯示位置,以及下載該捲動視圖之該最佳顯示位置內顯示資訊之報價資料。此函數回傳指標係由作業系統API(Application Programming Interfaces)所定義,捲動視圖操作與定位模組36於執行時要求作業系統於提供因觸碰所產生的滑動操作指令後,一旦符合特定條件,作業系統即傳送函數回傳指標給捲動視圖操作與定位模組36。以下的函數回傳指標係為iOS作業系統之實施例,本發明的方法亦可應用於其他作業系統相等的函數回傳指標或函數回傳參數。Referring to FIG. 5B, a system function block diagram of a financial watch software 34 according to an embodiment of the present invention, which illustrates that the present invention differs from the prior art (as shown in FIG. 4) in that the present invention operates and positions in a scroll view. The module 36 replaces the scroll view operation module 24 of the prior art. The scrolling view operation and positioning module 36 receives a scrolling operation command received by the scrolling view, and performs scrolling of the scrolling view according to the sliding operation command, and receives a function returning index (A Callback Function) Return) (ie, the offset of the scroll view to calculate its stop position), then slightly adjust the scroll view to the best display position of the closest distance, and download the best display of the scroll view The quotation information of the information is displayed in the location. The function returning index is defined by the operating system API (Application Programming Interfaces). When the scrolling view operation and positioning module 36 is executed, the operating system is required to provide a sliding operation instruction generated by the touch, once the specific conditions are met. The operating system is a transfer function return indicator to the scroll view operation and positioning module 36. The following function return indicator is an embodiment of the iOS operating system, and the method of the present invention can also be applied to function return indicators or function return parameters of other operating systems.
其中,該捲動視圖係選自:一報價資訊視圖14與一詳細資訊視圖18,當然,本發明所揭露的技術亦可應用於其他類型的捲動視圖。The scroll view is selected from the group consisting of a quote information view 14 and a detailed information view 18. Of course, the techniques disclosed herein can also be applied to other types of scroll views.
以本發明一iPad平板電腦(運行iOS作業系統)實施例來說明,共要實作兩個回傳函數(Callback Function):scrollViewDidEndDecelerating與scrollViewDidEndDragging。”scrollViewDidEndDecelerating係指“有 滑動且停止滑動時”,其片斷程式碼範例如下: In the embodiment of an iPad tablet (running iOS operating system) of the present invention, a total of two callback functions (Callback Function) are implemented: scrollViewDidEndDecelerating and scrollViewDidEndDragging. "scrollViewDidEndDecelerating" means "when there is a slide and stops sliding". The sample code is as follows:
而”scrollViewDidEndDragging”係指“停止拖曳且不滑動時”,其片斷程式碼範例如下: The "scrollViewDidEndDragging" refers to "stop dragging and not sliding", and its fragment code example is as follows:
以上程式碼中所運用的“calculateScrollViewOffset”係用以計算捲動視圖的偏移量(Offset,又稱位移,視圖位移了多少距離),藉由該偏移量即可得知該捲動視圖於滑動後之停止位置。本發明之捲動視圖操作與定位模組36在接收上述之函數回傳指標(即一捲動視圖之偏移量)後,即可把“已經停止滑動”之捲動視圖再次微幅調整(意即自動捲動)至一距離最近的最佳顯示位置。前述的函數回傳指標係由作業系統產生,當接收到函數回傳指標後,即可確認使用者“已經停止滑動”,此時,再進行捲動視圖的微幅調整。The "calculateScrollViewOffset" used in the above code is used to calculate the offset of the scroll view (Offset, also known as displacement, how much distance the view is displaced), by which the scroll view can be known. The stop position after sliding. After the scroll view operation and positioning module 36 of the present invention receives the function return index (ie, the offset of a scroll view), the scroll view of the "sliding stop" can be slightly adjusted again ( That means automatic scrolling) to the nearest best display position. The function return indicator described above is generated by the operating system. When the function return indicator is received, the user can confirm that the user has stopped sliding. At this time, the scrolling view is slightly adjusted.
請參考第6A圖,其為本發明實施例一捲動視圖(報價資訊視圖)之示意圖一,圖例係採蘋果之iPad觸控式平板電腦為例。此實施例說明了本發明 金融看盤軟體34之自選報價視圖38包含了一標題列、一報價資訊視圖40、一水平捲動軸16與一選單列。其中,報價資訊視圖40在iOS程式開發中係一UITableView類別,而該UITableView類別又繼承自UIScrollView類別(即一捲動視圖)。該報價資訊視圖40即以一捲動視圖顯示報價資訊,當其包含之資訊超出螢幕畫面時,使用者可以滑動(Slide)操作以捲動該捲動視圖切換顯示資訊。而該報價資訊視圖40之產生過程,係先由資料接收模組20接收由伺服器端之推播伺服器所傳至客戶端之報價資料,再由捲動視圖模組22依據該報價資料產生一捲動視圖(即報價資訊視圖40)。水平捲動軸16係標註該捲動視圖(即報價資訊視圖40)當下所顯示資料之位置,而非直接用於滑動操作。本圖例之水平捲動軸16位於視圖最左邊之意義係:該報價資訊視圖40當下係顯示最左方之資訊,而右方仍有未顯示於螢幕上之資訊。與習見一(即第1A圖)比較,本發明之捲動視圖(即報價資訊視圖40)在未滑動操作之前其外觀上看來與習見技術並無兩樣。Please refer to FIG. 6A , which is a schematic diagram of a scrolling view (Quote Information View) according to an embodiment of the present invention. The illustration is taken by taking an Apple iPad touch tablet as an example. This embodiment illustrates the invention The self-selected quotation view 38 of the financial disk software 34 includes a title bar, a quotation information view 40, a horizontal scrolling axis 16 and a menu bar. The quotation information view 40 is a UITableView category in the iOS program development, and the UITableView category is inherited from the UIScrollView category (ie, a scroll view). The quotation information view 40 displays the quotation information in a scrolling view. When the information contained therein exceeds the screen, the user can slide (Slide) to scroll the scrolling view to display the information. The quotation information view 40 is generated by the data receiving module 20, and the quotation data transmitted by the server to the client is received by the scrolling view module 22, and then generated by the scrolling view module 22 according to the quotation data. A scroll view (ie quote information view 40). The horizontal scrolling axis 16 marks the position of the data displayed in the scroll view (ie, the quote information view 40), rather than being used directly for the sliding operation. The horizontal scrolling axis 16 of this illustration is located at the far left of the view. The quote information view 40 displays the leftmost information, while the right side still has information that is not displayed on the screen. In contrast to the first (i.e., Figure 1A), the scroll view of the present invention (i.e., the quote information view 40) appears to be identical in appearance to the prior art prior to the non-sliding operation.
請參考第6B圖與第6C圖,此兩圖係本發明實施例一捲動視圖其動作分解畫面之連續示意圖,此兩圖係對比習見技術一之第1B圖。第6B圖係說明使用者為查看報價資訊視圖40右邊之欄位,因而滑動第6A圖中之報價資訊視圖40至右方(此步驟假設使用者滑動之力道與操作習見一之第1B圖相同)。滑動操作之過程係捲動視圖操作與定位模組36接收該報價資訊視圖40之一滑動操作指令後,依照該滑動操作指令執行該報價資訊視圖40之捲動,當滑動停止時螢幕畫面即如第6B圖所示(通常為方便使用者瞭解報價資訊所對應之金融商品為何,“名稱”欄位係固定不動。故,最左端之可滑動欄位係“賣出”)。接著,前述scrollViewDidEndDecelerating 與scrollViewDidEndDragging兩回傳函數在滑動停止(“有滑動且停止滑動時”或“停止拖曳且不滑動時”)後即會視觸發條件擇一執行並回傳該報價資訊視圖40之偏移量,該偏移量即函數回傳指標用以計算其停止位置,捲動視圖操作與定位模組36再依據該函數回傳指標計算離停止位置最近的一最佳顯示位置。以第6B圖為例,該報價資訊視圖40可滑動欄位最左邊的“賣出”與最右邊的“振幅”兩欄位都被切掉一部份資訊而顯得不完整,經計算後得知左邊的“賣出”欄位在螢幕上呈現的部份較多(即距離可滑動內容之螢幕中心點較近)。因此,捲動視圖操作與定位模組36對於已滑動停止之該報價資訊視圖40微幅調整位置至顯示完整的“賣出”欄位為止,調整後的螢幕畫面即如第6C圖所示。Please refer to FIG. 6B and FIG. 6C , which are successive diagrams of the action decomposition screen of the scroll view of the embodiment of the present invention. The two figures are compared with FIG. 1B of the prior art. Figure 6B illustrates the user viewing the field on the right side of the quote information view 40, and thus sliding the quote information view 40 in the 6A chart to the right (this step assumes that the user's sliding force is the same as the operation view 1B). ). The sliding operation process is performed by the scrolling view operation and the positioning module 36 receiving a sliding operation instruction of the quotation information view 40, and executing the scrolling of the quotation information view 40 according to the sliding operation instruction, and the screen is displayed when the sliding is stopped. As shown in Fig. 6B (usually for the convenience of the user to understand the financial products corresponding to the quotation information, the "name" field is fixed. Therefore, the leftmost slidable field is "sold"). Then, the aforementioned scrollViewDidEndDecelerating The two return functions of scrollViewDidEndDragging will be executed according to the trigger condition and the offset of the quote information view 40 will be returned after the slide stop ("When there is a slide and stop sliding" or "When the drag is stopped and does not slide"). The offset, that is, the function return indicator is used to calculate the stop position, and the scroll view operation and positioning module 36 calculates an optimal display position closest to the stop position according to the function return indicator. Taking Figure 6B as an example, the leftmost "sell" and the rightmost "amplitude" fields of the slidable field of the quotation information view 40 are cut off by a part of the information and appear incomplete. Know that the "sell" field on the left side has more parts on the screen (ie, closer to the center of the screen where the content can be swiped). Therefore, the scroll view operation and positioning module 36 slightly adjusts the position of the quoted information view 40 that has been stopped to display the complete "sell" field, and the adjusted screen screen is as shown in FIG. 6C.
亦即,捲動視圖操作與定位模組36決定“最近的最佳顯示位置”的方式,係比較左右滑動時最左與最右邊欄位,其資訊顯示不完整的欄位大小比例,以欄位露出顯示較大者進行完全的欄位顯示,從而決定出“最佳顯示位置”。例如,當最左欄位顯示比例為60%,而最右欄位顯示比例為40%,則以最左欄位進行完全顯示而進行自動捲動。若恰好最左欄位與最右欄位的顯示比例皆為50%時,可預設顯示最左欄位而隱藏最右欄位;或者,預設顯示最右欄位而隱藏最左欄位。That is, the scroll view operation and positioning module 36 determines the "nearest best display position" mode, which compares the leftmost and rightmost fields when sliding left and right, and the information shows the incomplete column size ratio to the column. The larger display shows the full field display, which determines the "best display position". For example, when the leftmost column display ratio is 60% and the rightmost field display ratio is 40%, the leftmost field is fully displayed for automatic scrolling. If the display ratio of the leftmost column and the rightmost column is 50%, the leftmost field can be preset to hide the rightmost field; or the rightmost field can be displayed by default to hide the leftmost field. .
就另一實施例而言,也可以預設最左欄位為完全顯示,從而定義“最近的最佳顯示位置”;或者,預設最右欄位為完全顯示,從而定義“最近的最佳顯示位置”。In another embodiment, the leftmost field may be preset to be a full display to define a "nearest best display position"; or the preset rightmost field is a full display, thereby defining "the best recent." Show location".
將本發明實施例一之第6B圖及第6C圖與習見一之第1B圖做一比較,可發現當使用者以同樣滑動操作之力道(即滑動速度之快慢),在滑動停止 後習見報價資訊視圖14之左右兩端皆顯示不完整資訊(如第1B圖所示)。而本發明之報價資訊視圖40在滑動停止後,螢幕上僅短暫顯示如第6B圖之畫面,捲動視圖操作與定位模組36緊接著微幅調整捲動視圖至一最近之最佳顯示位置(如第6C圖所示),以使用者肉眼來看第6B圖與第6C圖係接連發生的畫面,使用者不易察覺中間有極短暫的停止即立刻調整至最佳顯示位置。因此,使用者滑動操作本發明之捲動視圖不需再次出手滑動以做位置之微幅調整,藉由本發明之技術即可自動微調至最佳顯示位置。Comparing Figures 6B and 6C of the first embodiment of the present invention with FIG. 1B of the first embodiment, it can be found that when the user uses the same sliding operation force (ie, the speed of the sliding speed), the sliding stops. After the quotation, the left and right ends of the quotation information view 14 display incomplete information (as shown in Figure 1B). However, after the sliding of the quotation information view 40 of the present invention, only the screen of FIG. 6B is briefly displayed on the screen, and the scrolling view operation and positioning module 36 is followed by slightly adjusting the scrolling view to a closest optimal display position. (As shown in Fig. 6C), the user can see the picture of the 6B and 6C pictures in succession, and the user can easily adjust to the optimal display position immediately after the user has a very short stop. Therefore, the user slides the scroll view of the present invention without the need to slide again to make a slight adjustment of the position, and the technique of the present invention can automatically fine tune to the optimal display position.
參閱第7A圖,本發明實施例二捲動視圖(詳細資訊視圖)之示意圖一,其係說明當使用者於自選報價視圖38(如第6A圖所示)點選報價資訊視圖40中一金融商品後,在自選報價視圖38下方彈出一詳細資訊視圖42以顯示該被點選金融商品(圖例係“台積電”,故以反白顯示)其個股詳細資訊(例如:走勢報價、分時明細、最佳五檔、價量統計以及技術分析等資訊),圖例所顯示之詳細資訊為“走勢報價”與“分時明細”。該詳細資訊視圖42亦為一捲動視圖(在iOS程式開發中係定義為UIScrollView類別),使用者可左/右滑動操作以捲動視圖切換資訊顯示。該視圖下方之水平捲動軸16代表該詳細資訊視圖42當下資訊顯示之位置,圖例中該水平捲動軸16位於最左邊代表該詳細資訊視圖42當下係顯示最左邊之資訊。而該詳細資訊視圖42之產生過程,係先由資料接收模組20接收由伺服器端所傳至客戶端之報價資料,再由捲動視圖模組22依據該報價資料產生一捲動視圖(即詳細資訊視圖42)。與習見二(即第2A圖)比較,同樣地,本發明之捲動視圖(即詳細資訊視圖42)在未滑動操作之前其外觀上看來與習見技術並無兩樣。Referring to FIG. 7A, FIG. 1 is a schematic diagram 1 of a scrolling view (detailed information view) of the second embodiment of the present invention, which illustrates a user in the quotation information view 40 in the self-selected quotation view 38 (as shown in FIG. 6A). After the product, a detailed information view 42 pops up below the self-selected quotation view 38 to display the selected financial product (the legend is "TSMC", so it is displayed in reverse). The detailed information of the individual stocks (for example: trend quotation, time-sharing details, The best five-speed, price statistics and technical analysis information, the detailed information displayed in the legend is "trend quotation" and "time-sharing details." The detailed information view 42 is also a scroll view (defined as the UIScrollView category in iOS program development), and the user can slide the left/right operation to scroll the view display information. The horizontal scrolling axis 16 below the view represents the position of the current information view 42 in the current information view. In the legend, the horizontal scrolling axis 16 is located at the leftmost side, and the detailed information view 42 displays the leftmost information. The detailed information view 42 is generated by the data receiving module 20 to receive the quotation data transmitted by the server to the client, and then the scrolling view module 22 generates a scroll view according to the quotation data ( That is, detailed information view 42). As compared to the second (i.e., Fig. 2A), the scrolling view of the present invention (i.e., the detailed information view 42) appears to be identical in appearance to the prior art prior to the non-sliding operation.
參閱第7B圖與第7C圖,此兩圖係本發明實施例二捲動視圖其動作分解畫面之連續示意圖,此兩圖係對比習見技術二之第2B圖。第7B圖係使用者於第7A圖之詳細資訊視圖42稍微滑動,捲動視圖操作與定位模組36接收該詳細資訊視圖42之一滑動操作指令,即依照該滑動操作指令執行該詳細資訊視圖42之捲動,當滑動停止時螢幕畫面即暫時如第7B圖所示。當下該詳細資訊視圖42所顯示之完整詳細資訊僅一“分時明細”,其左邊“走勢報價”與右邊“最佳五檔”皆被切掉一半而無法完整呈現(沒有整個位於螢幕中)。緊接著,scrollViewDidEndDecelerating與scrollViewDidEndDragging兩回傳函數在滑動停止(“有滑動且停止滑動時”或“停止拖曳且不滑動時”)後即會視觸發條件擇一執行並回傳該詳細資訊視圖42之偏移量(即一函數回傳指標),捲動視圖操作與定位模組36再依據該函數回傳指標計算離停止位置最近的一最佳顯示位置。以第7B圖為例,該詳細資訊視圖42左邊的“走勢報價”與右邊的“最佳五檔”兩欄位都被切掉一部份資訊而顯得不完整,經計算後得知右邊的“最佳五檔”在螢幕上呈現的部份較多(即距離可滑動內容之螢幕中心點較近)。因此,捲動視圖操作與定位模組36對於已滑動停止之該詳細資訊視圖42微幅調整位置至顯示完整的“最佳五檔”詳細資訊為止,調整後的螢幕畫面即如第7C圖所示。Referring to FIG. 7B and FIG. 7C, the two figures are a continuous schematic diagram of the action decomposition screen of the scrolling view of the second embodiment of the present invention. The two figures are compared with the second drawing of the second technique. 7B is a user sliding in the detailed information view 42 of FIG. 7A, and the scrolling view operation and positioning module 36 receives a sliding operation instruction of the detailed information view 42 to execute the detailed information view according to the sliding operation instruction. The scrolling of 42 is as shown in Fig. 7B when the slide is stopped. At present, the detailed detailed information displayed in the detailed information view 42 is only a “time-sharing detail”, and the “trend quotation” on the left side and the “best five-speed quotation” on the right side are cut in half and cannot be completely presented (not entirely in the screen). . Then, the scrollViewDidEndDecelerating and scrollViewDidEndDragging two return functions will be executed according to the trigger condition and the detail view 42 will be returned after the slide stop ("When there is a slide and stop sliding" or "Stop dragging and no slide"). The offset (ie, a function backhaul indicator), the scroll view operation and positioning module 36 then calculates an optimal display position closest to the stop position based on the function return indicator. Taking Figure 7B as an example, the "trend quotation" on the left side of the detailed information view 42 and the "best five-speed" on the right side are both cut off from a part of the information and appear incomplete. The “best five-speed” is more on the screen (ie, closer to the center of the screen of the slidable content). Therefore, the scroll view operation and positioning module 36 slightly adjusts the position of the detailed information view 42 that has been stopped to display the complete "best five-speed" detailed information, and the adjusted screen screen is as shown in FIG. 7C. Show.
將本發明實施例二之第7B圖及第7C圖與習見二之第2B圖做一比較,可發現當使用者以同樣滑動操作之力道(即滑動速度之快慢),在滑動停止後習見詳細資訊視圖18之左右兩端皆顯示不完整資訊(如第2B圖所示)。而本發明之詳細資訊視圖42在滑動停止後,螢幕上僅短暫顯示如第7B圖 之畫面,捲動視圖操作與定位模組36緊接著微幅調整捲動視圖至一最近之最佳顯示位置以完成定位(如第7C圖所示)。以使用者肉眼來看第7B圖與第7C圖係接連發生的畫面,使用者不易察覺中間有極短暫的停止即立刻調整至最佳顯示位置,因此,使用者滑動操作本發明之捲動視圖不需再次出手滑動以做位置之微幅調整。Comparing Figures 7B and 7C of the second embodiment of the present invention with FIG. 2B of the second example, it can be found that when the user uses the same sliding operation force (ie, the speed of the sliding speed), after the sliding stops, the details are learned. Incomplete information is displayed on both the left and right sides of the information view 18 (as shown in Figure 2B). However, the detailed information view 42 of the present invention is only briefly displayed on the screen after the sliding is stopped, as shown in FIG. 7B. The screen, scroll view operation and positioning module 36, then slightly adjusts the scroll view to a closest optimal display position to complete the positioning (as shown in Figure 7C). When the user sees the picture in the 7th and 7th pictures in succession, the user can easily adjust to the optimal display position immediately after the user has a very short stop. Therefore, the user slides and operates the scroll view of the present invention. There is no need to slide again to make a slight adjustment of the position.
所謂的“最近之最佳顯示位置”可經由偵測以及計算以下幾個項目而得知:“可滑動內容其螢幕可顯示之總寬度(亦即,第一總寬度)”、“螢幕當下可滑動內容已呈現完整資訊之多個內容之總寬度(亦即,第二總寬度)”、“可利用之最大寬度”(即前兩項相減後的餘數)、“左右兩端可滑動內容呈現不完整資訊者其各需寬度(亦即,左端內容寬度、右端內容寬度)”,以及“左右兩端可滑動內容(左端內容、右端內容)呈現不完整資訊者何者距可滑動內容之螢幕中心點較近(亦即,計算出左端距離與右端距離)”。上述提及之“內容”在報價資訊視圖40中係指一個“欄位”,而在詳細資訊視圖42中則係指一個“詳細資訊”。以第6B圖之報價資訊視圖40為例來說明,若報價資訊視圖40之“可滑動內容其螢幕可顯示之總寬度”(排除掉固定之“名稱”欄位)為“1300”個像素(Pixel),而“螢幕當下可滑動內容已呈現完整資訊之多個內容之總寬度”(即從“成交”欄位算起,至“昨收”欄位為止,一連九個欄位之總寬度)為“1050”個像素,此兩項相減即“可利用之最大寬度”係為“250”像素。假設最左端可滑動內容呈現不完整資訊之“賣出”欄位與最右端可滑動內容呈現不完整資訊之“振幅”欄位其寬度相同皆需要“130”個像素。由於“可利用之最大寬度”皆大於(>)兩者,故,兩者最後再比看何者距離可滑動內容之螢幕 中心點較近,最後微幅調整捲動視圖位置以顯示該距離可滑動內容之螢幕中心點較近者之結果計算得一最佳顯示位置。The so-called "best display position in the near future" can be found by detecting and calculating the following items: "The total width of the slidable content whose screen can be displayed (that is, the first total width)", "the current screen can be The total width (ie, the second total width) of the plurality of contents in which the sliding content has been presented complete information, the "maximum width available" (ie, the remainder after subtraction of the first two items), and the "slidable content of the left and right ends" The width of each incomplete information (that is, the left end content width, the right end content width), and the "left and right slidable content (left end content, right end content) presenting incomplete information, which is from the screen of the slidable content The center point is closer (that is, the distance between the left end and the right end is calculated). The "content" mentioned above refers to a "field" in the quote information view 40, and a "detailed information" in the detailed information view 42. Taking the quotation information view 40 of FIG. 6B as an example, if the "slidable content of the screen can display the total width" of the quotation information view 40 (excluding the fixed "name" field) is "1300" pixels ( Pixel), and "the total width of multiple content of the current slidable content that has rendered complete information" (ie, from the "transaction" field to the "yesterday" field, the total width of nine fields ) is "1050" pixels, and the two subtractions, that is, the "maximum width available" are "250" pixels. Assuming that the "sell" field of the leftmost slidable content presents incomplete information and the "amplitude" field of the rightmost slidable content that presents incomplete information, the width is the same, requiring "130" pixels. Since the "maximum width available" is greater than (>), the last two are closer to the screen of the slidable content. The center point is closer, and finally the scroll position view is slightly adjusted to display an optimal display position as a result of displaying the closer the center point of the screen of the slidable content.
另有一種情況係最左端不完整資訊“賣出”欄位與最右端不完整資訊“振幅”欄位其寬度不同且差異甚大,假設“賣出”欄位其寬度需佔“260”個像素,而“振幅”欄位其寬度僅佔“130”個像素,因為“可利用之最大寬度”僅能容納“振幅”欄位。故,此種狀況不需再比較何者距離可滑動內容之螢幕中心點較近,而直接微幅調整捲動視圖位置以完全顯示該可容納之資訊,亦即“振幅”欄位,此即此一狀況之”最近之最佳顯示位置”。亦即,以完整顯示寬度較小者作為最近之最佳顯示位置之計算基準。In another case, the leftmost incomplete information "sell" field and the rightmost incomplete information "amplitude" field are different in width and very different, assuming that the "sell" field has a width of "260" pixels. The "Amplitude" field has a width of only "130" pixels because the "Maximum Width Available" can only accommodate the "Amplitude" field. Therefore, in this case, it is not necessary to compare the closer to the center point of the screen of the slidable content, and directly adjust the scroll view position to completely display the information that can be accommodated, that is, the "amplitude" field, which is the case. The "best display position of the recent" in a situation. That is, the one with the smaller full display width is used as the basis for calculating the most recent best display position.
就另一實施例而言,當可利用之最大寬度大於左端內容寬度與右端內容寬度時,可以完整顯示左端內容以計算得最近之最佳顯示位置,或者,以完整顯示右端內容以計算得該最近之最佳顯示位置。In another embodiment, when the maximum width that can be utilized is greater than the left end content width and the right end content width, the left end content may be completely displayed to calculate the nearest best display position, or the right end content may be completely displayed to calculate the The best display location in the near future.
參閱第8A圖至第8E圖,本發明實施例三捲動視圖(詳細資訊視圖)動作分解畫面之連續示意圖。此實施例係捲動視圖在滑動操作之後,待滑動停止且捲動視圖微幅調整至一最近之最佳顯示位置後(意即完成定位),才通知伺服器端之推播伺服器傳送該捲動視圖其螢幕呈現內容所需之報價資料,並依據該報價資料更新該捲動視圖其螢幕呈現該內容之資訊。第8A圖係說明一詳細資訊視圖42在未滑動操作之前處於起始(Initial)位置,其下之水平捲動軸16位於最左端。第8B圖係說明當捲動視圖操作與定位模組36接收到該詳細資訊視圖42之一滑動操作指令後,由於尚未通知推播伺服器傳送報價資料,故,該詳細資訊視圖42之內容顯示一片空白(另一 相近之實施例可在空白處註明:“資料處理中”或其他系統提示之語句或一代表處理狀態中的圖式,以免使用者誤以為發生不明故障,未描繪)。第8C圖係說明滑動停止後,該捲動視圖操作與定位模組36接收一函數回傳指標,以進行計算一最近之最佳顯示位置。第8D圖係說明該捲動視圖操作與定位模組36微幅調整捲動視圖至一最近之最佳顯示位置以完成定位。第8E圖係該捲動視圖完成定位後,資料接收模組20才通知該推播伺服器傳送該詳細資訊視圖42其螢幕呈現內容(以此圖為例係“價量統計”以及“技術分析”)所需之報價資料,捲動視圖模組22再依據該報價資料產生該內容之資訊並顯示於該詳細資訊視圖42。所謂的“螢幕呈現內容”係當下使用者在螢幕上可看見之內容,其並不包含其他螢幕外之部份,以第8E圖為例,“走勢報價”、“分時明細”與“最佳五檔”皆屬螢幕之外。Referring to FIG. 8A to FIG. 8E , a continuous schematic diagram of an action decomposition screen of a three scroll view (detail information view) according to an embodiment of the present invention. In this embodiment, after the sliding operation, after the sliding operation is stopped, and the scroll view is slightly adjusted to a closest optimal display position (ie, the positioning is completed), the push server of the server is notified to transmit the broadcast view. The scroll view displays the quotation data required for the content, and updates the scroll view according to the quotation data to display the information of the content. Figure 8A illustrates a detailed information view 42 in an initial position prior to the non-sliding operation, with the lower horizontal scrolling axis 16 at the leftmost end. FIG. 8B illustrates the content display of the detailed information view 42 after the scroll view operation and the positioning module 36 receive the sliding operation instruction of the detailed information view 42 because the offer server has not been notified to transmit the offer data. Blank (another Similar embodiments may indicate in the blanks: "in the data processing" or other system prompts or a representation in the processing state, so as to avoid the user mistakenly thinking that an unknown fault has occurred, not depicted). Figure 8C illustrates that after the slide is stopped, the scroll view operation and positioning module 36 receives a function return indicator to calculate a most recent best display position. Figure 8D illustrates the scroll view operation and positioning module 36 slightly adjusting the scroll view to a closest optimal display position to complete the positioning. After the positioning of the scroll view is completed, the data receiving module 20 notifies the push server to transmit the content of the detailed information view 42 (this figure is an example of "valence statistics" and "technical analysis". The required quotation data, the scrolling view module 22 generates information of the content based on the quotation data and displays it in the detailed information view 42. The so-called "screen presentation content" is the content that the current user can see on the screen. It does not include other parts outside the screen. Take the 8E picture as an example, "trend quotation", "time-sharing details" and "most The best five files are all outside the screen.
參閱第9A圖至第9E圖,本發明實施例四捲動視圖動作分解畫面之連續示意圖,此實施例之捲動視圖其一內容若有包含金融線圖(Financial Chart)資訊。該金融線圖內容中之資訊在滑動操作之後,待滑動停止且捲動視圖微幅調整至一最近之最佳顯示位置後(意即完成定位),才通知伺服器端之推播伺服器傳送該金融線圖內容所需之報價資料,並依據該報價資料更新該金融線圖內容之資訊。Referring to FIG. 9A to FIG. 9E , a continuous schematic diagram of the action view of the scroll view of the fourth embodiment of the present invention, the scroll view of this embodiment includes a financial chart information. The information in the content of the financial line chart is notified to the push server of the server after the sliding operation, after the sliding stop is stopped and the scroll view is slightly adjusted to the nearest best display position (ie, the positioning is completed). The quotation data required for the content of the financial line chart, and the information of the financial line chart content is updated according to the quotation data.
第9A圖係說明一詳細資訊視圖42在未滑動操作之前處於起始(Initial)位置,其下之水平捲動軸16位於最左端。第9B圖係使用者於第9A圖之詳細資訊視圖42開始滑動操作後,捲動視圖操作與定位模組36接收該詳細資訊視圖42之一滑動操作指令,即依照該滑動操作指令執行該詳細資訊視圖42之捲動。由於在滑動操作之後且未完成定位之前,捲動視圖 其中一內容若係金融線圖資訊,並不會通知該推播伺服器傳送該金融線圖內容所需之報價資料。Figure 9A illustrates a detailed information view 42 in an initial position prior to the non-sliding operation, with the horizontal scrolling axis 16 below being at the leftmost end. After the user starts the sliding operation in the detailed information view 42 of FIG. 9A, the scrolling view operation and positioning module 36 receives a sliding operation instruction of the detailed information view 42, that is, the detailed operation is performed according to the sliding operation instruction. Information view 42 scrolling. Scroll view since after the swipe operation and before the positioning is completed If one of the contents is financial line chart information, the push server will not be notified of the quotation data required to transmit the content of the financial line chart.
第9B圖之捲動視圖(詳細資訊視圖42)其內容“分時明細”與“最佳五檔”並非金融線圖資訊,故在滑動操作之後且未完成定位之前仍會持續接收與更新資訊。至於最左邊的“走勢報價”係一金融線圖資訊,由於在滑動後及未完成定位之前不會要求伺服器端之推播伺服器傳送該走勢報價之報價資料,故,該走勢報價在此時間內不會接收新報價資料,而滑動之時螢幕上仍會呈現其記憶體中的舊資訊(如第9B圖所示)。The scroll view of view 9B (details view 42) whose contents "time-sharing details" and "best five-speed" are not financial line graph information, so the information will continue to be received and updated after the sliding operation and before the positioning is completed. . As for the leftmost "trend quotation", a financial line chart information, since the quotation data of the trend quotation is not required to be sent by the server on the server before the sliding and the positioning is not completed, the trend quotation is here. The new quote data will not be received during the time, and the old information in its memory will still be displayed on the screen when sliding (as shown in Figure 9B).
第9C圖係說明滑動停止後,該捲動視圖操作與定位模組36接收一函數回傳指標,以進行計算一最近之最佳顯示位置。此時尚未完成定位,故“價量統計”右邊原本應呈現之“技術分析”(屬於一金融線圖資訊)顯示一片空白(另一相近之實施例可在空白處註明:“資料處理中”或其他系統提示之語句或一代表處理中狀態的圖式,以免使用者誤以為發生不明故障,未描繪)。Figure 9C illustrates that after the slide is stopped, the scroll view operation and positioning module 36 receives a function return indicator to calculate a most recent best display position. At this time, the positioning has not been completed yet, so the “technical analysis” (which belongs to a financial line chart information) that should be presented on the right side of the “price statistics” shows a blank (another similar example can be marked in the blank: “in data processing” Or other system prompt statements or a pattern representing the state of the process, so that the user does not think that an unknown fault has occurred, not depicted).
第9D圖係說明該捲動視圖操作與定位模組36自動進行微幅調整捲動視圖至一最近之最佳顯示位置以完成定位。第9E圖係該捲動視圖完成定位後,資料接收模組20才通知該推播伺服器傳送該“技術分析”之報價資料,捲動視圖模組22再依據該報價資料產生一“技術分析”資訊並顯示於該詳細資訊視圖42中。The 9D diagram illustrates that the scroll view operation and positioning module 36 automatically performs a micro-adjustment scroll view to a closest optimal display position to complete the positioning. After the scrolling view is completed, the data receiving module 20 notifies the push server to transmit the quotation data of the "technical analysis", and the scrolling view module 22 generates a "technical analysis" according to the quotation data. The information is displayed in the detail view 42.
以上實施例係說明本發明之捲動視圖於水平滑動操作時如何調整該捲動視圖至一最近之最佳顯示位置以完成定位。又,本發明除了運用在一捲動視圖之水平滑動操作,同樣地,本發明亦可運用在一捲動視圖之垂直滑 動操作。其利用之技術與前述實施例完全相同,唯一不同的地方在於水平滑動操作係將報價資訊或詳細資訊調整至一最佳顯示位置,而垂直滑動操作係將金融商品調整至一最佳顯示位置。因為垂直滑動操作時係切換不同金融商品之顯示,尤其當一報價資訊視圖40中之一金融商品佔用複數列(Row)之高度以呈現其資訊時,運用本發明之技術更顯示出其重要性。The above embodiment illustrates how the scrolling view of the present invention adjusts the scrolling view to a closest optimal display position to complete positioning during a horizontal sliding operation. Moreover, the present invention can be applied to a horizontal sliding operation in a scrolling view, as well as the vertical sliding operation in a scrolling view. Operation. The technique utilized is exactly the same as the previous embodiment, the only difference being that the horizontal sliding operation adjusts the bidding information or the detailed information to an optimal display position, and the vertical sliding operation adjusts the financial product to an optimal display position. Since the vertical sliding operation switches the display of different financial products, especially when one of the quoting information views 40 occupies the height of the plural column to present its information, the technique of the present invention is more important. .
參閱第10圖,本發明實施例五捲動視圖(報價資訊視圖)之示意圖。此實施例五之報價資訊視圖40係提供一金融商品之混合類型報價資訊,其中包含數字類型以及線圖類型之資訊。與實施例一(如第6A圖所示)之報價資訊視圖40相比較,實施例五之金融商品其列高(Row Height)約實施例一的兩倍至三倍。若未運用本發明之技術在垂直滑動操作時,極有可能使捲動視圖(報價資訊視圖40)之上、下兩端顯示不完整之金融商品,致使用者仍須以手動方式微幅調整捲動視圖上、下位置。故,運用本發明之技術於垂直滑動操作一捲動視圖亦能彰顯其重要性。Referring to FIG. 10, a schematic diagram of a five scroll view (quote information view) of an embodiment of the present invention is shown. The quotation information view 40 of the fifth embodiment provides a mixed type quotation information of a financial product, which includes information of a digital type and a line type. Compared with the quotation information view 40 of the first embodiment (as shown in FIG. 6A), the financial item of the fifth embodiment has a row height of about two to three times that of the first embodiment. If the technique of the present invention is not used in the vertical sliding operation, it is highly probable that the upper and lower ends of the scroll view (quote information view 40) display incomplete financial products, so that the user still has to manually adjust slightly. Scroll up and down the view. Therefore, the use of the technique of the present invention to display a scrolling view in a vertical slide can also demonstrate its importance.
綜上所述,本發明所提出之一種自動定位捲動視圖最佳顯示位置之金融看盤裝置及方法,在滑動操作時藉由一函數回傳指標可自動定位金融看盤軟體之捲動視圖以停留在一最近之最佳顯示位置,使用者可免除再次滑動操作以微幅調整位置。又,本發明之捲動視圖在滑動操作完成定位後,才通知推播伺服器傳送該捲動視圖其螢幕呈現內容所需之報價資料,並依據該報價資料更新該捲動視圖其螢幕呈現該內容之資訊,可降低不必要的報價資料下載流量。In summary, the present invention provides a financial display device and method for automatically positioning the optimal display position of a scroll view, and automatically scrolling the scroll view of the financial watch software by a function return indicator during the sliding operation. In order to stay at the most recent best display position, the user can dispense with the sliding operation again to adjust the position slightly. Moreover, the scrolling view of the present invention notifies the push server to transmit the quotation data required for the screen presentation content of the scroll view after the sliding operation is completed, and updates the scroll view according to the quotation data. Content information can reduce unnecessary downloads of quotation data.
以上實施例係說明本發明之特徵與其精神,本發明並未侷限於上述之實施例,而本發明所舉實施例係以蘋果iPad平板電腦樣式為例,其他觸控 式裝置利用本發明之操作方式與前述實施例相同,亦不再贅述。至於實施例提及之回傳函數係用於iOS平台程式開發,在其他平台上,例如:Microsoft Windows平板電腦與Android平板電腦,亦有功能對應但名稱不同之回傳函數可利用,意即本發明並未侷限在單一平台之上。The above embodiments are illustrative of the features and spirit of the present invention. The present invention is not limited to the above embodiments, and the embodiments of the present invention are based on the Apple iPad tablet style, and other touches. The operation mode of the present invention is the same as that of the foregoing embodiment, and will not be described again. As for the backhaul function mentioned in the embodiment, it is used for iOS platform program development. On other platforms, for example, Microsoft Windows tablet and Android tablet, there are functions corresponding to the return function of different names, which means The invention is not limited to a single platform.
雖然本發明的技術內容已經以較佳實施例揭露如上,然其並非用以限定本發明,任何熟習此技藝者,在不脫離本發明之精神所作些許之更動與潤飾,皆應涵蓋於本發明的範疇內,因此本發明之保護範圍當視後附之申請專利範圍所界定者為準。Although the technical content of the present invention has been disclosed in the above preferred embodiments, it is not intended to limit the present invention, and any modifications and refinements made by those skilled in the art without departing from the spirit of the present invention are encompassed by the present invention. The scope of protection of the present invention is therefore defined by the scope of the appended claims.
10‧‧‧習見金融看盤軟體10‧‧‧See the financial watch software
12‧‧‧習見自選報價視圖12‧‧‧ See the self-selected quotation view
14‧‧‧習見報價資訊視圖14‧‧‧ See the quotation information view
16‧‧‧水平捲動軸16‧‧‧ horizontal scrolling shaft
18‧‧‧習見詳細資訊視圖18‧‧‧See details view
20‧‧‧資料接收模組20‧‧‧ data receiving module
22‧‧‧捲動視圖模組22‧‧‧Rolling view module
24‧‧‧捲動視圖操作模組24‧‧‧Rolling view operation module
26‧‧‧自動定位捲動視圖最佳顯 示位置之金融看盤裝置26‧‧‧Automatic positioning scrolling view is best Financial position display device
28‧‧‧顯示模組28‧‧‧Display module
30‧‧‧處理器30‧‧‧ Processor
32‧‧‧記憶體32‧‧‧ memory
34‧‧‧金融看盤軟體34‧‧‧Financial Watch Software
36‧‧‧捲動視圖操作與定位模組36‧‧‧Rolling View Operation and Positioning Module
38‧‧‧自選報價視圖38‧‧‧Self-opted quotation view
40‧‧‧報價資訊視圖40‧‧‧Quote information view
42‧‧‧詳細資訊視圖42‧‧‧Details view
第1A圖係習見一捲動視圖(報價資訊視圖)之示意圖一;第1B圖係習見一捲動視圖(報價資訊視圖)之示意圖二;第2A圖係習見二捲動視圖(詳細資訊視圖)之示意圖一;第2B圖係習見二捲動視圖(詳細資訊視圖)之示意圖二;第2C圖係習見二捲動視圖(詳細資訊視圖)之示意圖三;第2D圖係習見二捲動視圖(詳細資訊視圖)之示意圖四;第3圖係習見詳細資訊視圖之展開示意圖;第4圖係習見金融看盤軟體系統功能方塊圖;第5A圖為本發明實施例裝置之系統功能方塊圖;第5B圖為本發明實施例金融看盤軟體之系統功能方塊圖;第6A圖係本發明實施例一捲動視圖(報價資訊視圖)之示意圖一;第6B圖係本發明實施例一捲動視圖(報價資訊視圖)之示意圖二;第6C圖係本發明實施例一捲動視圖(報價資訊視圖)之示意圖三;第7A圖係本發明實施例二捲動視圖(詳細資訊視圖)之示意圖一;第7B圖係本發明實施例二捲動視圖(詳細資訊視圖)之示意圖二;第7C圖係本發明實施例二捲動視圖(詳細資訊視圖)之示意圖三;第8A圖係本發明實施例三捲動視圖動作分解畫面之連續示意圖一;第8B圖係本發明實施例三捲動視圖動作分解畫面之連續示意圖二;第8C圖係本發明實施例三捲動視圖動作分解畫面之連續示意圖三;第8D圖係本發明實施例三捲動視圖動作分解畫面之連續示意圖四;第8E圖係本發明實施例三捲動視圖動作分解畫面之連續示意圖五; 第9A圖係本發明實施例四捲動視圖動作分解畫面之連續示意圖一;第9B圖係本發明實施例四捲動視圖動作分解畫面之連續示意圖二;第9C圖係本發明實施例四捲動視圖動作分解畫面之連續示意圖三;第9D圖係本發明實施例四捲動視圖動作分解畫面之連續示意圖四;第9E圖係本發明實施例四捲動視圖動作分解畫面之連續示意圖五;第10圖係本發明實施例五捲動視圖(報價資訊視圖)之示意圖。Figure 1A shows a schematic view of a scroll view (Quote Information View); Figure 1B shows a scroll view (Quote Information View); Figure 2A shows a scroll view (Detailed View) Figure 1; Figure 2B shows the second scroll view (detailed view); Figure 2C shows the second scroll view (detailed view); Figure 2D shows the two scroll view ( 4 is a schematic diagram of the detailed information view; FIG. 4 is a functional block diagram of the financial disk software system; FIG. 5A is a block diagram of the system function of the device according to the embodiment of the present invention; 5B is a system function block diagram of a financial watch software according to an embodiment of the present invention; FIG. 6A is a schematic diagram 1 of a scroll view (quote information view) according to an embodiment of the present invention; and FIG. 6B is a scroll view of a first embodiment of the present invention. FIG. 6C is a schematic diagram 3 of a scrolling view (quote information view) of the embodiment of the present invention; and FIG. 7A is a schematic diagram of a scrolling view (detailed information view) of the second embodiment of the present invention. ; 7B is a schematic diagram 2 of a scrolling view (detailed information view) of the second embodiment of the present invention; FIG. 7C is a schematic diagram 3 of a scrolling view (detailed information view) of the second embodiment of the present invention; FIG. 8A is a third embodiment of the present invention The continuous schematic diagram 1 of the scrolling view action decomposition screen; the eighth diagram is a continuous schematic diagram 2 of the action view of the three scrolling view of the embodiment of the present invention; and the eighth embodiment is the continuous schematic diagram of the action diagram of the three scrolling view of the embodiment of the present invention. 8D is a continuous schematic diagram 4 of the action view of the three scrolling view of the embodiment of the present invention; FIG. 8E is a continuous schematic diagram 5 of the action view of the three scrolling view of the embodiment of the present invention; FIG. 9A is a continuous schematic diagram 1 of the action view of the four scroll view of the embodiment of the present invention; FIG. 9B is a continuous schematic diagram 2 of the action view of the four scroll view of the embodiment of the present invention; FIG. 9C is a fourth volume of the embodiment of the present invention The continuous view 3 of the moving view action decomposition picture; the 9D picture is a continuous schematic diagram 4 of the action view of the scrolling view of the embodiment of the present invention; and the 9E figure is a continuous schematic diagram 5 of the action picture of the scroll view of the embodiment of the present invention; Figure 10 is a schematic diagram of a five scroll view (quote information view) of the embodiment of the present invention.
20‧‧‧資料接收模組20‧‧‧ data receiving module
22‧‧‧捲動視圖模組22‧‧‧Rolling view module
34‧‧‧金融看盤軟體34‧‧‧Financial Watch Software
36‧‧‧捲動視圖操作與定位模組36‧‧‧Rolling View Operation and Positioning Module
Claims (24)
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW102100766A TWI467510B (en) | 2013-01-09 | 2013-01-09 | Device and method for positioning a scroll view to the best display position automatically in a stock quoting software. |
CN201410009943.0A CN103914784B (en) | 2013-01-09 | 2014-01-09 | Financial tape reading device and method for automatically positioning optimal display position of scrolling view |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW102100766A TWI467510B (en) | 2013-01-09 | 2013-01-09 | Device and method for positioning a scroll view to the best display position automatically in a stock quoting software. |
Publications (2)
Publication Number | Publication Date |
---|---|
TW201428658A TW201428658A (en) | 2014-07-16 |
TWI467510B true TWI467510B (en) | 2015-01-01 |
Family
ID=51040448
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW102100766A TWI467510B (en) | 2013-01-09 | 2013-01-09 | Device and method for positioning a scroll view to the best display position automatically in a stock quoting software. |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN103914784B (en) |
TW (1) | TWI467510B (en) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109062653B (en) * | 2018-08-20 | 2022-02-25 | 珠海市筑巢科技有限公司 | Long image-text information display method, computer device and computer readable storage medium |
CN109815367A (en) * | 2019-01-24 | 2019-05-28 | 北京字节跳动网络技术有限公司 | The interaction control method and device of displayed page |
TWI746148B (en) * | 2020-09-04 | 2021-11-11 | 宏碁股份有限公司 | Smart speaker, smart speaker operating system and method for dynamically adjusting dot matrix pattern |
CN115309319B (en) * | 2022-08-12 | 2023-08-15 | 百度在线网络技术(北京)有限公司 | Picture previewing method and device, electronic equipment and storage medium |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110074699A1 (en) * | 2009-09-25 | 2011-03-31 | Jason Robert Marr | Device, Method, and Graphical User Interface for Scrolling a Multi-Section Document |
TW201145140A (en) * | 2010-06-07 | 2011-12-16 | Mitake Information Corp | Device and method for switching stock detailed information of the stock quoting software |
US8140995B1 (en) * | 2008-04-15 | 2012-03-20 | Adobe Systems Incorporated | Method and apparatus indicating scroll position on a display |
-
2013
- 2013-01-09 TW TW102100766A patent/TWI467510B/en active
-
2014
- 2014-01-09 CN CN201410009943.0A patent/CN103914784B/en active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8140995B1 (en) * | 2008-04-15 | 2012-03-20 | Adobe Systems Incorporated | Method and apparatus indicating scroll position on a display |
US20110074699A1 (en) * | 2009-09-25 | 2011-03-31 | Jason Robert Marr | Device, Method, and Graphical User Interface for Scrolling a Multi-Section Document |
TW201145140A (en) * | 2010-06-07 | 2011-12-16 | Mitake Information Corp | Device and method for switching stock detailed information of the stock quoting software |
Also Published As
Publication number | Publication date |
---|---|
CN103914784B (en) | 2017-08-15 |
TW201428658A (en) | 2014-07-16 |
CN103914784A (en) | 2014-07-09 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10133466B2 (en) | User interface for editing a value in place | |
US8904305B2 (en) | Automatically hiding controls | |
US20160004373A1 (en) | Method for providing auxiliary information and touch control display apparatus using the same | |
US20170300227A1 (en) | Method for adjusting input virtual keyboard and input apparatus | |
CN107391117B (en) | Split screen processing method and device for light application and electronic device | |
US20130106907A1 (en) | Optimal display and zoom of objects and text in a document | |
US20130061180A1 (en) | Adjusting a setting with a single motion | |
US20090222761A1 (en) | Computer-readable recording medium having display screen setting program recorded thereon, information processing apparatus, and display screen setting method | |
US9268484B2 (en) | Push-pull type gestures | |
US10564836B2 (en) | Dynamic moveable interface elements on a touch screen device | |
KR20140039210A (en) | Multi-application environment | |
TWI534694B (en) | Computer implemented method and computing device for managing an immersive environment | |
EP3252587B1 (en) | Method and system for scrolling visual page content | |
TWI467510B (en) | Device and method for positioning a scroll view to the best display position automatically in a stock quoting software. | |
CN112433693B (en) | Split screen display method and device and electronic equipment | |
US20180300294A1 (en) | Contextual Font Filtering in a Digital Medium Environment | |
US7908567B1 (en) | Method and system for navigating in a document | |
CN113268182A (en) | Application icon management method and electronic equipment | |
US20140365955A1 (en) | Window reshaping by selective edge revisions | |
CN110362249B (en) | Control method and device for page jump of writing screen software | |
CN115309319B (en) | Picture previewing method and device, electronic equipment and storage medium | |
CN114138158B (en) | Method and device for detecting visibility of view and computing equipment | |
CN113706308B (en) | Method, computing device, and medium for generating an order for a target object | |
US10936171B2 (en) | Display of images with action zones | |
TWI480827B (en) | Device and method for displaying columns synchronously and positioning columns to the best display position automatically in an option t-bar quoting view |