TW201537439A - 階層式虛擬清單控制項 - Google Patents

階層式虛擬清單控制項 Download PDF

Info

Publication number
TW201537439A
TW201537439A TW104104099A TW104104099A TW201537439A TW 201537439 A TW201537439 A TW 201537439A TW 104104099 A TW104104099 A TW 104104099A TW 104104099 A TW104104099 A TW 104104099A TW 201537439 A TW201537439 A TW 201537439A
Authority
TW
Taiwan
Prior art keywords
data
computer
display elements
scrollable container
scrollable
Prior art date
Application number
TW104104099A
Other languages
English (en)
Inventor
Jason V Morse
Andrew M Coates
Endre Bognar
Original Assignee
Microsoft Technology Licensing Llc
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 Microsoft Technology Licensing Llc filed Critical Microsoft Technology Licensing Llc
Publication of TW201537439A publication Critical patent/TW201537439A/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G06F3/04855—Interaction with scrollbars
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials

Landscapes

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

Abstract

一種可捲動的容器視圖呈現經階層式排列的版面配置。容器項目僅經建立及呈現以涵蓋一使用者介面顯示螢幕上的一視域，還有該視域之各邊上的一緩衝區。隨著使用者平移或翻捲該容器，動態地建立及呈現該容器的額外使用者介面項目。

Description

