TWI719323B - 視圖切換方法和裝置以及計算設備 - Google Patents
視圖切換方法和裝置以及計算設備 Download PDFInfo
- Publication number
- TWI719323B TWI719323B TW107121921A TW107121921A TWI719323B TW I719323 B TWI719323 B TW I719323B TW 107121921 A TW107121921 A TW 107121921A TW 107121921 A TW107121921 A TW 107121921A TW I719323 B TWI719323 B TW I719323B
- Authority
- TW
- Taiwan
- Prior art keywords
- view
- screenshot
- switching
- module
- displaying
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims abstract description 62
- 238000011161 development Methods 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 5
- 238000005516 engineering process Methods 0.000 description 18
- 230000007704 transition Effects 0.000 description 14
- 230000000694 effects Effects 0.000 description 13
- 238000010586 diagram Methods 0.000 description 11
- 230000008569 process Effects 0.000 description 11
- 230000006870 function Effects 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 230000001960 triggered effect Effects 0.000 description 5
- 230000003044 adaptive effect Effects 0.000 description 2
- 238000012423 maintenance Methods 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 239000008186 active pharmaceutical agent Substances 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/48—Program initiating; Program switching, e.g. by interrupt
- G06F9/4806—Task transfer initiation or dispatching
- G06F9/4843—Task transfer initiation or dispatching by program, e.g. task dispatcher, supervisor, operating system
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/54—Interprogram communication
- G06F9/543—User-generated data transfer, e.g. clipboards, dynamic data exchange [DDE], object linking and embedding [OLE]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- 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/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/54—Interprogram communication
-
- 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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
- Digital Computer Display Output (AREA)
Abstract
本發明提供一種視圖切換方法和裝置以及計算設備,該方法包括:基於接收的視圖切換請求截取當前顯示的第一視圖以獲取第一截圖;顯示所述第一截圖並將所述第一視圖切換為第二視圖;以及由顯示所述第一截圖切換為顯示所述第二視圖。
Description
本發明係涉及互聯網技術領域,尤其涉及一種視圖切換方法和裝置以及計算設備。
隨著互聯網特別是移動網路的普及,越來越多的產品和服務提供者都選擇使用應用程式(App)作為與消費者交互的管道之一,甚至是主要管道。作為目前App的幾種主要開發模式,Native(原生模式)、Web(網路模式)和Hybrid(混合模式)都有各自的特點。
Native App也稱原生開發模式,其直接依託於作業系統,交互性最強,功能也最為強大;但開發成本較高,不同平臺(例如Android和iOS)上要獨立開發,而且更新和維護成本高。Web App是將頁面部署在伺服器上,用戶通過流覽器即可進行訪問,其開發成本低,可以跨平臺適用,而且無需在用戶端安裝App從而節省了用戶本地資源;但其過於依賴網路,需要耗費流量,而且無法調用使用者本地系統的原生API(Application Programming Interface,應用程式設計發展介面),因此功能十分受限。Hybrid App即混合開發模式,其在App開發中混合使用了Native和Web元素,從而結合了Native App和Web App的部分優點,可以跨平臺調試,更新和維護成本低,而且可以調用原生API,使得功能更加完善,也因此得到越來越廣泛的應用。
作為Web App下使用的開發手段之一,SPA(Single Page Application,單頁應用)也在Hybrid App下成為普遍採用的開發手段。參見第一圖及第二圖所示,與MPA(Multiple Page Application,多頁應用)中使
用多個頁面11-13為使用者提供交互介面相比,SPA僅載入單個頁面20,並在使用者與App交互時通過該頁面20內的視圖201-203來進行動態更新,從而讓使用者在Web App或Hybrid App中感受到與Native App接近的速度和流暢。
然而,無論如何接近,相關技術中的SPA都無法達到與Native App相同的視圖切換體驗。具體而言,目前Hybrid App中SPA的視圖切換過程一般採用以下兩種方式實現。一種是在前後兩個視圖之間不設置過渡動畫,視圖跳轉瞬間變化,用戶體驗較差。另一種是通過Web元素類比過渡動畫,但由於介面中還包括巡覽列等Native元素,而這種類比動畫無法控制Web元素以外的介面元素,因此視圖跳轉時切換效果仍不佳。
本發明之目的即在於提供一種視圖切換方法和裝置以及計算設備,進而至少在一定程度上克服由於相關技術的限制和缺陷而導致的一個或者多個問題。
本發明的其他特性和優點將通過下面的詳細描述變得顯然,或部分地通過本發明的實踐而得知。
為達上述目的,根據本發明實施例的第一方面,提供一種視圖切換方法,包括:基於接收到視圖切換請求截取當前顯示的第一視圖以獲取第一截圖;顯示所述第一截圖並將所述第一視圖切換為第二視圖;以及由顯示所述第一截圖切換為顯示所述第二視圖。
根據本發明實施例的第二方面,提供另一種視圖切換方法,應用於包括網路視圖WebView模組和原生Native模組的混合應用Hybrid App中,包括:所述WebView模組基於接收到視圖切換請求,通知所述Native模組截取當前顯示的第一視圖以獲取第一截圖;所述Native模組顯示所述第一截圖,並通知所述WebView模組將所述第一視圖切換為第二視圖;以及所述WebView模組在完成所述切換後通知所述Native模組由顯示所述第一截圖切換為顯示所述第二視圖。
根據本發明實施例的第三方面,提供一種視圖切換裝置,包括:截圖模組,用於根據接收到視圖切換請求截取當前顯示的第一視圖以
獲取第一截圖;視圖切換模組,用於將所述第一視圖切換為第二視圖;顯示模組,用於顯示所述第一截圖,並在所述視圖切換模組的切換完成後由顯示所述第一截圖切換為顯示所述第二視圖。
根據本發明實施例的第四方面,提供另一種視圖切換裝置,包括WebView模組和Native模組,其中,所述WebView模組用於,根據接收到視圖切換請求,通知所述Native模組截取當前顯示的第一視圖以獲取第一截圖;所述Native模組用於顯示所述第一截圖,並通知所述WebView模組將所述第一視圖切換為第二視圖;以及用於,根據所述WebView模組在完成所述切換後發送的通知,由顯示所述第一截圖切換為顯示所述第二視圖。
根據本發明實施例的第五方面,提供一種存儲有電腦程式的存儲介質,所述電腦程式在由電腦的處理器運行時,使所述電腦執行如以上任一實施例所述的方法。
根據本發明實施例的第六方面,提供一種計算設備,包括:處理器;記憶體,存儲有可由所述處理器執行的指令;其中所述處理器被配置為執行如以上任一實施例所述的方法。
本發明的實施例提供的技術方案可以包括以下有益效果:
本發明的一種實施例中,通過在視圖切換過程中引入截圖的顯示和切換,與現有採用過渡動畫的切換方案相比實現更為簡單,節省了本地計算資源,同時能夠達到更好的切換效果,改善了用戶體驗。
應當理解的是,以上的一般描述和後文的細節描述僅是示例性和解釋性的,並不能限制本發明。
11,12,13,20‧‧‧頁面
41‧‧‧第一截圖
71‧‧‧WebView模組
72‧‧‧Native模組
91‧‧‧截圖模組
92‧‧‧視圖切換模組
93‧‧‧顯示模組
101‧‧‧WebView模組
102‧‧‧Native模組
110‧‧‧計算設備
111‧‧‧處理元件
112‧‧‧記憶體
113‧‧‧電源元件
114‧‧‧有線或無線網路介面
115‧‧‧輸入輸出(I/O)介面
201,202,203‧‧‧視圖
421‧‧‧第一視圖
422‧‧‧第二視圖
611‧‧‧第一截圖
612‧‧‧第二截圖
621‧‧‧第一視圖
622‧‧‧第二視圖
S301-S303‧‧‧步驟
S501-S507‧‧‧步驟
S701-S706‧‧‧步驟
S801-S806‧‧‧步驟
第一圖為典型的多頁應用示意圖。
第二圖為典型的單頁應用示意圖。
第三圖為本發明之一實施例的視圖切換方法流程圖。
第四圖A及第四圖B為基於第三圖之實施例的視圖切換示意圖。
第五圖為本發明之另一實施例的視圖切換方法流程圖。
第六圖A至第六圖C為基於第五圖之實施例的視圖切換示意圖。
第七圖為本發明又一實施例的視圖切換方法流程圖。
第八圖為本發明再一實施例的視圖切換方法流程圖。
第九圖為本發明之一實施例的視圖切換裝置結構圖。
第十圖為本發明另一實施例的視圖切換裝置結構圖。
第十一圖為本發明之一實施例的計算設備的示意圖。
下面將參考若干示例性實施方式來描述本發明的原理和精神。應當理解,給出這些實施方式僅僅是為了使本領域技術人員能夠更好地理解進而實現本發明,而並非以任何方式限制本發明的範圍。相反,提供這些實施方式是為了使本發明更加透徹和完整,並且能夠將本發明的範圍完整地傳達給本領域的技術人員。
本領域技術人員知道,本發明的實施方式可以實現為一種系統、裝置、設備、方法或電腦程式產品。因此,本發明可以具體實現為以下形式,即:完全的硬體、完全的軟體(包括固件、駐留軟體、微代碼等),或者硬體和軟體結合的形式。
根據本發明的實施方式,提出了一種視圖切換方法和裝置以及介質和計算設備。
下面參考本發明的若干代表性實施方式,詳細闡釋本發明的原理和精神。
第三圖為根據本發明一實施例視圖切換方法流程圖,如圖所示,本實施例的方法包括以下步驟S301-S303。在一個實施例中,本實施例的方法可由運行Hybrid App的使用者終端(例如手機)來執行。
在步驟S301中,基於接收到視圖切換請求截取當前顯示的第一視圖以獲取第一截圖。
上述視圖切換請求一般可基於用戶的切換操作來觸發。切換操作例如可基於不同的實體或虛擬按鍵或者對觸控式螢幕的觸摸操作等各種方式來進行,本發明對此並不作出限制。
在步驟S302中,顯示所述第一截圖並將所述第一視圖切換
為第二視圖。
如第四圖A所示,在一個實施例中,可以通過將第一截圖41置頂從而覆蓋住第一視圖421來實現第一截圖41的顯示。同時,如圖4b所示,在程式後臺通過將第一視圖421的內容更新為第二視圖422(目標視圖)來實現第一視圖421至第二視圖422的內容切換。
在步驟S303中,由顯示所述第一截圖切換為顯示所述第二視圖。
在第一視圖至第二視圖的內容切換完成後,第二視圖就處於可被顯示的狀態,本步驟即完成由第一截圖至第二視圖的顯示切換。由於步驟S302的視圖內容切換與本步驟的顯示切換分開進行,因此二者可以使用不同的方式來實現。在一個實施例中,以應用SPA技術的Hybrid App為例,步驟S302中由第一視圖切換為第二視圖可以利用WebView(網路視圖)技術來實現,而本步驟中由第一截圖切換為顯示第二視圖可以利用Native技術來實現,從而在無需使用過渡動畫的情況下達到了更佳的切換效果。進一步,在一個實施例中,步驟S301的截圖也可以利用Native技術來實現,例如通過調用不同的Native API來分別實現步驟S301的截圖和步驟S303的顯示切換。然而,本發明的實施例也不限於應用在SPA中,而是同樣可適用於MPA。
根據上述實施例的視圖切換方法,通過在視圖切換過程中引入截圖的顯示和切換,與現有採用過渡動畫的切換方案相比實現更為簡單,節省了本地計算資源,同時能夠達到更好的切換效果,改善了用戶體驗。
第五圖為根據本發明另一實施例的視圖切換方法流程圖,如圖所示,本實施例的方法包括以下步驟S501-S507。
在步驟S501中,基於接收到視圖前進請求截取當前顯示的第一視圖以獲取第一截圖。
與前一實施例步驟S301所述的視圖切換請求類似,上述視圖前進請求一般可基於用戶的特定操作來觸發。以實體或虛擬按鍵為例,該特定操作例如可以是按壓下翻頁鍵(例如右方向鍵);以觸控式螢幕為
例,該特定操作例如可以是在觸控式螢幕上向左滑動。本發明的實施例並不以此為限,此處不再贅述。
在步驟S502中,顯示所述第一截圖並將所述第一視圖切換為第二視圖。
在步驟S503中,由顯示所述第一截圖切換為顯示所述第二視圖。
上述步驟S501-S503分別對應前一實施例的步驟S301-S303,此處不再贅述。
在步驟S504中,基於接收到視圖後退請求截取當前顯示的所述第二視圖以獲取第二截圖。
上述視圖後退請求同樣可基於用戶的另一特定操作來觸發。以實體或虛擬按鍵為例,該特定操作例如可以是按壓上翻頁鍵(例如左方向鍵);以觸控式螢幕為例,該特定操作例如可以是在觸控式螢幕上向右滑動。本發明的實施例並不以此為限,此處不再贅述。
在步驟S505中,顯示所述第二截圖。
如第六圖A所示,在一個實施例中,可以通過將第二截圖612置頂從而覆蓋住第二視圖622來實現第二截圖612的顯示。
在步驟S506中,由顯示所述第二截圖切換為顯示所述第一截圖,並將所述第二視圖切換為所述第一視圖。
與步驟S503需要在第二視圖的內容載入完成後才能進行顯示切換不同,本步驟可以利用前續步驟S501所獲取並保存的第一截圖,配合第二截圖進行顯示切換。如圖第六圖B所示,在由顯示第二截圖612切換到顯示第一截圖611的同時,程式後臺可通過將第二視圖622的內容更新為第一視圖621(目標視圖)來實現第二視圖622至第一視圖621的內容切換。
在步驟S507中,移除或隱藏所述第一截圖以顯示所述第一視圖。
在步驟S506完成第二視圖至第一視圖的內容切換後,也即,在第一視圖的內容載入完成之後,本步驟可通過移除或隱藏覆蓋在頂
層的第一截圖而使第一視圖得以顯示。如第六圖C所示,在刪除第六圖B中的第一截圖611後,得以顯示第一視圖621,從而完成整個視圖切換過程。
由於步驟S506中的視圖內容切換(第二視圖至第一視圖)與顯示切換(第二截圖至第一截圖)分開進行,因此二者也可以使用不同的方式來實現。仍以應用SPA技術的Hybrid App為例,步驟S506中由顯示第二截圖切換為顯示第一截圖可以利用Native技術來實現,而由第二視圖切換為第一視圖則可以利用WebView(網路視圖)技術來實現,從而在無需使用過渡動畫的情況下達到了更佳的切換效果。
根據上述實施例的視圖切換方法,通過在視圖前進和後退切換過程中均引入截圖的顯示和切換,與現有採用過渡動畫的切換方案相比實現更為簡單,節省了本地計算資源,同時能夠達到更好的切換效果,改善了用戶體驗。
需要說明的是,上述實施例中的視圖前進請求和視頻後退請求都可以視為屬於步驟S301中所述的視圖切換請求。因此,在另一實施例中,無論是接收到步驟S501所述的視圖前進請求,還是接收到步驟S504所述的視圖後退請求,都可以直接基於步驟S301-S303執行視圖切換操作,這也屬於第三圖實施例的保護範圍,此處不再贅述。
另外,接續以應用SPA技術的Hybrid App為例,基於WebView技術提供的資料頁檢視中通常會包括巡覽列等Native元素,巡覽列中例如可提供頁面後退等操作按鍵。在一個實施例中,當接收到針對Native元素的後退操作時,觸發產生上述視圖後退請求,從而轉第五圖實施例的步驟S504或直接基於第三圖實施例的步驟S301按照視圖切換請求進行處理,此處不再贅述。
第七圖為根據本發明又一實施例的視圖切換方法流程圖。在本實施例中,所述視圖切換方法應用於包括網路視圖WebView模組和原生Native模組的混合應用Hybrid App中。如第七圖所示,本實施例的方法包括以下步驟S701-S706。
在步驟S701中,WebView模組71基於接收到視圖切換請求通知Native模組72進行視圖截取操作。
在步驟S702中,Native模組72截取所述第一視圖以獲取第一截圖並顯示所述第一截圖。
在步驟S703中,Native模組72通知WebView模組71載入目標視圖(第二視圖)。
在步驟S704中,WebView模組71將視圖內容從第一視圖切換為第二視圖。
在步驟S705中,WebView模組71在完成第二視圖載入後通知Native模組72進行顯示切換。
在步驟S706中,Native模組72由顯示所述第一截圖切換為顯示所述第二視圖。
根據上述實施例的視圖切換方法,通過在視圖切換過程中引入截圖的顯示和切換,與現有採用過渡動畫的切換方案相比實現更為簡單,節省了本地計算資源,同時能夠達到更好的切換效果,改善了用戶體驗。
第八圖為根據本發明再一實施例的視圖切換方法流程圖,本實施例可接續上述第七圖的實施例之後進行。如第八圖所示,本實施例的方法包括以下步驟S801-S806。
在步驟S801中,WebView模組71基於接收到視圖後退請求通知Native模組72進行視圖截取操作。
在步驟S802中,Native模組72截取當前顯示的第二視圖以獲取第二截圖並顯示所述第二截圖。
在步驟S803中,Native模組72由顯示所述第二截圖切換為顯示所述第一截圖,並通知所述WebView模組71載入目標視圖(第一視圖)。
在步驟S804中,WebView模組71將視圖內容從所述第二視圖切換為所述第一視圖。
在步驟S805中,WebView模組71在完成第一視圖記載後通知Native模組72進行移除或隱藏操作。
在步驟S806中,Native模組72移除或隱藏所述第一截圖以顯示所述第一視圖。
根據上述實施例的視圖切換方法,通過在視圖後退切換過程中引入截圖的顯示和切換,與現有採用過渡動畫的切換方案相比實現更為簡單,節省了本地計算資源,同時能夠達到更好的切換效果,改善了用戶體驗。
本示例實施方式中進一步提供了一種視圖切換裝置。
第九圖為根據本發明一實施例的視圖切換裝置結構圖。如圖所示,本實施例的視圖切換裝置包括截圖模組91、視圖切換模組92和顯示模組93。其中,截圖模組91基於接收到視圖切換請求截取當前顯示的第一視圖以獲取第一截圖;視圖切換模組92用於將所述第一視圖切換為第二視圖;顯示模組93用於顯示所述第一截圖,並在所述視圖切換模組的切換完成後由顯示所述第一截圖切換為顯示所述第二視圖。
根據上述實施例的視圖切換裝置,通過在視圖切換過程中引入截圖的顯示和切換,與現有採用過渡動畫的切換方案相比實現更為簡單,節省了本地計算資源,同時能夠達到更好的切換效果,改善了用戶體驗。
在另一實施例中,基於第九圖所示的視圖切換裝置,截圖模組91還設置為基於接收到視圖後退請求截取當前顯示的所述第二視圖以獲取第二截圖;顯示模組93設置為顯示所述第二截圖,進而由顯示所述第二截圖切換為顯示所述第一截圖;視圖切換模組92設置為將所述第二視圖切換為所述第一視圖;進一步截圖模組91設置為移除或隱藏所述第一截圖以使顯示模組93顯示所述第一視圖。
由於視圖切換模組92進行的視圖內容切換(第二視圖至第一視圖)與顯示模組93的顯示切換(第二截圖至第一截圖)分開進行,因此二者也可以使用不同的方式來實現。以應用SPA技術的Hybrid App為例,顯示模組93由顯示第二截圖切換為顯示第一截圖可以利用Native技術來實現,而視圖切換模組92將第二視圖切換為第一視圖則可以利用WebView(網路視圖)技術來實現,從而在無需使用過渡動畫的情況下達到了更佳的切換效果。
根據上述實施例的視圖切換裝置,通過在視圖前進和後退切
換過程中均引入截圖的顯示和切換,與現有採用過渡動畫的切換方案相比實現更為簡單,節省了本地計算資源,同時能夠達到更好的切換效果,改善了用戶體驗。
需要說明的是,上述實施例中的視圖前進請求和視頻後退請求都可以視為屬於第九圖實施例中所述的視圖切換請求。因此,在另一實施例中,無論是接收到視圖前進請求,還是接收到視圖後退請求,都可以直接基於第九圖的實施例執行視圖切換操作,此處不再贅述。
另外,接續以應用SPA技術的Hybrid App為例,基於WebView技術提供的資料頁檢視中通常會包括巡覽列等Native元素,巡覽列中例如可提供頁面後退等操作按鍵。在一個實施例中,當接收到針對Native元素的後退操作時,觸發產生上述視圖後退請求,從而由截圖模組91、視圖切換模組92和顯示模組93可按照視圖切換請求進行處理,此處不再贅述。
第十圖為根據本發明另一實施例的視圖切換裝置結構圖。如第十圖所示,本實施例的視圖切換裝置包括WebView模組101和Native模組102。其中,WebView模組101用於根據接收到視圖切換請求通知Native模組102截取當前顯示的第一視圖以獲取第一截圖;Native模組102用於顯示所述第一截圖並通知WebView模組101將第一視圖切換為第二視圖,以及用於,根據WebView模組101在完成切換後發送的通知,由顯示第一截圖切換為顯示第二視圖。
根據上述實施例的視圖切換裝置,通過在視圖切換過程中引入截圖的顯示和切換,與現有採用過渡動畫的切換方案相比實現更為簡單,節省了本地計算資源,同時能夠達到更好的切換效果,改善了用戶體驗。
在另一實施例中,基於第十圖所示的視圖切換裝置,WebView模組101還設置為基於接收到視圖後退請求通知Native模組102截取當前顯示的第二視圖以獲取第二截圖;Native模組102顯示該第二截圖,接續由顯示第二截圖切換為顯示第一截圖,並通知WebView模組101將第二視圖切換為第一視圖;進而WebView模組101在完成將第二視圖切
換為第一視圖後通知Native模組101移除或隱藏第一截圖以顯示第一視圖。
根據上述實施例的視圖切換裝置,通過在視圖後退切換過程中引入截圖的顯示和切換,與現有採用過渡動畫的切換方案相比實現更為簡單,節省了本地計算資源,同時能夠達到更好的切換效果,改善了用戶體驗。
關於上述實施例中的裝置,其中各個模組執行操作的具體方式已經在有關該方法的實施例中進行了詳細描述,此處將不做詳細闡述說明。
應當注意,儘管在上文詳細描述中提及了用於動作執行的設備的若干模組或者單元,但是這種劃分並非強制性的。實際上,根據本發明的實施方式,上文描述的兩個或更多模組或者單元的特徵和功能可以在一個模組或者單元中具體化。反之,上文描述的一個模組或者單元的特徵和功能可以進一步劃分為由多個模組或者單元來具體化。作為模組或單元顯示的部件可以是或者也可以不是物理單元,即可以位於一個地方,或者也可以分佈到多個網路單元上。可以根據實際的需要選擇其中的部分或者全部模組來實現本發明方案的目的。本領域普通技術人員在不付出創造性勞動的情況下,即可以理解並實施。
通過以上實施方式的描述,本領域的技術人員易於理解,上文描述的示例實施方式可以通過軟體實現,也可以通過軟體結合必要的硬體的方式來實現。
例如,在一個示例實施方式中,還提供一種電腦可讀存儲介質,其上存儲有電腦程式,該程式被處理器執行時可以實現上述任意一個實施例中所述方法的步驟。所述方法的具體步驟可參考前述實施例中的詳細描述,此處不再贅述。所述電腦可讀存儲介質可以是ROM、隨機存取記憶體(RAM)、CD-ROM、磁帶、軟碟和光資料存放裝置等。
在另一個示例實施方式中,還提供一種計算設備,該設備可以是手機、平板電腦等移動終端,也可以是臺式電腦、伺服器等終端設備,本示例實施方式中對此不作限制。第十一圖示出根據本發明示例實施方式中一種計算設備110的示意圖。例如,設備110可以被提供為一移動終端。
參照第十一圖,設備110包括處理元件111,其進一步包括一個或多個處理器,以及由記憶體112所代表的記憶體資源,用於存儲可由處理元件111的執行的指令,例如應用程式。記憶體112中存儲的應用程式可以包括一個或一個以上的每一個對應於一組指令的模組。此外,處理元件111被配置為執行指令,以執行上述視圖切換方法。該方法的步驟可參考前述方法實施例中的詳細描述,此處不再贅述。
裝置110還可以包括一個電源元件113被配置為執行裝置110的電源管理,一個有線或無線網路介面114被配置為將裝置110連接到網路,和一個輸入輸出(I/O)介面115。裝置110可以操作基於存儲在記憶體112的作業系統,例如Android、IOS或類似。
本領域技術人員在考慮說明書及實踐這裡公開的發明後,將容易想到本發明的其它實施方案。本申請旨在涵蓋本發明的任何變型、用途或者適應性變化,這些變型、用途或者適應性變化遵循本發明的一般性原理並包括本發明未公開的本技術領域中的公知常識或慣用技術手段。說明書和實施例僅被視為示例性的,本發明的真正範圍和精神由所附的申請專利範圍指出。
雖然已參照幾個典型實施例描述了本發明,但應當理解,所用的術語是說明和示例性、而非限制性的術語。由於本發明能夠以多種形式具體實施而不脫離申請的精神或實質,所以應當理解,上述實施例不限於任何前述的細節,而應在隨附申請專利範圍所限定的精神和範圍內廣泛地解釋,因此落入申請專利範圍或其等效範圍內的全部變化和改型都應為隨附申請專利範圍所涵蓋。
S301‧‧‧步驟
S302‧‧‧步驟
S303‧‧‧步驟
Claims (12)
- 一種視圖切換方法,應用於混合模式Hybrid的單頁應用SPA,包括:基於接收的視圖切換請求截取當前顯示的第一視圖以獲取第一截圖;顯示所述第一截圖並將所述第一視圖切換為第二視圖;以及由顯示所述第一截圖切換為顯示所述第二視圖。
- 如申請專利範圍第1項所述視圖切換方法,其中,在所述顯示第二視圖之後還包括:基於接收的視圖後退請求截取當前顯示的所述第二視圖以獲取第二截圖;顯示所述第二截圖;由顯示所述第二截圖切換為顯示所述第一截圖,並將所述第二視圖切換為所述第一視圖;以及移除或隱藏所述第一截圖以顯示所述第一視圖。
- 如申請專利範圍第1項或第2項所述視圖切換方法,其中,所述方法應用於包括網路視圖WebView和原生Native元素的混合應用Hybrid App中,所述Hybrid App包括基於單頁應用的頁面,該頁面包括所述第一視圖和所述第二視圖。
- 如申請專利範圍第3項所述視圖切換方法,其中,包括調用Native應用程式設計發展介面API來進行所述截取當前顯示的第一視圖以及所述由顯示第一截圖切換為顯示第二視圖。
- 如申請專利範圍第3項所述視圖切換方法,其中,在所述顯示第二視圖之後還包括:基於接收的針對所述Native元素的後退操作,觸發所述視圖後退請求。
- 一種視圖切換方法,應用於包括網路視圖WebView模組和原生Native模組的混合模式Hybrid單頁應用SPA中,包括:所述WebView模組基於接收的視圖切換請求通知所述Native模組截取當前顯示的第一視圖以獲取第一截圖;所述Native模組顯示所述第一截圖,並通知所述WebView模組將所述第一視圖切換為第二視圖;以及所述WebView模組在完成所述切換後通知所述Native模組由顯示所述第 一截圖切換為顯示所述第二視圖。
- 如申請專利範圍第6項所述視圖切換方法,其中,在所述Native模組切換為顯示第二視圖之後還包括:所述WebView模組基於接收的視圖後退請求通知所述Native模組截取當前顯示的第二視圖以獲取第二截圖;所述Native模組顯示所述第二截圖;所述Native模組由顯示所述第二截圖切換為顯示所述第一截圖,並通知所述WebView模組將所述第二視圖切換為所述第一視圖;以及所述WebView模組在完成所述將第二視圖切換為第一視圖後通知所述Native模組移除或隱藏所述第一截圖以顯示所述第一視圖。
- 如申請專利範圍第6項或第7項所述視圖切換方法,其中,所述Hybrid App包括基於單頁應用的頁面,該頁面包括所述第一視圖和所述第二視圖。
- 一種視圖切換裝置,應用於混合模式Hybrid的單頁應用,包括:截圖模組,基於接收的視圖切換請求截取當前顯示的第一視圖以獲取第一截圖;視圖切換模組,用於將所述第一視圖切換為第二視圖;以及顯示模組,用於顯示所述第一截圖,並在所述視圖切換模組的切換完成後由顯示所述第一截圖切換為顯示所述第二視圖。
- 一種視圖切換裝置,應用於混合模式Hybrid的單頁應用,包括WebView模組和Native模組,其中,所述WebView模組用於,根據接收的視圖切換請求,通知所述Native模組截取當前顯示的第一視圖以獲取第一截圖;以及所述Native模組用於顯示所述第一截圖,並通知所述WebView模組將所述第一視圖切換為第二視圖;以及用於,根據所述WebView模組在完成所述切換後發送的通知,由顯示所述第一截圖切換為顯示所述第二視圖。
- 一種存儲有應用於視圖切換的電腦程式的存儲介質,所述電腦程式在由電腦的處理器運行時,使所述電腦執行如申請專利範圍第1-8項中任一項所述的方法。
- 一種應用於視圖切換的計算設備,包括: 處理器;以及記憶體,存儲有可由所述處理器執行的指令;其中所述處理器被配置為執行如申請專利範圍第1-8項中任一項所述的方法。
Applications Claiming Priority (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710862028.XA CN107678817A (zh) | 2017-09-21 | 2017-09-21 | 视图切换方法和装置以及计算设备 |
CN201710862028.X | 2017-09-21 | ||
??201710862028.X | 2017-09-21 |
Publications (2)
Publication Number | Publication Date |
---|---|
TW201921243A TW201921243A (zh) | 2019-06-01 |
TWI719323B true TWI719323B (zh) | 2021-02-21 |
Family
ID=61137736
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW107121921A TWI719323B (zh) | 2017-09-21 | 2018-06-26 | 視圖切換方法和裝置以及計算設備 |
Country Status (8)
Country | Link |
---|---|
US (1) | US20200201673A1 (zh) |
EP (1) | EP3637257A4 (zh) |
JP (1) | JP7093798B2 (zh) |
KR (1) | KR20200058328A (zh) |
CN (1) | CN107678817A (zh) |
CA (1) | CA3069374A1 (zh) |
TW (1) | TWI719323B (zh) |
WO (1) | WO2019056645A1 (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109828982A (zh) * | 2018-12-15 | 2019-05-31 | 中国平安人寿保险股份有限公司 | 值班表显示方法、装置、计算机装置及存储介质 |
CN110162265B (zh) * | 2019-05-27 | 2020-09-25 | 北京字节跳动网络技术有限公司 | 一种视图控件的滑动控制方法、装置、设备和存储介质 |
CN110308961B (zh) * | 2019-07-02 | 2023-03-31 | 广州小鹏汽车科技有限公司 | 一种车载终端的主题场景切换方法及装置 |
CN118055272A (zh) * | 2024-02-29 | 2024-05-17 | 北京七维视觉传媒科技有限公司 | 一种单服务器三维实时渲染系统动态图像备份方法 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103176689A (zh) * | 2011-12-26 | 2013-06-26 | 腾讯科技(深圳)有限公司 | 界面切换方法及系统 |
TW201441829A (zh) * | 2013-04-19 | 2014-11-01 | Alibaba Group Services Ltd | 頁面處理方法和裝置以及頁面生成方法和裝置 |
US20160041954A1 (en) * | 2014-08-05 | 2016-02-11 | Weebly, Inc. | Native Overlay for Rapid Editing of Web Content |
US20160048398A1 (en) * | 2014-08-12 | 2016-02-18 | Linkedin Corporation | Enhancing a multitasking user interface of an operating system |
TW201635128A (zh) * | 2015-03-30 | 2016-10-01 | 阿里巴巴集團服務有限公司 | 界面顯示方法、裝置及電子設備 |
CN107122192A (zh) * | 2017-04-27 | 2017-09-01 | 北京三快在线科技有限公司 | 网页视图展示方法、装置、计算设备及存储介质 |
Family Cites Families (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9213538B1 (en) * | 2004-02-06 | 2015-12-15 | Time Warner Cable Enterprises Llc | Methods and apparatus for display element management in an information network |
US10631246B2 (en) * | 2011-02-14 | 2020-04-21 | Microsoft Technology Licensing, Llc | Task switching on mobile devices |
US20130212559A1 (en) * | 2012-02-14 | 2013-08-15 | Appgyver Oy | Method and System for Developing Applications for Portable Communication Devices |
US20160132219A1 (en) * | 2014-11-06 | 2016-05-12 | Microsoft Technology Licensing, Llc | Enhanced view transitions |
CN106209925B (zh) * | 2015-04-29 | 2019-07-26 | 阿里巴巴集团控股有限公司 | 页面加载方法、客户端及系统 |
CN106354355A (zh) * | 2015-07-13 | 2017-01-25 | 华为软件技术有限公司 | 用户界面布局方法、装置及系统 |
CN106708498A (zh) * | 2015-11-18 | 2017-05-24 | 中兴通讯股份有限公司 | 一种实现多模式应用页面的终端、方法及系统 |
CN106775795A (zh) * | 2015-11-25 | 2017-05-31 | 阿里巴巴集团控股有限公司 | 一种针对hypbrid app提供服务的方法和装置 |
CN106681917B (zh) * | 2016-12-21 | 2019-06-18 | 南京大学 | 一种基于神经网络的前端自动化评估方法 |
-
2017
- 2017-09-21 CN CN201710862028.XA patent/CN107678817A/zh active Pending
- 2017-12-29 EP EP17925826.4A patent/EP3637257A4/en not_active Withdrawn
- 2017-12-29 JP JP2019571318A patent/JP7093798B2/ja active Active
- 2017-12-29 CA CA3069374A patent/CA3069374A1/en active Pending
- 2017-12-29 KR KR1020197036601A patent/KR20200058328A/ko not_active Application Discontinuation
- 2017-12-29 WO PCT/CN2017/119742 patent/WO2019056645A1/zh unknown
-
2018
- 2018-06-26 TW TW107121921A patent/TWI719323B/zh not_active IP Right Cessation
-
2020
- 2020-03-04 US US16/809,409 patent/US20200201673A1/en not_active Abandoned
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103176689A (zh) * | 2011-12-26 | 2013-06-26 | 腾讯科技(深圳)有限公司 | 界面切换方法及系统 |
TW201441829A (zh) * | 2013-04-19 | 2014-11-01 | Alibaba Group Services Ltd | 頁面處理方法和裝置以及頁面生成方法和裝置 |
US20160041954A1 (en) * | 2014-08-05 | 2016-02-11 | Weebly, Inc. | Native Overlay for Rapid Editing of Web Content |
US20160048398A1 (en) * | 2014-08-12 | 2016-02-18 | Linkedin Corporation | Enhancing a multitasking user interface of an operating system |
TW201635128A (zh) * | 2015-03-30 | 2016-10-01 | 阿里巴巴集團服務有限公司 | 界面顯示方法、裝置及電子設備 |
CN107122192A (zh) * | 2017-04-27 | 2017-09-01 | 北京三快在线科技有限公司 | 网页视图展示方法、装置、计算设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
WO2019056645A1 (zh) | 2019-03-28 |
JP2020534588A (ja) | 2020-11-26 |
CN107678817A (zh) | 2018-02-09 |
EP3637257A4 (en) | 2020-06-10 |
JP7093798B2 (ja) | 2022-06-30 |
US20200201673A1 (en) | 2020-06-25 |
EP3637257A1 (en) | 2020-04-15 |
KR20200058328A (ko) | 2020-05-27 |
TW201921243A (zh) | 2019-06-01 |
CA3069374A1 (en) | 2019-03-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
TWI719323B (zh) | 視圖切換方法和裝置以及計算設備 | |
WO2022063022A1 (zh) | 视频预览方法、装置及电子设备 | |
WO2022089330A1 (zh) | 截图方法和装置、电子设备和可读存储介质 | |
WO2022166820A1 (zh) | 应用界面处理方法、装置、电子设备及可读存储介质 | |
US9001050B2 (en) | Touch screen emulation for a virtual machine | |
US10349020B2 (en) | Information processing method and electronic apparatus | |
WO2019119315A1 (zh) | 基于多操作系统的输入处理方法、装置及电子设备 | |
WO2022206697A1 (zh) | 图像分享方法、装置及电子设备 | |
CN112269508A (zh) | 显示方法、装置和电子设备 | |
CN110134310A (zh) | 内容分享方法及装置、电子设备和存储介质 | |
CN108401453B (zh) | 一种控制显示屏的方法、装置和智能终端 | |
CN112799622A (zh) | 一种应用的控制方法、装置及电子设备 | |
CN113835577A (zh) | 显示方法、装置、电子设备及存储介质 | |
CN112148167A (zh) | 控件设置方法、装置和电子设备 | |
WO2022135476A1 (zh) | 截图方法、装置及电子设备 | |
US20240184434A1 (en) | Display method and apparatus | |
WO2022089481A1 (zh) | 信息处理方法、装置及电子设备 | |
WO2024109731A1 (zh) | 内容分享方法、装置、电子设备和可读存储介质 | |
KR20230086770A (ko) | 촬영 방법, 촬영 장치, 전자 기기 및 판독 가능한 저장매체 | |
CN112399010B (zh) | 页面显示方法、装置和电子设备 | |
CN112291412B (zh) | 应用程序控制方法、装置及电子设备 | |
RU2630368C2 (ru) | Способ и устройство для управления переключением виртуальной навигационной панели | |
CN112199149A (zh) | 界面渲染方法、装置及电子设备 | |
WO2023030292A1 (zh) | 多媒体文件的播放方法和装置 | |
CN113726953B (zh) | 显示内容获取方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
MM4A | Annulment or lapse of patent due to non-payment of fees |