階層式虛擬清單控制項
本發明乃關於階層式虛擬清單控制項。
有各種不同語言被用來指明底層系統的視覺呈現。舉個例子，超文字標記語言(HTML)用來界定一網頁的視覺呈現。可延伸應用標記語言(XAML)界定各種應用程式的視覺呈現。
一種相當常見的使用者介面模式是在一可捲動容器中顯示一資料集合。可捲動容器的一例是清單。清單發生在各式各樣不同情境中。舉個例子，清單能發生在電子郵件信箱中，其中列出使用者的訊息。其也能發生在投影片簡報程式中，其中提供投影片清單連同一投影片排序器。可捲動容器也能在一瀏覽窗格中包括瀏覽項目，還有其他應用程式中的字型選擇器及圖片藝廊(gallery)。
視覺呈現語言能界定用於像是可捲動容器(例如清單)控制項之控制項的視覺表示方式。利用一清單控制項來表示清單可能困難。舉個例子，某些清單本質上為階層式而因此具有複雜的版面配置。例如，在一階層式版面配置中一 第一清單的一指定項目可能有另一清單嵌入在其內。一些現今的系統僅能以一種笨重的方式呈現這些相較複雜的清單版面配置。換言之，這些相較複雜的清單版面配置經常讓開發者寫極度客製化解決方案，該解決方案係針對各個指定應用程式量身訂作。
另外，使用者往往能與可捲動容器互動。舉個例子，經常提供一捲動軸以允許使用者翻捲一清單。在一實施例中，該捲動軸經設定大小以反映在底層清單中的資料量。
以上討論僅供概略的背景資訊，並不意圖被用為決定所請標的之範疇的輔助。
一種可捲動容器檢視器呈現經階層式排列的版面配置。容器項目僅經建立及呈現以涵蓋一使用者介面顯示螢幕上的一視域，還有該視域之各邊上的一緩衝區。隨著使用者平移或翻捲該容器，動態地建立及呈現該容器的額外使用者介面項目。
提供本【發明內容】部分以簡化之形式介紹一些概念，以下將在【實施方式】部分進一步說明該些概念。本【發明內容】部分並不為了識別出所請標的之關鍵特徵或基本特徵，也不意圖被用為決定所請標的之範疇的輔助。本案所請之標的不受限於解決背景介紹部分所說明之缺點的任意缺點或全部缺點的實施。
13‧‧‧通訊鏈結
15‧‧‧SD卡介面
16‧‧‧裝置
17‧‧‧處理器
19‧‧‧匯流排
21‧‧‧記憶體
23‧‧‧輸入/輸出(I/O)組件
24‧‧‧客戶端商業系統
25‧‧‧計時器
27‧‧‧定位系統
29‧‧‧作業系統(OS)
31‧‧‧網路設定
33‧‧‧應用程式
35‧‧‧組態設定
37‧‧‧資料儲存
41‧‧‧組態設定
43‧‧‧聯絡人或電話簿應用程式
45‧‧‧電話
47‧‧‧鍵盤
49‧‧‧顯示器
51‧‧‧控制鈕
53‧‧‧天線
55‧‧‧SD卡插槽
57‧‧‧SD卡
59‧‧‧PDA
61‧‧‧電感螢幕
63‧‧‧觸控筆
65‧‧‧按鈕
67‧‧‧SD卡插槽
69‧‧‧SD卡
71‧‧‧智慧型手機
73‧‧‧觸碰感應顯示器
75‧‧‧機構
100‧‧‧系統
102‧‧‧階層式版面配置組件
103‧‧‧使用者介面顯示畫面
104‧‧‧資料對接組件
105‧‧‧使用者輸入機構
106‧‧‧可捲動容器虛擬版面配置組件
107‧‧‧開發者
108‧‧‧資料模型協調組件
109‧‧‧使用者介面顯示畫面
110‧‧‧使用者介面組件
111‧‧‧使用者輸入機構
112‧‧‧資料儲存
113‧‧‧使用者
114‧‧‧資料模型
116‧‧‧處理器
118‧‧‧其他(項目)
120‧‧‧堆疊版面配置組件
122‧‧‧換行格線版面配置組件
124‧‧‧其他(組件)
126‧‧‧介面
128‧‧‧範本
130‧‧‧載入組件
132‧‧‧非同步存取組件
134‧‧‧範圍通知組件
136‧‧‧捲動檢視器組件
138‧‧‧設置組件
150‧‧‧接收產生階層式、分層之清單控制項的輸入
152‧‧‧子代集合具有不同於父代的版面配置
154‧‧‧可變大小之堆疊版面配置
156‧‧‧換行格線版面配置
158‧‧‧局部性索引及定位範疇
160‧‧‧其他項目
162‧‧‧接收將該清單對接至資料集合的輸入
164‧‧‧其他項目
166‧‧‧輸出經配置的清單控制項以供使用
170‧‧‧清單控制項
172、174、176‧‧‧父代項目
178‧‧‧子代項目
180‧‧‧接收要顯示該清單控制項的輸入
182‧‧‧請求所需的項目
184‧‧‧載入用於該視域加上緩衝區的資料
186‧‧‧存取經包裝的資料介面
188‧‧‧進行非同步存取
190‧‧‧發送範圍通知
192‧‧‧計算緩衝區大小
194‧‧‧其他操作
196‧‧‧在該清單控制項中顯示該清單
198‧‧‧從原始資料建立UI項目
200‧‧‧藉由版面配置來設置虛擬化項目
202‧‧‧相對於先前所呈現的項目
204‧‧‧試探法
206‧‧‧如全部資料被載入般調整捲動軸大小
208‧‧‧其他方式
210‧‧‧接收到與該清單的使用者互動？
212‧‧‧捲動
214‧‧‧平移
216‧‧‧其他
300‧‧‧顯示畫面
302‧‧‧視域
304、306‧‧‧緩衝區
307‧‧‧捲動軸
308‧‧‧捲動方塊
500‧‧‧雲端計算架構
502‧‧‧雲端
503‧‧‧開發者裝置
504‧‧‧使用者裝置
600‧‧‧平板電腦
602‧‧‧螢幕
800‧‧‧計算環境
810‧‧‧電腦
820‧‧‧處理單元
821‧‧‧系統匯流排
830‧‧‧系統記憶體
831‧‧‧ROM
832‧‧‧RAM
833‧‧‧BIOS
834‧‧‧作業系統
835‧‧‧應用程式
836‧‧‧其他城市模組
837‧‧‧程式資料
840‧‧‧非可移除非揮發性記憶體介面
841‧‧‧硬碟機
844‧‧‧作業系統
845‧‧‧應用程式
846‧‧‧其他城市模組
847‧‧‧程式資料
850‧‧‧可移除非揮發性記憶體介面
851‧‧‧磁碟機
852‧‧‧磁碟
855‧‧‧光碟機
856‧‧‧光碟
860‧‧‧使用者輸入介面
861‧‧‧指向裝置
862‧‧‧鍵盤
863‧‧‧麥克風
870‧‧‧網路介面
871‧‧‧區域網路
872‧‧‧數據機
873‧‧‧廣域網路
880‧‧‧遠端電腦
885‧‧‧遠端應用程式
890‧‧‧視訊介面
891‧‧‧視覺顯示器
895‧‧‧輸出週邊介面
896‧‧‧印表機
897‧‧‧喇叭
第1圖是一例示性虛擬清單檢視系統的方塊圖。
第2圖是一流程圖，圖示第1圖中所示系統在配置清單控制項中的操作。
第2A及2B圖顯示例示性版面配置。
第3圖顯示一階層式清單範例。
第4圖是一流程圖，圖示第1圖中所示系統如何呈現清單版面配置。
第4A圖顯示一使用者介面顯示畫面範例。
第5圖是第1圖中所示系統之一實施例的方塊圖，該實施例經部署在一雲端計算架構中。
第6~10圖顯示各種行動裝置實施例，在該等行動裝置上能呈現清單控制項。
第11圖是一例示性計算環境的方塊圖。
第1圖是一虛擬可捲動容器檢視系統100之實施例的方塊圖。本說明書將針對作為一清單的可捲動容器繼續說明。將注意該可捲動容器也能為任何其他可捲動容器，而清單僅是一例。
第1圖顯示開發者107經由使用者介面顯示畫面103上的使用者輸入機構105來與系統100互動。第1圖也顯示使用者113經由使用者介面顯示畫面109上的使用者輸入機構111來與系統100互動。顯示畫面103及109能由使用者介面組件110自身或由使用者介面組件110在系統100中其他項目的控制下而產生。另外，開發者107及使用者113能直接存取系統100，或經由網路上另一裝置來存取。如以下將 說明，開發者107產生一可捲動容器控制項(例如清單控制項)，該控制項由使用者113在與一應用程式互動中所使用。儘管由開發者107及使用者113所使用之該些組件也能駐留在單獨系統(像是開發者環境及執行時環境)中，但該些組件作為系統100之部分來描述僅為範例之故。
系統100例示性地包括一階層式版面配置組件102、資料對接組件104、可捲動容器虛擬版面配置組件106、資料模型協調組件108、使用者介面組件110、資料儲存112(該資料儲存本身包括資料模型114)、處理器116，且其也能包括其他項目118。
階層式版面配置組件102例示性地包括堆疊版面配置組件120、換行格線版面配置組件122且也能包括其他組件124。階層式版面配置組件102例示性地允許開發者產生一經階層式排列之版面配置。在一實施例中，正被開發之該可捲動容器中該階層的各級能獨立地擁有其自身的版面配置，該版面配置係利用階層式版面配置組件102所指定。該版面配置中一單一父代下的全部項目將分享一共同版面配置，但在該可捲動容器中的各子代集合能具有不同版面配置。在一實施例中，能利用堆疊版面配置組件120來產生一可變設定大小堆疊版面配置。能利用換行格線版面配置組件122來產生一換行格線版面配置。以索引(indexing)及定位來看，各版面配置例示性地具有一局部性範疇。
資料對接組件104例示性地具有一或更多介面126及一或更多範本128。組件104允許該開發者將正被開發之該 可捲動容器控制項對接至各式各樣不同資料類型。介面126用以存取資料及與資料儲存112中之資料模型114進行資料互動。在介面126及資料模型114之間能提供範本128。在一實施例中，資料模型114提供給該可捲動容器控制項一種版本之介面(對資料模型114)，該介面經包裝以自動地實施介面124，該可捲動容器控制項使用介面124以與資料模型114溝通。
如以下將針對第4圖更加詳細討論者，介面126及範本128允許該可捲動容器控制項進行非同步存取模式，非同步存取模式允許不立刻建立在一輸入集合中的項目。介面126及範本128也提供給該可捲動容器控制項發送範圍通知給資料模型114的能力，以允許模型114得知待載入何資料。這些項目一起允許該可捲動容器控制項針對由資料模型114所代表的一資料集合來執行，其中僅該整個資料集合的一子集合於任意時間被載入至該控制項中。
在一實施例中，資料模型協調組件108從資料模型114取得原始資料，建立被用來表示該原始資料的使用者介面元件，並提供該等元件給可捲動容器虛擬版面配置組件106。資料模型協調組件108例示性地協調在資料模型114及虛擬版面配置組件106之間的通訊。
資料模型114例示性地支援基於索引之存取。資料模型114也能例示性地支援前述之非同步模式。
在一實施例中，可捲動容器虛擬版面配置組件106包括載入組件130(載入組件130本身包括非同步存取組件 132及範圍通知組件134)。虛擬版面配置組件106也例示性地包括捲動檢視器組件136及設置組件138。在一實施例中，載入組件130載入資料之項目以不僅支援顯示該清單控制項之顯示裝置上的一視域，還支援在該視域任一邊或兩邊上的緩衝區。視域是該可捲動清單控制項的使用者可見之部分。此提供使用者介面虛擬化，其中僅有該使用者可見的(且被顯示在該視域中的)該等使用者介面元件、再加上緩衝區部分乃確實被建立。此外觀上與標準使用者介面並無不同，但能花費明顯較少的時間來載入且耗用較少計算及記憶體額外負擔。
資料所載入的該等緩衝區之大小能利用試探法(heuristics)來決定，該些試探法係基於清單及使用者設定中平均項目大小的組合。如果沒有已呈現之項目，則該些試探法也能容許，並取得一預設緩衝區大小或是以其他方式計算的一所計算緩衝區大小。
非同步存取組件132例示性地利用資料虛擬化以從資料模型114存取資料。此允許組件132應付相對巨大的資料集合，其中在任何指定時間點僅該資料的一子集合被載入。舉個例子，此類型資料虛擬化能被用在大規模情境中，像是當載入一個可能包括數千筆的郵件清單時。
範圍通知組件134例示性地進行預先抓取(pre-fetching)。範圍通知組件134例示性地根據目前所顯示之視域來預測將被查詢之使用者介面元件的範圍。此預測能被提供給資料模型114(或資料模型114中的一快取)，以 使載入組件106能在確實需要資料以供在該視域內顯示之前開始資料抓取。此也允許載入組件130請求塊狀的資料，而非逐個項目進行請求。範圍通知組件134也考量了特定資料項目隨該使用者捲動而在視域上看不到的事實。範圍通知組件134將載入組件130有興趣的資料範圍更新，並將此更新通知資料模型114。
捲動檢視器組件136例示性地呈現具有一捲動方塊(thumb)(或其他捲動控制項)的一捲動軸，該捲動軸允許一使用者翻捲該清單或其他可捲動容器。捲動檢視器組件136例示性地調整該捲動軸上該捲動方塊的大小，以針對該底下清單的大小提供一指示。因此，該捲動方塊經如同該清單中所有項目皆被載入至該控制項一般地設定大小。當該使用者捲動該可捲動容器時，捲動檢視器組件136向載入組件130指示，使得額外項目能隨著該使用者捲動而依需求被載入。
設置組件138例示性地指示出該可捲動容器內的元件要被安置在該顯示螢幕上的何處。各個版面配置例示性地假設其開始於座標0,0，但各版面配置係在該視域中相對於其他經呈現的項目而被呈現。
第2圖是一流程圖，其例示第1圖中顯示之系統的一實施例，該實施例允許開發者產生一階層式、虛擬可捲動容器。階層式版面配置組件102首先接收開發者輸入，該輸入產生一階層式、分層之清單控制項。此在第2圖中由方塊150表示。在一實施例中，在該分層清單控制項中之子代集合可能具備與該清單中之父代不同的版面配置。此由方塊152 表示。該些版面配置可能(例如)包括一可變設定大小堆疊版面配置154。在一實施例中，此版面配置是一種版面配置，在其中全部的項目經定位在一線上，該線可能是水平的或垂直的。在該堆疊內的項目可能具有可變大小，且大小可能動態改變。
在另一實施例中，該些版面配置可能包括一換行格線版面配置156。此為一種版面配置，在其中全部的項目可能具有相同大小並按照可用的空間而經排列在一格線中。其能(例如)實施一種並排式版面配置，其中類似設定大小的項目經排列在沿著移動離軸的線中。舉個例子，如果版面配置是一垂直式版面配置，則項目能經排列如第2A圖中所示。如果是水平式排列，則該些項目能經排列如第2B圖中所示。以上僅為例示性版面配置。
在任何情況中，在該階層式分層清單控制項中該等版面配置之各者具有局部性的索引及定位範疇。此由第2圖的方塊158所表示。換言之，該等版面配置各在其對應的視覺區域內經排列，如同其在整個顯示畫面上被排列於座標0,0。產生一階層式、分層清單控制項的輸入也能指示其他項目，而此由方塊160所表示。
資料對接組件104接著接收來自開發者107的輸入，該輸入將由資料模型114所模型化的資料對接至該清單控制項。此由方塊162所表示。如以上所討論，組件104能例示性地使用介面126(以及範本128)以用於存取資料。當然也能使用其他項目164。
一旦開發者107已配置該清單控制項並將其對接至資料集合，例示性地輸出該清單控制項以供使用。此在第2圖中由方塊166所表示。
第3圖顯示一經配置清單控制項170的簡化實施例。清單控制項170有複數個父代項目172、174及176。父代項目174也經顯示具有複數個不同子代項目178。將注意，父代項目172、174及176有共同的版面配置。然而，在一實施例中，子代項目178可能具有其自己的、獨立且不同之版面配置，該些版面配置不同於父代版面配置。
第4圖是一流程圖，圖示用於該可捲動容器的控制項一旦由開發者107所配置之後，如何能由使用者113所用的一實施例。在一實施例中，正使用該可捲動容器控制項的該系統接收使用者輸入，該輸入指示出使用者113想要讓該控制項被顯示。此在第4圖中由方塊180所表示。
作為範例，使用者113可存取他或她的信箱，在其中實施了一可捲動清單控制項。在另一實施例中，使用者113可能存取投影片簡報應用程式，在其中投影片被列在一清單檢視中，其中實施了一可捲動清單控制項。還有另一實施例中，使用者113可能存取具有一瀏覽窗格的一應用程式，該瀏覽窗格列出瀏覽鏈結或其他瀏覽使用者輸入機構。當然有各式各樣其他情境，在其中使用者能提供輸入，該輸入指示出該使用者想要檢視由該可捲動容器控制項所代表的內容。
作為回應，載入組件130例示性地從資料模型114請求所需的項目。此在第4圖中由方塊182表示。再一次， 經請求的該等所需項目將是被用以填滿該視域、以及在該視域之任一或兩邊上之一緩衝區的項目。此在第4圖中由方塊184表示。
第4A圖顯示一例示性使用者介面顯示畫面300的實施例。顯示畫面300包括一視域302，該視域是在該顯示螢幕上的視覺區域。可捲動區300也包括一第一緩衝區304及一第二緩衝區306。緩衝區304及306保留被載入的資料，使得若該使用者移動捲動軸307，則被顯示在視域302中的資料能被快速且流暢地顯示給該使用者。也將注意到，在一實施例中，捲動軸307的捲動方塊308經設定大小以反映底下清單的大小。舉個例子，如果底下的清單大，則捲動方塊308被做的小以表示出在視域302中檢視的清單部分是整個清單的一小部分。
在載入資料以顯示該控制項的步驟中，載入組件130能例示性地存取由資料模型114所公開的該經包裝資料介面。此由方塊186表示。如由方塊188所表示，載入組件130能進行非同步存取。載入組件130能如由方塊190所表示地發送範圍通知，並且能對資料將載入之視域302任一邊上的緩衝區部分304及306進行大小之計算。此由方塊192表示。其也能進行其他操作。此由方塊194表示。
組件106接著在該清單控制項內顯示該清單。此由方塊196表示。在一實施例中，使用者介面項目乃從自模型114擷取之原始資料所建立。此能藉由系統100中之資料模型協調組件108所進行，或藉由另一組件進行。此由第4圖中 的方塊198表示。
設置組件138接著識別出在該顯示螢幕上何處來根據該些項目所對應的版面配置來設置該等經虛擬化之項目的各者。此由方塊200表示。在一實施例中，該些項目經相對於先前呈現之項目來設置，如方塊202所示，而該些項目也能如方塊204所示而經試探地設置。
捲動檢視器組件136接著調整在任何經顯示之捲動軸上的捲動方塊或其他捲動元件的大小，如同底下清單的全部資料已被載入。此由方塊206表示。該清單也能以其他方式來顯示，而此由方塊208所表示。
當該清單控制項包括一換行握持版面配置時，要考慮幾點。舉個例子，要考慮各種使用者介面項目的大小。此能當作一組態參數被提供，或者能藉由量測從該資料模型所擷取之第一個項目的大小來取得。也要考慮視域302的大小。此被用來決定每列排列的項目數量，以及決定該資料集合哪些分區要被重新設定大小。還有考慮任何捲動輸入的方向。此能被用在子代版面配置的情形中，以決定是否從子代清單項目的結尾或開頭來開始建立及呈現項目。舉個例子，如果該使用者正朝該顯示畫面上前一資料集合的結尾倒退平移，則在該子代集合中最後的項目被最先建立及呈現。如果該使用者正在其他方向中平移，則前幾個項目先被建立及呈現。也能考慮該資料集合中正被呈現的項目個數。該個數能經由一適當的程式介面輸入來取得，也能被用以計算該版面配置的整體大小。另外，能使用用於被顯示或插入至該集合中之 該項目的使用者介面元件。在一實施例中，建立及適當地排列所需要以符合或超過視域302之邊界的最小個數之項目。該項目之最小個數能根據固定大小(從擷取的第一項目來取得)來計算，或是從對每項目所量測到的一可變大小來計算。
如果版面配置是虛擬堆疊版面配置，此一版面配置能提供一垂直式或一水平式堆疊面板，該堆疊面板具有不同的項目大小，使具備任意版面配置的子代集合成為可能。該虛擬堆疊版面配置將包括換行格線版面配置所考慮之相同考量(如以上所討論)中的部分。如果也使用子代版面配置，則虛擬版面配置組件106也將考慮所顯示之特定元件是否具有一展開的子代集合。其將接著建立一適當版面配置來代表該集合內的該等元件，包括該等元件的子代。此允許任意階層的自訂版面配置插入至該版面配置系統中。
對於一虛擬堆疊版面配置，載入組件130能使用一快取。如果載入組件130這麼做，其能持續載入資料至該快取中，直到所實體化之面積大小蓋滿了視域302。當一項目具有一子代集合時，該父代項目被實體化，並也取得該子代的版面配置。該子代版面配置的大小能被用以決定是否已載入足夠的資料來蓋滿視域302。
一旦顯示了該可捲動容器控制項，其可接收使用者互動。此由第4圖中的方塊210所表示。舉個例子，當容器是一清單控制項時，使用者可提供一捲動輸入212以翻捲該清單。該使用者也可提供一平移輸入214以使顯示畫面平移，或者該使用者能提供其他輸入216。若如此，處理回到方塊 182，其中載入組件130請求將被載入以用於視域302及緩衝區304及306的資料。隨著使用者利用捲動軸307來捲動，載入組件130持續地修改被載入至緩衝區304及306中的資料。
因此能看到本說明書所描述之清單視圖提供了無限制的版面配置彈性，在於版面配置能依所需而為分層式及組合式。另外，使用者介面經虛擬化，使得就算跨於階層式版面配置及大清單，被建立及呈現的使用者介面項目僅為該些用以蓋滿視域302、以及在各邊上之部分填補或緩衝304及306的該等使用者介面項目。隨該使用者平移或捲動該控制項，動態地建立該等使用者介面項目。此允許快速的載入及一致的平移及捲動速度。進一步，利用資料虛擬化而連接了資料。此允許該控制項支援許多不同類型之集合，並允許其中僅有該資料集合的一子集(像是可見範圍的超集合)確實在一給定集合中的集合形式。
本說明書有提及處理器及伺服器。在一實施例中，處理器及伺服器包括具有相關聯之記憶體及時脈電路系統的電腦處理器，該記憶體及時脈電路系統並未個別顯示出。此等為所屬之系統及裝置的功能零件，且由該等系統及裝置所啟用，該記憶體及時脈電路系統促進在該些系統中其他組件或項目的功能性。
還有，已經討論了幾種使用者介面顯示畫面。它們能採用各式各樣的不同形式，且能具有各式各樣的不同使用者可致動之輸入機構設置在其上。舉個例子，使用者可致動 之輸入機構能為文字框、勾選框、小圖像、鏈結、下拉式選單、搜尋框、等等。它們也能以各式各樣的不同方式被致動。舉個例子，能利用一指向點擊(point and click)裝置(像是軌跡球或滑鼠)來致動它們。能利用硬體按鈕、開關、搖桿或鍵盤、拇指開關(thumb switch)或拇指鍵盤(thumb pad)、等等來致動它們。它們也能利用一虛擬鍵盤或其他虛擬致動器而被致動。此外，當顯示它們所在之螢幕是觸碰敏感螢幕時，該等輸入機構能利用觸碰手勢而經致動。還有，當顯示該等輸入機構的裝置具有語音辨識組件時，能利用語音命令來致動它們。
也已經討論過數種資料儲存。將注意各資料儲存能分成數個資料儲存。可能全部資料儲存皆在存取該些資料儲存之系統的本機，可能全部都在遠端，或者某些在本機而其他在遠端。該些配置方式全部為本說明書所考慮者。
還有，圖式顯示了數個方塊連同各方塊所帶來之功能性。將注意能使用較少的方塊，使得由更少組件執行該功能性。還有，能使用更多方塊，讓功能分配於更多組件之中。
第5圖是第1圖中所示之系統100的方塊圖，指示該系統之元件經安置在一雲端計算架構500中。雲端計算提供了運算、軟體、資料存取、及儲存服務等，而無須終端使用者知道傳遞該等服務之系統的實際位置或組態。在各種實施例中，雲端計算運用適當的協定在一廣域網路(像是網際網路)上傳遞服務。舉個例子，雲端計算提供者在一廣域網 路上傳遞應用程式，且該等應用程式能經由網頁瀏覽器或任何其他計算組件被存取。架構100的軟體或組件，以及相應的資料，能被儲存在位於遠端位置的伺服器上。雲端計算環境中的計算資源能被整合於一遠端資料中心位置，或是能被分散。雲端計算基礎架構能經由共享之資料中心來傳遞服務，儘管該等資料中心對於該使用者像是一單一存取點。因此，本說明書所描述之組件及功能，能從位於遠端位置的服務提供者利用一雲端計算架構來提供。或者，該些組件及功能能從習用伺服器所提供，或者能直接安裝在客戶端裝置上，或是用其他方式。
本說明意圖同時包括公用雲端計算及私人雲端計算。雲端計算(公用及私人)提供大致無縫的資源匯集，還有減少對管理及配置底層之硬體基礎架構的需要。
公用雲端係由廠商所管理，一般利用相同之基礎架構可支援多個消費者。另外，相對於一私人雲端，一公用雲端能讓終端使用者免於管理硬體。私人雲端可由組織團體自己來管理，而其基礎架構一般不與其他組織團體共享。該組織團體將維護硬體到某個程度，像是安裝及修復等等。
在第5圖所顯示之實施例中，某些項目類似於第1圖中所顯示項目，並經類似地編號。第5圖明確地顯示出系統100位在雲端502中(其能為公用的、私人的、或是其中多個部分為公用其餘為私人的一組合)。因此，開發者107及使用者113使用一開發者裝置503及一使用者裝置504經由雲端502來存取該系統。
第5圖也描繪雲端架構的另一實施例。第5圖顯示出也考慮了系統100的某些元件可設置在雲端502中而其餘的不在。作為範例，資料儲存114能經設置在雲端502以外，並且經由雲端502來存取。在另一實施例中，可捲動容器虛擬版面配置組件106也能在雲端502以外。無論它們位在何處，能藉由裝置503及裝置504經由網路(廣域網路抑或區域網路)來直接地存取它們，它們能由一服務經代管於一遠端站點，或者它們能經由雲端來提供為服務或是藉由駐留在該雲端的連線服務來存取。本發明所考量全部該些架構。
將注意系統100(或其部分)能被設置在各式各樣不同裝置上。一些該等裝置包括伺服器、桌上型電腦、膝上型電腦、平板電腦、或其他行動裝置(像是掌上型電腦、蜂巢式電話、智慧型電話、多媒體播放器、個人數位助理、等等)。
第6圖是一手持式或行動計算裝置之例示性實施例的簡化方塊圖，該手持式或行動計算裝置能被用作使用者的或是客戶端的手持式裝置16，在該裝置中能部署本系統(或其部分)。舉例而言，該可捲動容器能經使用在裝置16上。第7~10圖是手持式或行動裝置之範例。
第6圖提供客戶端裝置16之組件的概略方塊圖，該客戶端裝置能執行系統100的組件、或是能與系統100互動的組件，或是上述兩種情況。在裝置16中提供通訊鏈結13，該通訊鏈結允許該手持式裝置與其他計算裝置通訊，且在某些實施例之下該通訊鏈結提供一通道以供像是藉由掃描自動 地接收資訊。通訊鏈結13之例子包括紅外線埠、序列或USB埠、電纜網路埠(像是乙太網路埠)及允許透過一或更多通訊協定來通訊的無線網路埠，該等通訊協定包括通用封包無線電服務(GPRS)、LTE、HSPA、HSPA+及其他3G及4G無線電協定、1Xrtt、及簡訊服務，該等為用以提供對網路之手機存取的無線服務，還有802.11及802.11b(Wi-Fi)協定，還有提供對網路之區域性無線連接的藍牙協定。
在其他實施例之下，應用程式或系統係在一可移除保全數位(SD)卡上接收，該SD卡連接至一SD卡介面15。SD卡介面15及通訊鏈結13沿一匯流排19與一處理器17(其也能體現來自第1圖的處理器116)通訊，該匯流排19也連接至記憶體21及輸入/輸出(I/O)組件23，還有計時器25及定位系統27。
在一實施例中提供I/O組件23以促進輸入及輸出操作。用於裝置16之各種實施例的I/O組件23能包括輸入組件及輸出組件，輸入組件像是按鈕、觸碰感測器、多重觸碰感測器、光學或視訊感測器、語音感測器、觸控螢幕、接近度感測器、麥克風、傾斜感測器及重力開關，輸出組件像是顯示裝置、喇叭、或印表機埠。也能使用其他I/O組件23。
計時器25例示性地包含一即時計時器組件，其輸出時間及日期。其還能例示性地提供處理器17的計時功能。
定位系統27例示性地包括一組件，該組件輸出裝置16的一目前地理位置。此能包括(舉例)全球定位系統(GPS)接收器、LORAN系統、推算系統、蜂窩系統三角測量(cellular triangulation)系統、或其他定位系統。其也能包括(例如)地圖繪製軟體或導航軟體，該等軟體產生所需地圖、導航路線、及其他地理功能。
記憶體21儲存作業系統29、網路設定31、應用程式33、應用程式組態設定35、資料儲存37、通訊驅動程式39、及通訊組態設定41。記憶體21能包括全部類型之有形的揮發性及非揮發性電腦可讀取記憶體裝置。其也能包括電腦儲存媒體(說明於下)。記憶體21儲存電腦可讀取指令，當該等電腦可讀取指令由處理器17執行時，致使該處理器按照該等指令來進行電腦實施步驟或功能。處理器17也能由其他組件所啟動以促進其功能。
網路設定31之例子包括的內容像是代理資訊、網際網路連線資訊、及對映。應用程式組態設定35包括針對一特定企業或使用者以自訂該應用程式的設定。通訊組態設定41提供用於與其他電腦通訊的參數，且包括之項目像是GPRS參數、SMS參數、連線使用者名稱及密碼。
應用程式33能夠是之前已經儲存在裝置16上的應用程式，或也能是在使用期間所安裝的應用程式(不管是作業系統29之部分、或是在裝置16外部經代管)。
第7圖顯示一實施例，其中裝置16是一平板電腦600。在第7圖中，電腦600經顯示具有使用者介面顯示螢幕602。螢幕602可能是一觸控螢幕(如此來自使用者手指的觸碰手勢能被用以與像是可捲動容器的應用程式互動)，或是接收來自筆或觸控筆之輸入的筆致能(pen-enabled)介面。 其也能使用一螢幕上虛擬鍵盤。當然，其也可能透過一適當的附接機構來附接至一鍵盤或其他使用者輸入裝置，該附接機構像是(例如)無線鏈結或USB埠。電腦600也能例示性地接收語音輸入。
第8及9圖提供所能使用之裝置16的更多例子，不過也能使用其他例子。在第8圖中，提供一個功能型手機、智慧型手機或行動電話45為裝置16。電話45包括一組按鍵盤47以用於撥打電話號碼，能夠顯示影像(包括應用程式影像、小圖像、網頁、照片及視訊)的顯示器49，以及用於選取在該顯示器上顯示的項目之控制鈕51。該電話包括一天線53以供接收手機電話訊號(像是通用封包無線電服務(GPRS)及1Xrtt)和簡訊服務(SMS)訊號。在某些實施例中，電話45也包括一保全數位(SD)卡插槽55，其接受一SD卡57。
第9圖的行動裝置是個人數位助理(PDA)59或是多媒體播放器或平板計算裝置，等等(在此稱為PDA 59)。PDA 59包括電感螢幕61，其在觸控筆63(或其他指向器，像是使用者的手指)經定位在該螢幕上方時感測該觸控筆的位置。此允許該使用者選取、醒目標示、及移動該螢幕上的項目，還有繪圖及寫字。PDA 59也包括幾個使用者輸入按鍵或按鈕(像是按鈕65)，該些使用者輸入按鍵或按鈕允許使用者捲動所有選單選項或其他被顯示在顯示器61上的顯示選項，並允許該使用者變更應用程式或選取使用者輸入功能，無須接觸顯示器61。雖然未圖示出，PDA 59能包括內部天線及紅外線收發器，其等允許與其他電腦的無線通訊，還有允 許硬體連接至其他計算裝置的連接埠。此類硬體連接典型係透過一支座(cradle)，該支座透過序列埠或USB埠連接至其他電腦。如此，這種連接為非網路連線。在一實施例中，行動裝置59也包括一SD卡插槽67，該SD卡插槽接受一SD卡69。
第10圖類似第8圖，只是該電話是一智慧型手機71。智慧型手機71具有一觸碰感應顯示器73，其顯示小圖像或磚(tiles)或其他使用者輸入機構75。機構75能由一使用者用以執行應用程式、打電話、進行資料轉移操作、等等。一般而言，智慧型手機71經建立在一行動作業系統上且提供比功能型手機更先進的計算能力及連線能力。
應注意其他形式的裝置16為可行的。
第11圖是一計算環境的實施例，在該計算環境中能部署(例如)系統100或其部分。參看第11圖，一個用於實施某些實施例的例示性系統包括以電腦810之形式的通用計算裝置。電腦810的組件可包括(但不限於)處理單元820(其能包含處理器116)、系統記憶體830、及耦合包括該系統記憶體在內的各種系統組件到處理單元820的系統匯流排821。系統匯流排821可為使用任何匯流排架構的數種類型之匯流排結構中的任意者，該等匯流排結構包括記憶體匯流排或記憶體控制器、週邊匯流排、及區域匯流排。作為範例而非設限，此類架構包括產業標準架構(ISA)匯流排、微通道架構(MCA)匯流排、增強型ISA(EISA)匯流排、視電標準協會(VESA)區域匯流排、以及也稱為Mezzanine匯流排 的週邊組件互連(PCI)匯流排。針對第1圖所說明的記憶體及程式能經部署在第11圖的對應部分中。
電腦810通常包括各種電腦可讀取媒體。電腦可讀取媒體能為任何可取得而能由電腦810存取的媒體，且電腦可讀取媒體包括揮發性及非揮發性媒體、可移除及非可移除媒體。作為範例而非設限，電腦可讀取媒體可包含電腦儲存媒體及通訊媒體。電腦儲存媒體不同於且不包括經調制之資料訊號或載波。其包括同時包括了揮發性及非揮發性、可移除及非可移除媒體的硬體儲存媒體，該些媒體係以任何用於資訊儲存的方法或技術來實施，像是電腦可讀取指令、資料結構、程式模組或其他資料。電腦儲存媒體包括(但不限於)RAM、ROM、EEPROM、快閃記憶體或其他記憶體技術、CD-ROM、數位影音光碟(DVD)或其他光碟儲存、磁匣、磁帶、磁碟儲存或其他磁性儲存裝置，或能被用來儲存所欲資訊及能由電腦810存取的任何其他媒體。通訊媒體通常在一傳輸機構中含有電腦可讀取指令、資料結構、程式模組或其他資料，並包括任何資訊傳遞媒體。「經調制之資料訊號」一詞代表具有其一或更多屬性被設定或變更的一訊號，該些屬性被設定或變更的方式可將資訊編碼在該訊號中。作為範例而非設限，通訊媒體包括有線媒體(像是有線網路或單線連線)及無線媒體(像是聲音、RF、紅外線及其他無線媒體)。上述之任意者的組合應該也被包括在電腦可讀取媒體的範疇內。
系統記憶體830包括在揮發性及(或)非揮發性記 憶體之形式中的電腦儲存媒體，像是唯讀記憶體(ROM)831及隨機存取記憶體(RAM)832。在ROM 831中通常存有一基本輸入/輸出系統833(BIOS)，其包含協助在電腦810內的元件之間傳送資訊(像是在開機期間)的基本常式。RAM 832通常包含資料及(或)程式模組，該些資料及(或)程式模組可由處理單元820即刻存取及(或)現在由處理單元820來操作。作為範例而非設限，第11圖圖示了作業系統834、應用程式835、其他程式模組836、及程式資料837。
電腦810也可包括其他可移除/非可移除、揮發性/非揮發性電腦儲存媒體。僅作為例子，第11圖圖示讀出或寫入非可移除、非揮發性磁性媒體的一硬碟機841，讀出或寫入可移除、非揮發性磁碟852的一磁碟機851，以及讀出或寫入可移除、非揮發性光碟856(像是CD ROM或其他光學媒體)的一光碟機855。其他能被使用在此例示性操作環境中的可移除/非可移除、揮發性/非揮發性電腦儲存媒體包括(但不限於)磁帶匣、快閃記憶卡、數位多功能光碟、數位錄影帶、固態RAM、固態ROM、及類似者。硬碟機841通常透過像是介面840的一非可移除記憶體介面經連接至系統匯流排821，而磁碟機851及光碟機855通常係藉由像是介面850的一可移除記憶體介面來連接至系統匯流排821。
或者(或額外地)，本說明書中描述的該等功能能至少部份地藉由一或更多硬體邏輯組件來進行。例如(而非設限)，所能使用的例示性類型之硬體邏輯組件包括場可程式化閘陣列(FPGA)、程式特定積體電路(ASIC)、程式特 定標準產品(ASSP)、單晶片系統之系統(SOC)、複合可程式化邏輯裝置(CPLD)、等等。
以上說明並圖示在第11圖中的這些磁碟機及其相關聯的電腦儲存媒體，為電腦810提供了電腦可讀取指令、資料結構、程式模組及其他資料之儲存。例如，在第11圖中硬碟機841經圖示為儲存作業系統844、應用程式845、其他程式模組846、及程式資料847。注意該些組件能夠相同抑或不同於作業系統834、應用程式835、其他程式模組836、及程式資料837。作業系統844、應用程式845、其他程式模組846、及程式資料847在此經給予不同編號，以說明至少該些為不同複本。
使用者可透過輸入裝置輸入命令及資訊至電腦810中，該些輸入裝置像是鍵盤862、麥克風863及指向裝置861(像是滑鼠、軌跡球、或觸控板)。其他輸入裝置(未圖示)可包括搖桿、遊戲鍵盤、衛星接收碟、掃描器、或類似者。這些及其他輸入裝置通常透過耦合至該系統匯流排的一使用者輸入介面860來連接至處理單元820，但可藉由其他介面及匯流排結構來連接，像是平行埠、遊戲埠或通用序列匯流排(USB)。一視覺顯示器891或其他類型之顯示裝置也經由一介面(像是一視訊介面890)連接至系統匯流排821。除了監視器之外，電腦也可包括像是喇叭897及印表機896之其他週邊輸出裝置，該些裝置可透過一輸出週邊介面895來連接。
在一連網環境中操作電腦810，該連網環境使用至一或更多遠端電腦(像是遠端電腦880)的邏輯連線。遠端電 腦880可為個人電腦、手持式裝置、伺服器、路由器、網路PC、對等裝置或其他常見的網路節點，且典型地包括以上關於電腦810所述之該些元件的多者或全部。第11圖中所描繪的邏輯連線包括區域網路(LAN)871及廣域網路(WAN)873，但也可包括其他網路。此種連網環境常見於辦公室、企業電腦網路、內部網路及網際網路。
當電腦810被使用在LAN連網環境中時，其透過一網路介面或配接器870來連接至LAN 871。當電腦810被使用在WAN連網環境中時，電腦810通常包括數據機872或用於建立WAN 873(像是網際網路)上之通訊的其他構件。數據機872(可為內建式或外接式)可經由使用者輸入介面860(或其他適當機構)連接至系統匯流排821。在一連網環境中，相關於電腦810所描繪的程式模組(或該些程式模組之部分)可經儲存在該遠端記憶體儲存裝置中。作為範例而非設限，第11圖將遠端應用程式885圖示為駐存在遠端電腦880上。將理解圖示的網路連線為例示性，且可使用其他構件來建立電腦之間的通訊鏈結。
也應注意本說明書中說明的該些不同實施例能以不同方式來組合。也就是說，一或更多實施例之部分能夠與一或更多其他實施例之部分合併。本說明書設想此類之全部。
雖然本案所請標的已經以特定於結構特徵及(或)方法動作的語言來說明，應理解在隨附申請專利範圍中界定的標的不一定受限於以上說明的該些特定特徵或動作。相反地，以上說明的特定特徵及方法係經揭露以作為實施申請專 利範圍的範例形式。
100‧‧‧系統
102‧‧‧階層式版面配置組件
103‧‧‧使用者介面顯示畫面
104‧‧‧資料對接組件
105‧‧‧使用者輸入機構
106‧‧‧可捲動容器虛擬版面配置組件
107‧‧‧開發者
108‧‧‧資料模型協調組件
109‧‧‧使用者介面顯示畫面
110‧‧‧使用者介面組件
111‧‧‧使用者輸入機構
112‧‧‧資料儲存
113‧‧‧使用者
114‧‧‧資料模型
116‧‧‧處理器
118‧‧‧其他
120‧‧‧堆疊版面配置組件
122‧‧‧換行格線版面配置組件
124‧‧‧其他
126‧‧‧介面
128‧‧‧範本
130‧‧‧載入組件
132‧‧‧非同步存取組件
134‧‧‧範圍通知組件
136‧‧‧捲動檢視器組件
138‧‧‧設置組件

Claims (20)

  1. 一種電腦實施方法，至少包含下列步驟：接收一使用者輸入，以在一可捲動容器控制項中顯示一可捲動容器；將對應於由該可捲動容器控制項界定之該可捲動容器的一第一資料子集載入至該可捲動容器控制項中，該第一資料子集對應於一組顯示元件，該組顯示元件足夠填滿顯示該可捲動容器之一顯示裝置上的一視域；及在該可捲動容器控制項中顯示該第一資料子集。
  2. 如請求項1所述之電腦實施方法，其中該顯示步驟進一步包含下列步驟：按照一版面配置來顯示對應於該第一資料子集的該組顯示元件。
  3. 如請求項2所述之電腦實施方法，其中將該第一資料子集載入至該可捲動容器控制項中之步驟包含下列步驟：將該第一資料子集載入至一階層式控制項中，該階層式控制項具有複數個不同階層分級。
  4. 如請求項3所述之電腦實施方法，其中按照一版面配置來顯示該組顯示元件之步驟包含下列步驟：從自一資料模型獲得的資料，建立該組顯示元件的一第一部分；及 按照一第一版面配置來顯示該組顯示元件的該第一部分，該第一版面配置對應於該等複數個不同階層分級中的一第一級。
  5. 如請求項4所述之電腦實施方法，其中按照一版面配置來顯示該組顯示元件之步驟包含下列步驟：建立該組顯示元件的一第二部分；及按照不同於該第一版面配置之一第二版面配置來顯示該組顯示元件的該第二部分，該第二版面配置對應於該等複數個不同階層分級中的一第二級。
  6. 如請求項5所述之電腦實施方法，其中顯示該組顯示元件的該第二部分之步驟包含下列步驟：將該組顯示元件的該第二部分定位在該視域中相對於該組顯示元件之該經顯示第一部分的一位置。
  7. 如請求項6所述之電腦實施方法，其中顯示該第一資料子集之步驟包含下列步驟：顯示一捲動使用者輸入機構，該捲動使用者輸入機構經根據對應於該可捲動容器之該組資料的一整體大小來設定大小。
  8. 如請求項7所述之電腦實施方法，其中顯示一捲動使用者輸入機構之步驟包含下列步驟： 顯示具有一捲動方塊(thumb)的一捲動軸，該捲動軸經根據對應於該可捲動容器之該組資料的該整體大小來設定大小。
  9. 如請求項7所述之電腦實施方法，進一步包含下列步驟：透過該捲動使用者輸入機構接收一捲動使用者輸入；及根據該捲動輸入的一幅度，將一組額外資料載入至該可捲動容器控制項中。
  10. 如請求項2所述之電腦實施方法，進一步包含下列步驟：載入對應於一組顯示元件的一第二資料子集，該組顯示元件足以填滿一第一緩衝顯示區域，該第一緩衝顯示區域在該可捲動容器控制項中之該視域的一第一邊上鄰接該視域。
  11. 如請求項10所述之電腦實施方法，進一步包含下列步驟：根據已經載入之顯示元件的一大小，計算該第一緩衝區的一大小。
  12. 如請求項2所述之電腦實施方法，進一步包含下列步驟：載入對應於一組顯示元件的一第三資料子集，該組顯示元件足以填滿一第二緩衝顯示區域，該第二緩衝顯示區域在該可捲動容器控制項中之該視域的一第二邊上鄰接該視域。
  13. 如請求項12所述之電腦實施方法，進一步包含下列步驟： 根據已經載入之顯示元件的大小，計算該第二緩衝區的大小。
  14. 一種電腦系統，包含：一捲動檢視器組件，該捲動檢視器組件接收一使用者輸入以在一可捲動容器控制項中顯示一可捲動容器；一載入組件，該載入組件將對應於由該可捲動容器控制項界定之該可捲動容器的一第一資料子集載入至該可捲動容器控制項中，該第一資料子集對應於一組顯示元件，該組顯示元件足夠填滿顯示該可捲動容器之一顯示裝置上的一視域；一使用者介面組件，該使用者介面組件在在該可捲動容器控制項中顯示該第一資料子集；及一電腦處理器，該電腦處理器是該系統的功能零件且該電腦處理器係由該捲動檢視器組件、該載入組件及該使用者介面組件致動，以促進該接收該使用者輸入步驟、該載入步驟、及該顯示步驟。
  15. 如請求項14所述之電腦系統，進一步包含：一階層式版面配置組件，該階層式版面配置組件在一階層式可捲動容器控制項中於一第一階層分級產生一第一版面配置，且在該階層式可捲動容器控制項中於一第二階層分級產生一第二版面配置。
  16. 如請求項15所述之電腦系統，進一步包含：一資料對接組件，該資料對接組件接收一使用者輸入，該使用者輸入將來自一資料模型的資料耦合至該可捲動容器。
  17. 如請求項15所述之電腦系統，進一步包含：一資料模型協調組件，該資料模型協調組件接收來自該可捲動容器控制項的資料請求並自該資料模型取得資料。
  18. 一種儲存電腦可執行指令的電腦可讀取儲存媒體，當該等電腦可執行指令由一電腦執行時致使該電腦進行一方法，該方法至少包含下列步驟：接收一使用者輸入，以在一階層式可捲動容器控制項中顯示一階層式可捲動容器；將對應於由該階層式可捲動容器控制項界定之該階層式可捲動容器的一第一資料子集載入至該階層式可捲動容器控制項中，該第一資料子集對應於一組顯示元件，該組顯示元件足夠填滿顯示該階層式可捲動容器之一顯示裝置上的一視域；按照一第一版面配置來顯示該組顯示元件的第一部分，該第一版面配置對應於該階層式可捲動容器中複數個不同階層分級中的一第一級；及按照一第二版面配置來顯示該組顯示元件的一第二部分，該第二版面配置不同於該第一版面配置，該第二版面配 置對應於該等複數個不同階層分級中的一第二級。
  19. 如請求項18所述之電腦可讀取儲存媒體，進一步包含：顯示一捲動使用者輸入機構，該捲動使用者輸入機構經根據對應於該可捲動容器之該組資料的一整體大小來設定大小。
  20. 如請求項19所述之電腦可讀取儲存媒體，進一步包含：載入對應於一組顯示元件的一第二資料子集，該組顯示元件足以填滿一第一緩衝顯示區域，該第一緩衝顯示區域在該可捲動容器控制項中之該視域的一第一邊上鄰接該視域；及載入對應於一組顯示元件的一第三資料子集，該組顯示元件足以填滿一第二緩衝顯示區域，該第二緩衝顯示區域在該可捲動容器控制項中之該視域的一第二邊上鄰接該視域。
TW104104099A 2014-03-31 2015-02-06 階層式虛擬清單控制項 TW201537439A (zh)

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
US14/230,228 US20150277741A1 (en) 2014-03-31 2014-03-31 Hierarchical virtual list control

Publications (1)

Publication Number Publication Date
TW201537439A true TW201537439A (zh) 2015-10-01

Family

ID=52829380

Family Applications (1)

Application Number Title Priority Date Filing Date
TW104104099A TW201537439A (zh) 2014-03-31 2015-02-06 階層式虛擬清單控制項

Country Status (3)

Country Link
US (1) US20150277741A1 (zh)
TW (1) TW201537439A (zh)
WO (1) WO2015153238A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI714514B (zh) * 2020-06-12 2020-12-21 天揚精密科技股份有限公司 節點名稱多元化階層群組管理裝置與其設定方法

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US11494048B2 (en) * 2014-09-04 2022-11-08 Home Box Office, Inc. View virtualization
US20160070446A1 (en) * 2014-09-04 2016-03-10 Home Box Office, Inc. Data-driven navigation and navigation routing
US20170308278A1 (en) 2016-04-21 2017-10-26 Schneider Electric Software, Llc Automated graphical user interface configuration
CN110647262B (zh) * 2018-06-27 2022-02-25 腾讯科技（深圳）有限公司 页面显示的方法及装置
CN110045890B (zh) * 2019-03-11 2021-01-08 维沃移动通信有限公司 应用标识的显示方法及终端设备
CN112926288B (zh) * 2019-12-06 2023-07-18 北京阿博茨科技有限公司 一种商业智能数据可视化方法、系统、设备以及可读存储介质
CN112346813B (zh) * 2021-01-08 2021-04-13 北京小米移动软件有限公司 操作列表的控制方法、装置
CN113656026A (zh) * 2021-06-11 2021-11-16 阿里巴巴新加坡控股有限公司 商品对象信息展示方法及装置

Family Cites Families (21)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US4412294A (en) * 1981-02-23 1983-10-25 Texas Instruments Incorporated Display system with multiple scrolling regions
JPH08202524A (ja) * 1995-01-30 1996-08-09 Mitsubishi Denki Semiconductor Software Kk グラフィック表示スクロール装置
US20040049737A1 (en) * 2000-04-26 2004-03-11 Novarra, Inc. System and method for displaying information content with selective horizontal scrolling
US6657621B2 (en) * 2001-05-01 2003-12-02 Hewlett-Packard Development Company, L.P. Device and method for scrolling stored images across a display
US6948125B2 (en) * 2002-04-25 2005-09-20 International Business Machines Corporation Computer controlled user interactive display interface implementation for tracking the organization of items in a hierarchical tree of nested categories
US7340690B2 (en) * 2004-07-08 2008-03-04 International Business Machines Corporation Space-efficient linear hierarchical view and navigation
US7786975B2 (en) * 2005-12-23 2010-08-31 Apple Inc. Continuous scrolling list with acceleration
US20080040665A1 (en) * 2006-07-06 2008-02-14 Carsten Waldeck Method and system for displaying, locating and browsing data files
US7930646B2 (en) * 2007-10-19 2011-04-19 Microsoft Corporation Dynamically updated virtual list view
US7877702B2 (en) * 2007-11-20 2011-01-25 International Business Machines Corporation Tree widget data population
US8078992B2 (en) * 2008-09-18 2011-12-13 Microsoft Corporation Rendering a customized list of controls
US20110113365A1 (en) * 2009-11-09 2011-05-12 Microsoft Corporation Scrolling large data sets
US20110202871A1 (en) * 2010-02-17 2011-08-18 Oracle International Corporation Method and system for scrolling through a graphical user interface list control
US8756494B2 (en) * 2011-02-15 2014-06-17 Adobe Systems Incorporated Methods and systems for designing documents with inline scrollable elements
US9552212B2 (en) * 2011-05-06 2017-01-24 Microsoft Technology Licensing, Llc Caching intermediate data for scroll view rendering
US9323440B2 (en) * 2011-12-16 2016-04-26 International Business Machines Corporation Scroll focus
US9626090B2 (en) * 2012-06-29 2017-04-18 Google Inc. Systems and methods for scrolling through content displayed on an electronic device
US20140096042A1 (en) * 2012-07-09 2014-04-03 Aaron Tyler Travis Method and system for generating and storing a collection of interactive browsers within a navigation plane
US8793573B2 (en) * 2012-10-29 2014-07-29 Dropbox, Inc. Continuous content item view enhanced through smart loading
US9417757B1 (en) * 2013-09-20 2016-08-16 Emc Corporation Scalable hierarchical user interface display
US20150254806A1 (en) * 2014-03-07 2015-09-10 Apple Inc. Efficient Progressive Loading Of Media Items

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI714514B (zh) * 2020-06-12 2020-12-21 天揚精密科技股份有限公司 節點名稱多元化階層群組管理裝置與其設定方法

Also Published As

Publication number Publication date
WO2015153238A1 (en) 2015-10-08
US20150277741A1 (en) 2015-10-01

Similar Documents

Publication Publication Date Title
US11635869B2 (en) Display device and method of controlling the same
JP7223081B2 (ja) ユーザインターフェースオブジェクトを操作するユーザインターフェース
US11853523B2 (en) Display device and method of indicating an active region in a multi-window display
US10671282B2 (en) Display device including button configured according to displayed windows and control method therefor
TW201537439A (zh) 階層式虛擬清單控制項
US11899903B2 (en) Display device and method of controlling the same
US9448694B2 (en) Graphical user interface for navigating applications
JP6478181B2 (ja) 携帯端末と外部表示装置の連結運用方法及びこれを支援する装置
EP2690543B1 (en) Display device for executing multiple applications and method for controlling the same
KR102080146B1 (ko) 휴대단말과 외부 표시장치 연결 운용 방법 및 이를 지원하는 장치
EP3069224B1 (en) Remote control for displaying application data on dissimilar screens
KR20160143752A (ko) 확장가능한 애플리케이션 표시 및 태스크바
US9256358B2 (en) Multiple panel touch user interface navigation
CN109313529B (zh) 文档与图片之间的轮播
WO2014008215A1 (en) Manipulating content on a canvas with touch gestures
KR20170046669A (ko) 프리젠테이션 시스템에서 애니메이션을 익스포트하는 기법
KR102371098B1 (ko) 오브젝트를 편집 가능한 형태로 전체 화면 팝 아웃하는 기법
EP3314413A1 (en) Automatic transformation to generate a phone-based visualization
CN112400302A (zh) 云存储库与移动设备上的钉扎对象之间的内容的同步
KR102378955B1 (ko) 애플리케이션 런처 크기조정